/* --------- Please, read to me, mother */
html {
	height: 100%;
}
html, body {
	font: 12px Verdana, Arial, sans-serif;
	background: #e87813 url(images/background.jpg) repeat-x;
	color: white;
	text-align: center;
}
* {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
br {
	clear: left;
}
.inner {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.bold {
	font-weight: bold;
}
/* --------- content*/
#content {
	line-height: 1.4em;
}
#logo {
	width: 128px;
	height: 29px;
	position: absolute;
	top: 28px;
	left: 174px;
	font: 10px Verdana, Arial, sans-serif;
}
#logo span {
	background: url(images/inhead.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#logo a {
  text-decoration: none;
}
#topmenu {
	background: transparent;
	position: absolute;
	top: 100px;
	left: 174px;
}
#topmenu a {
	color: white;
	background: inherit;
	text-decoration: none;
	margin: 0 36px 0 0;
}
#topmenu a:hover {
  border-bottom: 1px solid #f3cea3;
}
object {
	padding: 0;
	margin: 0;
}
#sofa {
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/sofa.jpg) no-repeat bottom left;
	width: 300px;
	height: 161px;
}
#main, .node {
	position: absolute;
	top: 140px;
	left: 162px;
	z-index: 666;
}
.node {
	padding: 44px 0 12px 12px;
	border-left: 1px solid #ee7f01;
}
.node h2 {
	font: bold 1.4em Arial, sans-serif;
	margin: 0 0 2px 0;
}
.mainbox {
	width: 270px;
	padding: 36px 12px 12px 12px;
	border-left: 1px solid #ee7f01;
}
.mainbox h2 {
	font-size: 1em;
	font-weight: normal;
	display: inline;
}
.mainbox h2 a, .mainbox a {
	text-decoration: none;
}
.mainbox p {
	display: inline;
}
#tworzymy {
	background: url(images/tworzymy.gif) no-repeat 12px 8px;
	position: absolute;
	top: 0;
	left: 0;
}
#sklepy {
	background: url(images/sklepy.gif) no-repeat 12px 8px;
	position: absolute;
	top: 0;
	left: 295px;
}
#pozycjonujemy {
	background: url(images/pozycjonujemy.gif) no-repeat 12px 0;
	padding-top: 28px;
	position: absolute;
	top: 184px;
	left: 295px;
}
#portfolio {
	padding-top: 0;
	border-left: none;
	position: absolute;
	top: 184px;
	left: 0;
}
#autopr {
	background: url(images/magazyn-internet.jpg) no-repeat 2px 0;
	border-left: none;
	padding-top: 28px;
	padding-left: 110px;
	position: absolute;
	top: 390px;
	left: 0px;
	height: 200px;
	width: 468px;
}
#autopr p {
  padding-top: 28px;
}
.mainbox a.boxlink {
	display: block;
	height: 38px;
	width: 184px;
	float: right;
	margin: 12px 0 0 0;
	position: relative;
	text-decoration: none;
	color: white;
	background: inherit;
	background: url(images/link.gif) no-repeat center right;
}
.mainbox a.boxlink span {
	position: absolute;
	top: 9px;
	right: 22px;
	cursor: pointer;
}
/* --------- left*/
#leftmenu {
	position: absolute;
	top: 148px;
	list-style-type: none;
}
#leftmenu li {
	line-height: 2em;
}
#leftmenu li ul {
	text-indent: 1em;
	list-style-type: none;
}
#leftmenu li ul li {
	line-height: 1.6em;
}
#leftmenu li a {
	background: inherit;
	color: white;
	text-decoration: none;
}
#leftmenu a:hover {
  border-bottom: 1px solid #f3cea3;
}
#bpcc {
	font: 10px Verdana, Arial, sans-serif;
	position: absolute;
	top: 354px;
	width: 130px;
}
#bpcc img {
	margin: 0 0 5px 0;
}
/* --------- offer*/
div.offer {
	padding: 40px 0 0 0;
	margin: 36px 0 0 0;
	clear: left;
}
div.offer h2 {
	clear: left;
	margin: 40px 0 15px 0;
	padding: 10px 24px 0 28px;
}
.node a {
	background: inherit;
	color: white;
	text-decoration: none;
}
.node .line a {
	border-bottom: 1px solid #f3cea3;
}
.node p {
	margin: 0 0 1em 0;
}
.node table.offer {
	width: 560px;
	font: 11px/20px Tahoma, Arial, sans-serif;
}
.node table.offer tr td {
	border-bottom: 1px solid #ee7f01;
}
table.offer a {
	text-decoration: none;
}
table.offer a img {
	margin: 5px 0 0 0;
}
table.offer tr.noborder td {
	border-bottom: 0;
}
.node dl {
	float: left;
	width: 33%;
	margin: 0 0 40px 0;
}
.node dl dt {
	text-indent: 22px;
	margin: 0 0 5px 5px;
	font-weight: bold;
	background: url(images/link.gif) no-repeat center left;
	line-height: 22px;
}
.node dl dt a {
	background: #e87813;
	color: white;
	text-decoration: none;
}
.node dl dt a:hover {
	background: #e87813;
	color: white;
	text-decoration: none;
}
.node dl dd {
	margin: 0 0 5px 0;
	text-indent: 8px;
	font: 11px Tahoma, Arial, sans-serif;
	background: url(images/bullet.gif) no-repeat center left;
}
.node dl dd.lowdd {
	background: none;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
.node dl dd.strongdd {
	background: none;
	font-size: 12px;
	font-weight: bold;
}
.strongdd a.register {
	margin: 0 0 0 4px;
}
.node p .more img {
	vertical-align: middle;
}
.nodegallery {
	padding: 48px 0 12px 0;
	margin: 24px 0 0 0;
	background: url(images/przyklady.gif) no-repeat 0 8px;
}
.nodegallery a {
	background: none;
}
.nodeinfo {
	padding: 6px 18px;
	margin: 12px 0;
}
.nodeinfo p, .nodeinfo ul {
	margin: 12px;
}
.nodeinfo ul li {
	margin: 0 0 4px 0;
}
.info {
	padding: 0 0 1.4em 0;
}
.infoimg {
	padding: 0 0 1em 0;
}
div#serwery {
	background: url(images/serwery.gif) no-repeat left top;
}
div#email {
	background: url(images/email.gif) no-repeat left top;
}
div#dedykowane {
	background: url(images/dedykowane.gif) no-repeat left top;
}
#onas {
	background: url(images/jestesmy.gif) no-repeat 12px 8px;
}
#access {
	background: url(images/seo-access.gif) no-repeat 12px 8px;
}
#hosting {
	background: url(images/hosting.gif) no-repeat 12px 8px;
}
#kontakt {
	background: url(images/kontakt.gif) no-repeat 12px 8px;
}
#serwerywww {
	background: url(images/serwery.gif) no-repeat 12px 8px;
	border-left: none;
}
#pocztaemail {
	background: url(images/email.gif) no-repeat 12px 8px;
	border-left: none;
}
#serwerydedykowane {
	background: url(images/dedykowane.gif) no-repeat 12px 8px;
}
#domeny {
	background: url(images/domeny.gif) no-repeat 12px 8px;
	border-left: none;
}
#pozycjonowanie {
	background: url(images/pozycjonowanie.gif) no-repeat 12px 8px;
}
#optymalizacja {
	background: url(images/optymalizacja.gif) no-repeat 12px 8px;
}
#vseo {
	background: url(images/vseo.gif) no-repeat 12px 8px;
}
#tworzenie {
	background: url(images/tworzenie.gif) no-repeat 12px 8px;
}
#cms {
	background: url(images/cms.gif) no-repeat 12px 8px;
}
#seo-sklepy {
	background: url(images/seo-sklepy.gif) no-repeat 12px 8px;
}
#portale {
	background: url(images/portale.gif) no-repeat 12px 8px;
}
#realizacje {
	background: url(images/realizacje.gif) no-repeat 12px 8px;
}
#realizacje p {
	margin: 0 0 44px 0;
}
#realizacje a {
	background: none;
}
#realizacje a img {
	vertical-align: top;
}
/* --------- kontakt*/
#map {
	width: 570px;
	height: 260px;
	overflow: hidden;
	font: normal 11px Verdana, Arial, sans-serif;
	color: black;
	background: #e87813;
	margin: 24px 0 24px 0;
}
#map p, #map a {
	color: #e87813;
	background: white;
	text-decoration: none;
}
/* --------- bottom*/
#main #bottom {
	height: 60px;
	position: absolute;
	top: 674px;
	width: 590px;
}
#bottom {
	clear: both;
	padding: 24px 0 0 0;
	font: 10px Verdana, Arial, sans-serif;
}
#bottom a {
	background: inherit;
	color: white;
	text-decoration: none;
	border: none;
}
div#autopromocja {
	width: 460px;
	height: 310px;
	position: absolute;
	top: 390px;
	left: -15px;
	background-image: url("images/inhead-autopromocja-1a.gif");
	background-repeat: no-repeat;
}
div#autopromocja * a {
	color: white;
	text-decoration: none;
}
div#pismo-autopromocja {
	width: 400px;
	height: 150px;
	position: absolute;
	top: 100px;
	left: 190px;
}
div#pdf {
	height: 25px;
	position: relative;
	top: 20px;
	background: url("images/link.gif") no-repeat center right;
}

                                                  /* pp formularz */
div#formularz {
      width: 183px;
      height: 65px;
      position: absolute;
      top: 0;
      left: -20px;
      background-image: url("images/formularz-off.gif");
      background-repeat: no-repeat;
}


div#formularz:hover {
      background-image: url("images/formularz-hover.gif");
}

                                                  /* pp o nas */
div#pp-zdjecia {
      width: 580px;
      height: 160px;
}

div.pp-zdjecie {
      width: 90px;
      height: 160px;
      float: left;
      line-height: 1em;
}

div.pp-zdjecie img {
      border: 1px solid white;
      margin-bottom: 5px;
}

div.pp-zdjecie h3 {
      font-size: 10px;
      margin: 0 0 5px 0;
      line-height: 1em;
}

div.pp-zdjecie p {
      width: 65px;
      font-size: 10px;
      margin: 0;
      line-height: 1em;
}