body {
	background-color: #0c0c0c;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #bbbbbb;
	font-family: tahoma;
	
}

div#main {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1200px;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
}

div#top {
	position: relative;
	width: 100%;
	height: 163px;
	margin: 0;
	padding: 0;
}

div#top-in {
	position: relative;
	width: 970px;
	height: 163px;
	padding: 0;
	margin: 0 auto;
}

div#top-left {
  position: relative;
  float: left;
  width: 227px;
  height: 163px;
  padding: 0;
  margin: 0;
}

div#top-right {
  position: relative;
  float: left;
  width: 743px;
  height: 163px;
  padding: 0;
  margin: 0;
}

div#logo-area {
	position: relative;
	margin: 0;
	padding: 0;
	width: 217px;
	height: 87px;
	margin-left: 10px;
	margin-top: 40px;
}

img#logo {
	position: relative;
	margin: 0;
	padding: 0;
	width: 217px;
	height: 87px;
	border: none;
}

div#menu-small {
	position: relative;
	margin: 0;
	padding: 0;
	width: 743px;
	height: 79px;
}

div#menu-small-in {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	margin-right: 50px;
	_margin-right: 20px;
	width: auto;
	height: 69px;
	background-image: url(img/menu_small_bg.gif);
	color: #888888;
	font-size: 10px;
}

a#menu-small-link {
	color: #888888;
	font-size: 10px;
	text-decoration: none;
	margin: 0;
}

a#menu-small-link:hover {
	text-decoration: none;
	color: #ffffff;
}

div#menu {
	position: relative;
	margin: 0;
	padding: 0;
	width: 743px;
	height: 29px;
}

div#rss-area {
	position: relative;
	margin: 0;
	padding: 0;
	width: 743px;
	height: 55px;
}

a.menu {
	position: relative;
	float: left;
	height: 29px;
	margin: 0;
	margin-right: 23px;
}

a#strona-glowna {
	width: 102px;
	background-image: url(img/strona_glowna.jpg);
	margin-left: 80px;
}

a#strona-glowna:hover {
	background-image: url(img/strona_glowna_on.jpg);
}

a#aktualnosci {
	width: 86px;
	background-image: url(img/aktualnosci.jpg);
}

a#aktualnosci:hover {
	background-image: url(img/aktualnosci_on.jpg);
}

a#omtweb {
	width: 73px;
	background-image: url(img/omtweb.jpg);
}

a#omtweb:hover {
	background-image: url(img/omtweb_on.jpg);
}

a#realizacje {
	width: 74px;
	background-image: url(img/realizacje.jpg);
}

a#realizacje:hover {
	background-image: url(img/realizacje_on.jpg);
}

a#emarketing {
	width: 108px;
	background-image: url(img/emarketing.jpg);
}

a#emarketing:hover {
	background-image: url(img/emarketing_on.jpg);
}

a#kontakt {
	width: 62px;
	background-image: url(img/kontakt.jpg);
}

a#kontakt:hover {
	background-image: url(img/kontakt_on.jpg);
}

a#rss {
	position: relative;
	float: right;
	background-image: url(img/rss.jpg);
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-right: 50px;
	_margin-right: 45px;
}

a#rss:hover {
	background-image: url(img/rss_on.jpg);
}

div#strip {
	position: relative;
	margin: 0;
	padding: 0px;
	height: 181px;
	width: 100%;
	background-image:url(img/strip.gif);
	background-repeat:repeat-x;
}

div#strip-in {
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 181px;
	width: 970px;
	background-image: url(img/banner.gif);
}
div#index {
	position: absolute;
	width: 443px;
	height: 209px;
	top: -15px;
}

object#tree {
	position: absolute;
	width: 443px;
	height: 209px;
	top: -15px;
}

div#content {
	position: relative;
	width: 970px;
	margin: 0 auto;
	height: auto;
	padding: 0;
}

img#title {
	margin: 0;
	padding: 0;
	margin-top: 40px;
}

div#logos {
	position: relative;
	background-image: url(img/logos_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 320px;
}

div#logos-in {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 970px;
	height: 255px;
	text-align: center;
}

img#zaufali-nam {
	width: 111px;
	height: 21px;
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 7px;
	float: left;
}

img#logotypes {
	width: 970px;
	height: 55px;
	margin: 0;
	margin-top: 30px;
}

div#bottom {
  position: relative;
  background-color: #0c0c0c;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 95px;
  border-bottom: 1px solid #1c1c1c;
}

div#bottom-in {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 870px;
  height: 95px;
  padding-left: 100px;
}

div#footer {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 125px;
}

div#footer-in {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 920px;
  height: 85px;
  color: #666565;
  text-align: right;
  padding-top: 40px;
  padding-right: 50px;
}

a.bottom-link {
  margin: 30px;
  color: #ff7f00;
  text-decoration: none;
  display: block;
  position: relative;
  float: left;
  margin-top: 40px;
}

a.bottom-link:hover {
  text-decoration: underline;
}

div.dot-bottom {
  position: relative;
  float: left;
  width: 1px;
  height: 1px;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  margin-top: 46px;
  overflow: hidden;
}

img#footer-logo {
  position: absolute;
  float: left;
  width: 243px;
  height: 113px;
  left: 0;
  top: 10px;
}
a {
  outline: none;
}
img.thumb {
  margin-bottom: 40px;
  margin-left: 40px;
}
div.separator {
  width: 970px;
  height: 1px;
  background-color: #1a1a1a;
  overflow: hidden;
  margin: 30px 0;
}
input.text {
  width: 224px;
  height: 21px;
  background-image: url(img/text.gif);
  border: none;
  padding: 5px 0 0 10px;
  color: #bbbbbb;
  font-size: 11px;
  margin: 5px 0 10px 0;
}
.textarea {
  width: 336px;
  height: 182px;
  background-image: url(img/textarea.gif);
  border: none;
  padding: 5px 0 0 10px;
  color: #bbbbbb;
  font-size: 11px;
  margin: 5px 0 10px 0;
}
input#send {
  width: 62px;
  height: 29px;
  margin: 0 0 30px 0;
  padding: 0;
  background-image: url(img/wyslij.jpg);
  border: none;
}
a#next {
  width: 62px;
  height: 29px;
  margin: 0;
  padding: 0;
  display: block;
  background-image: url(img/dalej.jpg);
  margin: 0 0 30px 0;
  position: relative;
  left: 800px;
}
a#prev {
  width: 62px;
  height: 29px;
  margin: 0;
  padding: 0;
  display: block;
  background-image: url(img/wstecz.jpg);
  margin: 0 0 30px 0;
  position: relative;
  left: 60px;
}
a {
  outline-style: none;
}
a.dotGray {
  position: relative;
  float: left;
  width: 12px;
  height: 18px;
  padding: 0 0 0 6px;
  display: block;
  margin: 43px 10px;
  background-image: url(img/dot_gray.gif);
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}
a.dotGray:hover {
  background-image: url(img/dot_orange.gif);
}
a.dotOrange {
  position: relative;
  float: left;
  width: 12px;
  height: 18px;
  padding: 0 0 0 6px;
  display: block;
  margin: 43px 10px;
  background-image: url(img/dot_orange.gif);
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
}