﻿body {
margin: 0;
background: #000;
font: normal 11px/15px tahoma;
color: #939393;
}

p, a, img, ul, h1, h2, h3 {
margin: 0;
border: 0;
}

a {
text-decoration: none;
color: #939393;
}

#main {
width: 962px;
height: 322px;
margin: 0 auto;
}

#main #left_column {
float: left;
width: 340px;
margin-right: 8px;
}

#main #center_column {
float: left;
width: 290px;
margin-right: 8px;
}

#main #right_column {
float: left;
width: 315px;
}

.esenderBody {
 background: #000 url(/m/esender_main_bg.jpg) center 0 no-repeat; 
}

.hostingBody {
 background: #000 url(/m/hosting_main_bg.jpg) center 0 no-repeat; 
}

.wccBody {
 background: #000 url(/m/wcc_main_bg.jpg) center 0 no-repeat; 
}

.samBody {
 background: #000 url(/m/sam_main_bg.jpg) center 0 no-repeat; 
}


#main #left_column #produkt {
width: 302px;
margin-left: 35px;
height: 167px;
margin-top: 58px;
}

/* konsultant */

#main #right_column #konsultant {
width: 271px;
height: 120px;
background: url(/m/konsultant_bg.gif) 30px 0 no-repeat;
}

#konsultant img {
width: 21px;
height: 13px;
margin-left: 200px;
margin-top: 10px;
}

/* konsultant */


#produkt p {
width: 270px;
}


h1 {
 width: 300px;
 height: 49px;

 font: normal 18px tahoma;
 color: #fff;
 margin-left: 20px;
 margin-top: 17px;
 float: left;
 display: inline;
}

h1 span {
display: inline;
}

#icon_dock {
width: 100%;
height: 160px; 
border-top: 1px solid #2f2f2f;
text-align:center;
}

/* footer */

#footer {
background: url(/m/produkty_footer_bg.gif) repeat-x;
width: 100%;
height: 120px;
padding-top: 18px;
}

#footer a:hover {
border-bottom: 1px solid #3f3f3f;
}

#footer #footcent {
 margin: 0 auto;
 width: 600px;
}

#footer #footcent div {
 float: left;
 border-right: 1px solid #2e2e2e;
 padding: 0 10px;
 display: inline;
}

/* footer */


#produkt h2 {
 color: #fff;
 font: normal 32px/25px tahoma; 
 letter-spacing: 1px;
 margin-bottom: 11px;
}

.esender #produkt h2 {
background: url(/m/esender_title.gif) no-repeat;
}

.hosting #produkt h2 {
background: url(/m/hosting_title.gif) no-repeat;
}

.sam #produkt h2 {
background: url(/m/sam_title.gif) no-repeat;
}

.wcc #produkt h2 {
background: url(/m/wcc_title.gif) no-repeat;
}

.nowellon #produkt h2 {
background: url(/m/nowellon_title.gif) no-repeat;
}

.traffic #produkt h2 {
background: url(/m/traffic_title.gif) no-repeat;
}



.dspn {
display: none;
}

#produkt h2 span {
font: normal 20px/33px arial;
color: #0078ba;
}

#produkt p {
width: 270px;
}

.demo, .opis {
margin-top: 30px; 
}

#main #right_column #dlaczego_warto {
width: 200px;
margin-top: 35px;
float: right;
}

#dlaczego_warto h2 {
 font: normal 20px/18px tahoma; 
 margin-bottom: 13px;
 color: #fff;
}

#dlaczego_warto h2 span {
font: normal 14px tahoma;
color: #0078ba;
}

#dlaczego_warto p {
width: 150px;
}


/* top menu */

#topMenuMain {
height: 80px; 
background: url(/m/kreska.gif) center 79px no-repeat;
}

#topMenuMain div {
 width: 962px;
 margin: 0 auto;
}

#topMenuMain ul {
width: 281px;
margin: 0;
margin-right: 0px;
margin-top: 39px;
padding: 0;
float: right;
display: inline;

}

#topMenuMain ul li {
float: left;
list-style: none;
margin-right: 24px;
}

#topMenuMain ul li a {
 border: none;
 list-style: none;
 background: none;
 margin-right: 15px;
 font-size: 15px;
 color: #fff;
 text-decoration: none;
}

#topMenuMain ul li a:hover {
 color: #1171dd; 
}

#topMenuMain ul li a.selected {
 color: #1171dd; 
}


#topMenu .stronaGlowna {
 width: 47px;
 height: 13px;
 display: block;
 background: url(/m/strona_glowna.gif) 0 0 no-repeat; }

#topMenu .blog {
 width: 27px;
 height: 13px;
 display: block;
 background: url(/m/blog.gif) 0 0 no-repeat;
}

#topMenu .produkty {
 width: 55px;
 height: 13px;
 display: block;
 background: url(/m/produkty_s.gif) 0 0 no-repeat;
}

#topMenu .stronaGlowna:hover {
 background: url(/m/strona_glowna_s.gif) 0 0 no-repeat;
}

#topMenu .blog:hover {
 background: url(/m/blog_s.gif) 0 0 no-repeat;
}

#topMenu .produkty:hover {
 background: url(/m/produkty_s.gif) 0 0 no-repeat;
}


li a span {
 display: inline;
}

















































