* img {border: none;}

body
{
	font-family: Tahoma,Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #383838;
	margin: 0;
	padding: 0;
	background: #e9e9e9;
	text-align: center;
}

#main
{
	display: table;
	width: 940px;
	min-height:625px;
	margin: 0px auto;
  background: #ffffff;
	text-align:left;
}

#top-menu {
  width: 940px;
  height: 45px;
  background: #ffffff;
}

a.top-menu {
  display: block;
  float: left;
  margin: 0px;
  width: 155px;
  height: 52px;
  color: #777777;
  font-family: tahoma;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  background: #ffffff url('../img/menu-tlo.gif') repeat-x 0px 0px;
}

a.top-menu div {
  width: 100px;
  margin: 5px 10px;
  text-align: right;
}

a.top-menu div span {
  color: #e4752d;
  font-size: 11px;
}

a.top-menu:hover div {
  font-size: 16px;
}

div.separator {
  float: left;
  margin: 0px;
  width: 2px;
  height: 52px;
  background: url('../img/separator.gif') no-repeat top center;
  
}

#main-image {
  float: left;
  margin: 5px 0px;
  width: 940px;
  height: 263px;
  background: url('../img/wizerunek2.jpg') no-repeat 0px 0px;
}

#middle {
  float: left;
  width: 940px;
  min-height: 213px;
  background: #ffffff url('../img/bg-repeat-x.gif') repeat-x 0px 0px;
}

#middle-left {
  float: left;
  width: 300px;
  height: auto;
}

#middle-left img {
  margin: 10px 20px;
}

ul#menu-left {
  list-style-position: inside;
  list-style-image: url('../img/ul_li.gif');
  margin-left: 20px;
  padding: 0px;
}

ul#menu-left li a {
  height: 20px;
  width: 200px;
  color: #7e7e7e;
  text-decoration: none;
  cursor: hand;
}

ul#menu-left li {
  margin: 5px 0px;
  width: 250px;
  background: url('../img/dot.gif') repeat-x bottom center;
}

ul#menu-left li a span {
  margin: 0px 10px;
  color: #7e7e7e;
  text-decoration: none;
}

ul#menu-left li:hover, ul#menu-left li a:hover, ul#menu-left li a span:hover {
  background-color: #dddddd;
  color: #000000;
  cursor: hand;
}

#middle-right {
  float: left;
  width: 640px;
  height: auto;
}

#stopka-linia {
  float: left;
  margin: 10px 0px 1px 0px;
  width: 940px;
  height: 0px;
  border-bottom: 3px solid #b6b7b8;
}

#stopka {
  float: left;
  margin: 0px;
  width: 940px;
  height: 40px;
  background-color: #d3d4d5;
}

#copyright {
  margin: 10px 20px;
}
#copyright, #copyright a {
  color: #746e6e;
  text-decoration: none;
  font-size: 11px;
}

/* elementy */

div.c {
  clear:both;
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

div.dotted {
  display: block;
  width: 620px;
  height: 3px;
  margin: 10px 0px;
  background: url('../img/dot.gif') repeat-x 0px 0px;
}

h4.title {
  color: #e4752d;
  font-size: 20px;
  font-weight: normal;
  font-family: tahoma;
  margin: 0px;
}
h4.title span {
  color: #383838;
}

div.oferta, div.oferta2 {
  width: auto;
  margin: 0px 0px 20px 0px;
}

div.oferta div.info {
  float: left;
  width: 200px;
}
div.oferta div.foto {
  float: left;
  width: 400px;
  text-align: center;
}

div.oferta2 div.info {
  float: left;
  width: 100px;
}
div.oferta2 div.foto {
  float: left;
  width: 500px;
  text-align: center;
}

div.oferta3 div.info {
  float: left;
  width: 480px;
  margin: 0px 20px 20px 0px;
}
div.oferta3 div.foto {
  float: left;
  width: 100px;
  text-align: left;
}

div.oferta4 div.info {
  float: left;
  width: 380px;
  margin: 0px 20px 20px 0px;
}
div.oferta4 div.foto {
  float: left;
  width: 200px;
  text-align: left;
}
