body {
	width:auto;
	margin-top:0px;
	margin-bottom:0px;
	margin:0px;
	text-align:left;
	font-size:10px;
	background-color: #e8e8dc;
}
a, img {
	border:none;
	outline:none;
}
h2 {
	margin: 0px;
	margin-bottom: 5px;
	font-size:20px;
}
h5 {
	margin: 0px;
	margin-bottom: 5px;
	color:#FF6600;
	font-size:13px;
}
a {
	color:#FF9900;
	text-decoration:none;
}
#tlo {
	position: relative;
	z-index:1;
	width: auto;
	height:500px;
	margin:0px;
	background:url(images/tlo.jpg);
	background-repeat:no-repeat;
	
}
#body {
	position:relative;
	z-index:40;
	width: 820px;
	color:#3C5458;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	font-family:Tahoma, Arial, Verdana;
	font-size: 11px;
	background:url(images/tlo_ciete.jpg);
	background-repeat:no-repeat;
	background-color: #E8E8DC;
}
#top {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
}
#gora {
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
}
#gora_1 {
	position:relative;
	width: 800px;
	height: 93px;
}
#gora_prawa {
	position: relative;
	float: right;
	width: 200px;
	height: 93px;
}
#mapa {
	position:relative;
	float:left;
	border-right: dotted #666666 1px;
	margin-top: 20px;
	padding-right: 20px;
}
#mail {
	position:relative;
	float:right;
	padding-right: 50px;
	margin-top: 22px;
}
#logo {
	position: relative;
	float: left;
	width:600px;
	top: 20px;
}
#menu_gora {
	position: relative;
	width: 800px;
	height:29px;
	padding-left: 10px;
	background: url('images/menu_tlo.gif');
	background-repeat:no-repeat;
}
.link_menu {
	text-decoration: none;
	color:#666666;
	font-size:11px;
}
#srodek {
	position: relative;
	width:800px;
	margin:10px;
}
#srodek_lewa {
	position: relative;
	float:left;
	width: 266px;
}
#menu_lewa {
	position: relative;
	float:left;
	width: 180px;
}
.menu {
	position: relative;
	height: 25px;
	width:180px;
	padding-top: 8px;
	padding-left:10px;
	border-bottom:dotted 1px #666666;
}
.menu2 {
}
.menu2:hover {
	background-color:#FFFFFF;
	cursor:hand;
}
.menu:hover {
	background-color:#FFFFFF;
}
.link_lewa {
	text-decoration: none;
	font-size:11px;
	color:#FF6600;
}
#srodek_tresc {
	position: relative;
	padding:10px;
	
	background: url(images/srodek_tlo.jpg);
	background-repeat:repeat-y;
}
#srodek_prawa2 {
	position: relative;
	float:right;
	width:600px;
}
#srodek_prawa {
	position: relative;
	float:right;
	width:533px;
}
.ramka_naglowek {
	font-size: 13px;
	font-weight:bold;
	color:#3C5458;
}
#aktualnosci {
	position: relative;
	float:left;
	width:256px;
}
.news {
	position: relative;
	width: 240px;
	margin-top: 10px;
	margin-left:25px;
}
.news_tytul {
	color:#FF6600;
	font-weight:bold;
}
.news_data {
	font-size:9px;
}
.news_tresc {
	margin-top: 3px;
}
#realizacja {
	position: relative;
	float:left;
	width:280px;
	border-right:dotted 1px #666666;
}
#klienci {
	position: relative;
	float:right;
	width:266px;
}
#artykuly {
	position: relative;
	float:right;
	width:266px;
}
.arty_link{
font-size:12px;
}
.ramka_realizacje {
	position:relative;
	width:222px;
	height:94px;
	margin-left:20px;
	margin-top:10px;
	padding-top:2px;
	background: url('images/box_realizacje.jpg');
	text-align:center;
	vertical-align:middle;
}
.ramka_klienci {
	position:relative;
	width:200px;
	height:95px;
	margin-top:10px;
	padding-top: 4px;
	padding-left: 34px;
	vertical-align:middle;
}
#dol {
	clear:both;
	
	float:left;
	width: 800px;
	height: 30px;
	margin:10px 10px 10px 0;
	background: url('images/stopka.jpg');
	background-repeat:no-repeat;
	padding:10px;
}
#stopka_lewa {
	position:relative;
	float:left;
}
#stopka_prawa {
	position:relative;
	float:right;
	margin-right:20px;
}
.sciezka {
	color:#666666;
}
#kontakt {
	position:relative;
	height: 450px;
	width:600px;
}
#kontakt_lewa {
	position: relative;
	float:left;
	width: 210px;
	margin: 10px;
	padding: 10px;
	border-bottom:dotted 1px #666666;
}
#kontakt_prawa {
	position: relative;
	float:right;
	margin-top: 40px;
	width: 350px;
}
#kontakt_gora {
	position:relative;
	width: 322px;
}
#kontakt_tresc {
	position:relative;
	width: 322px;
	padding-left: 15px;
	background: url('images/kontakt_tlo.jpg');
}
#kontakt_dol {
	position:relative;
	width: 322px;
}
.strzalka {
	position: relative;
	top: -1px;
}
.klienci {
	position: relative;
}
.klient_gora {
	position:relative;
	width:516px;
}
.klient_tresc {
	position:relative;
	width:516px;
	background: url('images/klient_tlo.jpg');
	text-align:center;
}
.klient_dol {
	position:relative;
	width:516px;
}
.klient_pasek {
	position:relative;
	width: 480px;
	margin:10px;
}
.klient_pasek_lewa {
	position:relative;
	float:left;
	width: 200px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
}
.klient_pasek_prawa {
	position:relative;
	float:right;
	width: 100px;
	margin-bottom:10px;
	font-size:11px;
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
}
.numerki {
	position: relative;
	top: -12px;
	margin-left:20px;
}
/*************************************************************** my Fixes **********************************************/
div#sliderTop {
width:799px;
height:260px;
background:url(images/new/sliderBg.jpg) no-repeat;
display:block;
margin:20px 0 0 0; padding:0;
}
ul#slides {
width:799px;
height:260px;
float:left;
overflow:hidden;
margin:0; padding:0;
}
ul#slides li {
list-style:none;
margin:0;
padding:0;
}
#slideShowNav {
  margin: 10px 0px 10px 0px;
  float:right;
  display:inline;
  width:auto;
  
}
#slideShowNav a {
  background:url(images/slider/dotinactive.jpg) top left no-repeat;
  text-indent:-4000px;
  outline:none;
  margin:0 0 0 6px;
  width:13px;
  height:13px;
  float:left;
  display:inline;
}
#slideShowNav a.activeSlide {
  background-image:url(images/slider/dotactive.jpg);
}
/*********************************** Aktualnosci *****************************************/
div#mainpageContent {
clear:both;
float:left;
width:800px;
margin:16px 0 10px 0; padding:0;
}
div#newsBox {
width:305px;
float:left;
margin:0; padding:0;
}
div#newsBox h2 {
width:305px;
height:37px;
background:url(images/hAktualnosci.jpg) no-repeat;
display:block;
text-indent:-6000px;
margin:0 0 10px 0; padding:0;
}
span.newsDate {
font-size:11px;
color:#666666;
width:305px;
margin:0 0 0px 0; padding:0;
}
div#newsBox h3 {
font-size:14px;
color:#ed7f1f;
margin:4px 0 10px 0; padding:0;
font-weight:normal;
}
div#newsBox p {
margin:12px 0 12px 0;
line-height:16px;
}
a.moreBtn {
float:right;
margin:0; padding:0;
background:url(images/moreBtn.jpg) no-repeat;
width:55px;
height:31px;
display:block;
text-indent:-6000px;
cursor:pointer;
}
/***************************************** oferta **************************************/
div#ofertaBox {
float:right;
margin:0; padding:0;
width:451px;
}
div#ofertaBox h2 {
width:451px;
height:37px;
background:url(images/hOferta.jpg) no-repeat;
text-indent:-6000px;
display:block;
margin:0; padding:0;
}
a.prevOffer, a.nextOffer {
width:14px;
height:38px;
display:block;
float:left;
margin:50px 0 0 0; padding:0;
background:url(images/offerLeft.jpg) no-repeat;
text-indent:-6000px;
}
a.nextOffer {
background:url(images/offerRight.jpg) no-repeat;
float:right;
}
a.prevOffer:hover, a.nextOffer:hover {
background-position:0 -38px;
}
/**** kategorie ****/
div#offerHolder {
width:385px;
overflow:hidden;
float:left;
margin:20px 0 0 22px; padding:0;
height:200px;
}
div.offerBox {
width:385px;
float:left;
}
div.offerBox p {
margin:12px 0 12px 0;
line-height:16px;
}
h3.hWWW, h3.hSklepy, h3.hPozycjonowanie, h3.hHosting, h3.habc-projektowania, h3.haplikacje-www, h3.habc-projektowania, h3.haplikacje-www, h3.hco-to-sa-wizytowki-internetowe_www, h3.hetapy-projektowania-strony-internetowej_www, h3.hfirmy-projektujace-strony-internetowe_www, h3.hile-kosztuje-stworzenie-strony-internetowej_www, h3.hjak-aktualizowac-serwis-internetowy_www, h3.hjak-dobrac-zawartosc-serwisu_www, h3.hjak-przebiega-tworzenie-serwisu-internetowego_www, h3.hjak-stworzyc-dobry-serwis-internetowy_www, h3.hjak-ustalic-budzet-serwisu-internetowego_www, h3.hjak-wypromowac-strone-internetowa_www, h3.hjakie-sa-metody-promocji-serwisow-internetowych, h3.hjakie-sa-pulapki-przy-tworzeniu-serwisow-internetowych, h3.hna-czym-polega-tworzenie-wizytowek-internetowych, h3.hod-czego-zaczac-projektowanie-serwisu-www, h3.hpozycjonowanie-stron, h3.hprofesjonalne-strony-internetowe, h3.hprofesjonalne-wizytowki-www, h3.hprogramy-do-projektowania-stron-www, h3.hprogramy-do-projektowania-wizytowek-www, h3.hprojektowanie-funkcjonalnych-stron-internetowych, h3.hprojektowanie-i-tworzenie-serwisow-www, h3.hprojektowanie-i-tworzenie-stron-www, h3.hprojektowanie-i-tworzenie-wizytowek-internetowych, h3.hprojektowanie-stron-internetowych, h3.hprojektowanie-stron-www, h3.htworzenie-funkcjonalnych-stron-WWW, h3.htworzenie-stron-internetowych, h3.htworzenie-wizytowek-internetowych {
background:url(images/hOffer_www.jpg) no-repeat;
width:385px;
height:24px;
display:block;
margin:0; padding:0;
text-indent:-6000px;
}
h3.hSklepy {
background:url(images/hOffer_sklepy.jpg) no-repeat;
}
h3.hPozycjonowanie {
background:url(images/hOffer_pozycjonowanie.jpg) no-repeat;
}
h3.hHosting {
background:url(images/hOffer_hosting.jpg) no-repeat;
}
h3.habc-projektowania {
background:url(images/habc-projektowania.jpg) no-repeat;
}
h3.haplikacje-www {
background:url(images/haplikacje-www.jpg) no-repeat;
}
h3.hco-to-sa-wizytowki-internetowe_www {
background:url(images/hco-to-sa-wizytowki-internetowe_www.jpg) no-repeat;
}
h3.hetapy-projektowania-strony-internetowej_www {
background:url(images/hetapy-projektowania-strony-internetowej_www.jpg) no-repeat;
}
h3.hfirmy-projektujace-strony-internetowe_www {
background:url(images/hfirmy-projektujace-strony-internetowe_www.jpg) no-repeat;
}
h3.hile-kosztuje-stworzenie-strony-internetowej_www {
background:url(images/hile-kosztuje-stworzenie-strony-internetowej_www.jpg) no-repeat;
}
h3.hjak-aktualizowac-serwis-internetowy_www {
background:url(images/hjak-aktualizowac-serwis-internetowy_www.jpg) no-repeat;
}
h3.hjak-dobrac-zawartosc-serwisu_www {
background:url(images/hjak-dobrac-zawartosc-serwisu_www.jpg) no-repeat;
}
h3.hjak-przebiega-tworzenie-serwisu-internetowego_www {
background:url(images/hjak-przebiega-tworzenie-serwisu-internetowego_www.jpg) no-repeat;
}
h3.hjak-stworzyc-dobry-serwis-internetowy_www {
background:url(images/hjak-stworzyc-dobry-serwis-internetowy_www.jpg) no-repeat;
}
h3.hjak-ustalic-budzet-serwisu-internetowego_www {
background:url(images/hjak-ustalic-budzet-serwisu-internetowego_www.jpg) no-repeat;
}
h3.hjak-wypromowac-strone-internetowa_www {
background:url(images/hjak-wypromowac-strone-internetowa_www.jpg) no-repeat;
}
h3.hjakie-sa-metody-promocji-serwisow-internetowych {
background:url(images/hjakie-sa-metody-promocji-serwisow-internetowych.jpg) no-repeat;
}
h3.hjakie-sa-pulapki-przy-tworzeniu-serwisow-internetowych {
background:url(images/hjakie-sa-pulapki-przy-tworzeniu-serwisow-internetowych.jpg) no-repeat;
}
h3.hna-czym-polega-tworzenie-wizytowek-internetowych {
background:url(images/hna-czym-polega-tworzenie-wizytowek-internetowych.jpg) no-repeat;
}
h3.hod-czego-zaczac-projektowanie-serwisu-www {
background:url(images/hod-czego-zaczac-projektowanie-serwisu-www.jpg) no-repeat;
}
h3.hpozycjonowanie-stron {
background:url(images/hpozycjonowanie-stron.jpg) no-repeat;
}
h3.hprofesjonalne-strony-internetowe {
background:url(images/hprofesjonalne-strony-internetowe.jpg) no-repeat;
}
h3.hprofesjonalne-wizytowki-www {
background:url(images/hprofesjonalne-wizytowki-www.jpg) no-repeat;
}
h3.hprogramy-do-projektowania-stron-www {
background:url(images/hprogramy-do-projektowania-stron-www.jpg) no-repeat;
}
h3.hprogramy-do-projektowania-wizytowek-www {
background:url(images/hprogramy-do-projektowania-wizytowek-www.jpg) no-repeat;
}
h3.hprojektowanie-funkcjonalnych-stron-internetowych {
background:url(images/hprojektowanie-funkcjonalnych-stron-internetowych.jpg) no-repeat;
}
h3.hprojektowanie-i-tworzenie-serwisow-www {
background:url(images/hprojektowanie-i-tworzenie-serwisow-www.jpg) no-repeat;
}
h3.hprojektowanie-i-tworzenie-stron-www {
background:url(images/hprojektowanie-i-tworzenie-stron-www.jpg) no-repeat;
}
h3.hprojektowanie-i-tworzenie-wizytowek-internetowych {
background:url(images/hprojektowanie-i-tworzenie-wizytowek-internetowych.jpg) no-repeat;
}
h3.hprojektowanie-stron-internetowych {
background:url(images/hprojektowanie-stron-internetowych.jpg) no-repeat;
}
h3.hprojektowanie-stron-www {
background:url(images/hprojektowanie-stron-www.jpg) no-repeat;
}
h3.htworzenie-funkcjonalnych-stron-WWW {
background:url(images/htworzenie-funkcjonalnych-stron-WWW.jpg) no-repeat;
}
h3.htworzenie-stron-internetowych {
background:url(images/htworzenie-stron-internetowych.jpg) no-repeat;
}
h3.htworzenie-wizytowek-internetowych {
background:url(images/htworzenie-wizytowek-internetowych.jpg) no-repeat;
}
/**************************** Nasi Klienci ************************************/
div#klienciSlide {
clear:both;
float:left;
width:799px;
margin:6px 0 0px 0;
}
div#klienciSlide h2 {
width:797px;
height:35px;
background:url(images/hKlienci.jpg) no-repeat;
display:block;
text-indent:-6000px;
}
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 125px;
  width: 790px;
  /* Add scroll-bars */
  overflow: auto;
  float:left;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 3500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
#klienciSlide ul.sc_menu li{
    display: inline;
    float: left;
	padding: 10px 30px; 
}
#klienciSlide ul li a{
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	text-indent:-6000px;
	width: 198px;
	height: 84px;
}
ul.sc_menu li.ftRadio a{
	background-image: url(klienci-loga/nowe/radio.jpg);
}
ul.sc_menu li.ftTtt a{
	background-image: url(klienci-loga/nowe/ttt.jpg);
}
ul.sc_menu li.ftDelta a{
	background-image: url(klienci-loga/nowe/delta.jpg);
}
ul.sc_menu li.ftSalsa a{
	background-image: url(klienci-loga/nowe/salsa.jpg);
}
ul.sc_menu li.ftPlaza a{
	background-image: url(klienci-loga/nowe/plaza.jpg);
}
ul.sc_menu li.ftZakatek a{
	background-image: url(klienci-loga/nowe/zakatek.jpg);
}
#klienciSlide ul li a:hover{
	background-position: bottom;
}