body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; padding:0; margin:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h4,h5,h6 {font-size:12px; font-weight:normal;}


body{ font-family: Verdana; text-align:-moz-center; }
#main{margin:0px auto 0 auto; width:1024px;}
h1 { font-size: 22px;margin:12px; color: #F27721;}
div#stopka{margin-top:100px;background:url(stopka.png);width:100%;height:48px;float:left;text-align:center;padding-top:20px;color:white;}

h2, h3 { color: #F27721; }

h2 { font-size: 20px; margin:20px 7px 10px 7px }
h3 { font-size: 18px; margin: 5px  }
div.promo1, div.promo2 { float: left; }
div.promo1 { width: 614px; }
div.promo2 { margin:10px; }
div.promo1 p { margin-top: 30px;  font-size: 14px;color: #1B2331;  }
div.promo1 p span {font-size: 12px; margin-top: 15px;display: block; }
.clear { clear: both; }
.niewidoczny{display: none;}
#top{width:100%;float:left;}
#logo{background:url(logo.png);width:280px;height:153px;float:left;}
.portnagl { text-align: center;margin:10px 0 30px 0;  }
div.opisklep p { margin: 15px 0;     font-size: 14px;text-indent: 15px;  }
ul.skul { list-style: disc outside url("lista.png"); margin: 12px 12px 12px 20px;font-size: 14px; }
ul.skul li { margin-bottom: 8px; }
#menu_top2 { width: 490px; height: 36px; float:left; margin: 65px 0 0 90px; }
#menu_top2 a {float:left;height:0px;width:100px; background: url(menu.png) no-repeat;overflow:hidden;padding-top:36px }
#menu_top2 a.ls1 {width: 61px;background-position: 0 -46px; }  
#menu_top2 #act {background-position: 0 0 !important;}
#menu_top2 a.ls1:hover {background-position: 0 0;}
#menu_top2 a.ls2 {width: 62px;background-position: -60px -46px;} 
#menu_top2 #act2 {background-position: -60px 0;}
#menu_top2 a.ls2:hover {background-position: -60px 0; }
#menu_top2 a.ls3 {width: 99px;background-position: -122px -46px;} 
#menu_top2 #act3 {background-position: -122px 0;}
#menu_top2 a.ls3:hover {background-position: -122px 0; }
#menu_top2 a.ls4 {width: 73px;background-position: -342px -46px;}
#menu_top2 #act4 {background-position: -342px 0;}
#menu_top2 a.ls4:hover {background-position: -342px 0; }
#menu_top2 a.ls5 {width: 60px;background-position: -282px -46px;} 
#menu_top2 #act5 {background-position: -282px 0; }
#menu_top2 a.ls5:hover {background-position: -282px 0;}
#menu_top2 a.ls6 {width: 59px;background-position: -221px -46px;}
#.menu_top2 #act6 {background-position: -221px 0; }
#menu_top2 a.ls6:hover {background-position: -221px 0;}
#menu_top2 a.ls7 {width: 74px;background-position: -416px -46px;}
#menu_top2 #act7 {background-position: -416px 0; }
#menu_top2 a.ls7:hover {background-position: -416px 0;}
/* !important */
#zawartosc{width:800px;margin-left:10px;margin-right:10px;text-align: left;}
div#zawartosc_index{padding-bottom:60px;border-bottom:2px solid black;float:left;margin-left:10px;margin-bottom:40px;}
#czerwony,#czarny,#zielony{margin-left:7px;float:left;color:white;text-align: center;}
#czerwony{width:252px;height:206px;background: url(czerwony.png);}
#czarny{width:254px;height:206px;background: url(czarny.png);}
#zielony{width:252px;height:206px;background: url(zielony.png);}
p.ccz{margin-top:20px;font-size: 26px;}
.tekst_main{font-size: 14px;margin-left:80px;text-align: left;color:#1B2331;float: left;}
ul.lista_index{list-style: url(lista.png);list-style-position: inside;margin:10px 0 10px 0;}
ul.lista_index li {padding-left:10px;}
.oferta_podtytul{
width:100%;
float:left;
margin-top:20px;
color:#f27721;
font-size: 26px;
}
.oferta_tekst{float:left;font-size: 14px;margin-top:20px;color:#242424;margin-bottom:0px}
div.analiza{float:left;width:90px;height:100px;background:url(analiza.png) center no-repeat}
div.projekt{float:left;width:103px;height:100px;background:url(projekt.png) center no-repeat}
div.realizacja{float:left;width:71px;height:100px;background:url(realizacja.png) center no-repeat}
div.slowa_kluczowe{float:left;width:70px;height:100px;background:url(slowa_kluczowe.png) center no-repeat}
div.pozycjonowanie{float:left;width:84px;height:100px;background:url(pozycjonowanie.png) center no-repeat}
div.strzalka{float:left;width:64px;height:100px;background:url(strzalka.png) center no-repeat}
div.etapy{padding-top:40px;margin-left:20px;float:left}
p.podpis{text-align: center;margin-top:100px;font-size: 13px}
div.tekst_oferta{margin-top:50px;float:left;margin-left:150px}
div.demo{margin:0;padding:0;width:255px;float:left;height:500px}
div#malycms{
width:254px;
height:177px;
color:#ffe500;
background:url(cms_z.png) no-repeat;
padding-top:55px;
text-align: center;
font-size:18px;
font-weight:bold;
text-decoration:none;
}
div#malycms p{
font-size:24px;
margin:0px;
padding:0px;
}
div#srednicms p{
font-size:24px;
margin:0px;
padding:0px;
}
div#srednicms{
width:254px;
height:177px;
color:#ffe500;
background:url(cms_c.png) no-repeat;
padding-top:55px;
text-align: center;
font-size:18px;
text-decoration:none;
font-weight:bold;
}
div.tekst_cms{
padding:0;
margin:0;
color:#252525;
text-align: left;
width:500px;
float:left;
}
div.portale{width:100%;margin-left:20px}
div.promomaniak{width:45%;float:left}
div.synomix{margin-left:20px;width:45%;float:left}
div.promomaniak_obrazek{width:366px;height:259px;background:url(promomaniak.png) center no-repeat}
div.synomix_obrazek{width:365px;height:262px;background:url(synomix.png) center no-repeat}
div.opis_strony{
text-align: left;
color:#252525;
margin-left:20px;
}
div.wykres{
margin-top:15px;
width:274px;
height:201px;
float:left;
background:url(wykres.png) center no-repeat;
margin-left:80px;
}
div.wykres_opis{
margin:20px 0 0 10px;
text-align: left;
float:left;
width: 400px;
}
div.pytajnik{
width:101px;
height:101px;
background:url(pytajnik.png) center no-repeat;
float:left;
}
div.planix_info{
width:80%;
margin-left:15%;
margin-top:20px;
float:left;
}
div.planix_opis{
color:#252525;
text-align: left;
width:80%;
float:right;
margin:0;
padding:0;
}
div.kontakt{
color: black;
text-align: center;
font-size: 16px;
font-weight: bold;
}
div.kontakt p{
font-size:18px;
}
div.form{
clear: left;
width:609px;
height:490px;
background: url(formularz.png) ;
margin:30px 0 0 100px;
}
.bez_obramowan{
border:0px;
}
div.nadawca{
margin-top:85px;
margin-left:160px;
width:200px;
height:25px;
float:left;
}
div.tresc{
margin-top: 35px;
margin-left:90px;
float:left;
}
div.tytul{
margin-top:30px;
margin-left:220px;
float:left;
width:200px;
height:25px;
}
div.wyslij{margin-top:30px;margin-left:200px;float:left}
#tresc{width:400px;height:180px}
#wyslij{border:0;background:url(wyslij_bialy.png);width:215px;height:58px;font-weight:bold}
#wyslij:hover{background:url(wyslij_czerw.png);color:white;}
.pr1 { border: 2px #2b2e3f solid; }
.szl2 { width: 360px; float: left; border: 0px red solid; padding-bottom: 20px} 
.szl3 { width: 350px; float: left; border: 0px blue solid; padding-left:20px} 
.szl3 h1 { color:#fd642b; font-size: 16px; font-weight: bold }
.szl3 h2 { color:#0c0052; font-size: 14px;margin-top:20px }
.szl3 h3 { color:#0c0052; font-size: 12px;margin-top:20px }
.szl3 p.kle { color:#0c0052; font-size: 12px; font-weight: bold; margin-top:20px; }
.szl3 p.lin { margin-top:32px; font-weight: bold; }
.szl3 p.lin a { color:#fd642b; font-size: 12px; }
.szl3 p.lin a:hover { text-decoration: none; }
.lir { color:#fd642b; font-size: 14px; font-weight: bold; padding:20px 0 20px 0; display: block; width: 160px; 
 float: right; }
.sww1 { margin-top:20px }
.sww1 p { text-indent: 15px; margin:4px 0; font-size: 14px }
.hrr {float:left; width:800px; margin-top:20px; margin-bottom:30px}
.przewijarka2 { width:100%; margin:20px 0 0 0; }
.przewijarka2 .zz { width: 20%; margin: auto; }
.pager_box3 { padding-left: 11px; width:210px; margin-top: -2px; color: #fffefe !important; }
.pager_box3 .fl { margin-right: 3px; width: 18px; height: 18px; }
.pager_box3 .first { background-image: url(images/pa_first.png); }
.pager_box3 div.first { background-position:-18px 0; }
.pager_box3 .prev { background-image: url(images/pa_prev.png);	margin-right: 8px !important; }
.pager_box3 div.prev { background-position:-18px 0; }
.pager_box3 .item {	background-image: url(images/pa_item.png); height: 16px !important; padding-top: 2px; }
.pager_box3 div.selected { background-image: url(images/pa_item_selected.png)!important; font-weight:bold; font-size: 12px; color: #ffffff; }
.pager_box3 .next { background-image: url(images/pa_next.png);margin-left:5px;margin-top: 0; }
.pager_box3 div.next { background-position:-18px 0; }
.pager_box3 .last { background-image: url(images/pa_last.png);margin-right:0; }
.pager_box3 div.last { background-position:-18px 0; }
.pager_box3 a:hover { text-decoration:none !important; }
.fl { float:left; }
.pager_box3 .fl {height:18px;margin-right:3px;text-align:center;width:18px;}      
.pager_box3 a {color:#B9B9B9;font-size:12px;text-decoration:none}   
div.etapy div.analiza,div.etapy div.projekt,div.etapy div.realizacja,div.etapy div.slowa_kluczowe,div.etapy div.pozycjonowanie { cursor: pointer}
