html {color:#71867f;margin:0;padding:0;font-size:8pt;font-family:tahoma, helvetica, sans-serif;background:white url(image/tlo.png) repeat-x;}
body {margin:0;padding:0;background:transparent url(image/tlodol.png) repeat-x 0 100%;}
form, fieldset {margin:0;padding:0;border-width:0;}
p, ul {margin-top:1em;margin-bottom:1em}
input, select, textarea {font-family:tahoma, helvetica, sans-serif;font-size:8pt;}

#kontener {background:transparent url(image/tlogora.png) no-repeat 50% 137px;}
#top {width:917px;margin:0 auto;height:137px;}

h1 {padding:41px 0 0 63px;margin:0;float:left;font-size:14pt;}
h2 {font-size:10pt;margin:0;}
h3 {font-size:8pt;margin:0;text-transform:uppercase;position:relative;font-family:arial, sans-serif;}
h4 {font-size:8pt;margin:0;}

.none {display:none !important;}

* html h3 span {left:0 !important;}

#top ul {list-style-type:none;margin:0;padding:54px 0 0 0;color:#51665f;font-size:7.5pt;float:right;width:285px;}
#top li {float:left;padding:0 10px;}
#top li a {color:#c32c1a;float:left;padding-top:18px;}
#top li strong, #top li.ik1 a {float:left;padding-top:18px;background:transparent url(image/ik1.png) no-repeat center top;}
#top li.ik2 a {background:transparent url(image/ik2.png) no-repeat center top;}
#top li.ik3 a {background:transparent url(image/ik3.png) no-repeat center top;}
#top li.ik4 a {background:transparent url(image/ik4.png) no-repeat center top;}


#belka {width:917px;margin:0 auto;}

#menu {list-style-type:none;margin:0;padding:23px 20px;height:20px;background:#a81100 url(image/belka.jpg) no-repeat;}
#menu li {padding:0 15px 0 18px;float:left;}
#menu a {position:relative;font-size:8pt;color:#f6e8e2;text-transform:uppercase;font-weight:bold;text-decoration:none;float:left;width:69px;}
#menu a span {position:absolute;width:87px;background:transparent none no-repeat;left:-15px;top:-3px;cursor:pointer;height:20px;}
#menu a:hover {border-width:0;}
#menu a:hover span {background-position:0 -20px;}
#menu .menu1 a {width:58px;}
#menu .menu2 a {width:51px;}
#menu .menu4 a {width:71px;}
#menu .menu5 a {width:70px;}
#menu .menu6 a {width:60px;}
#menu .menu1 a span {background-image:url(image/ofirmie.png);width:75px;}
#menu .menu2 a span {background-image:url(image/oferta.png);width:69px;}
#menu .menu3 a span {background-image:url(image/produkty.png);}
#menu .menu4 a span {background-image:url(image/realizacje.png);width:89px;}
#menu .menu5 a span {background-image:url(image/partnerzy.png);width:88px;}
#menu .menu6 a span {background-image:url(image/kontakt.png);width:78px;}


#panel {height:169px;background:#091712 url(image/panel.jpg) no-repeat;padding-top:1px;}
#panel fieldset {margin:25px 0 0 29px;background:transparent url(image/haslo.png) no-repeat 268px 16px;}
#panel h2 {position:relative;color:#c8d3cf;margin:0 0 25px 0;font-size:8pt;text-transform:uppercase;}
#panel h2 span {position:absolute;height:14px;width:100px;background:transparent url(image/panelklienta.png) no-repeat;left:0;top:0;}
#panel input {vertical-align:bottom;margin-bottom:10px;}

.pole {color:#bec9c5;border-width:0;padding:2px 15px;height:16px;width:130px;background:#839890 url(image/pole.png) no-repeat}
#panel a {background:transparent url(image/klucz.png) no-repeat 5px 50%;padding-left:30px;color:#71867f;font-size:7.5pt;}

#tresc {background:transparent url(image/points.png) repeat-y left bottom;width:917px;margin:0 auto;}
#tresc.podstrona {background:transparent url(image/point.png) repeat-y 271px 0;}
#pieczenc {background:transparent url(image/pieczenc.gif) no-repeat left bottom;}

#lewaKolumna {float:left;width:271px;}
#srodkowaKolumna {float:left;width:401px;margin-top:-47px;}
#prawaKolumna {float:left;width:245px;margin-top:-47px;color:#f8f7ea;}

#tresc h3 {padding:20px 25px;}
#lewaKolumna h3 {padding:20px 37px;color:#c32c1a;}
#srodkowaKolumna h3 {color:#c32c1a;}
#tresc h3.ostatnierealizacje, #tresc h3.gwarantujemy {background-color:white;}
#tresc h3.ostatnierealizacje span {position:absolute;height:10px;width:130px;background:transparent url(image/ostatnierealizacje.png) no-repeat;left:25px;top:22px;}
#tresc h3.gwarantujemy span {position:absolute;height:14px;width:108px;background:transparent url(image/gwarantujemy.png) no-repeat;left:36px;top:20px;}
#tresc h3.opinieonas span {position:absolute;height:14px;width:108px;background:transparent url(image/opinieonas.png) no-repeat;left:36px;top:20px;}
#tresc h3.oferta span {position:absolute;height:10px;width:49px;background:transparent url(image/oferta1.png) no-repeat;left:36px;top:22px;}
#tresc h3.prezentujSie span {position:absolute;height:14px;width:90px;background:transparent url(image/prezentujsie.png) no-repeat;
left:25px;top:20px;}
#tresc h3.sprzedawaj span {position:absolute;height:14px;width:85px;background:transparent url(image/sprzedawaj.png) no-repeat;
left:25px;top:20px;}
#tresc h3.zwiekszWydajnosc span {position:absolute;height:14px;width:130px;background:transparent url(image/zwiekszwydajnosc.png) no-repeat;
left:25px;top:20px;}
#tresc h3.cieszSieSlawa span {position:absolute;height:12px;width:98px;background:transparent url(image/cieszsieslawa.png) no-repeat;
left:25px;top:22px;}
#tresc h3.kontakt span {position:absolute;height:14px;width:55px;background:transparent url(image/kontakt1.png) no-repeat;
left:25px;top:20px;}
#tresc h3.partnerzy span {position:absolute;height:9px;width:67px;background:transparent url(image/partnerzy1.png) no-repeat;
left:25px;top:22px;}
#tresc h3.realizacje span {position:absolute;height:14px;width:70px;background:transparent url(image/realizacje1.png) no-repeat;
left:25px;top:20px;}
#tresc h3.produkty span {position:absolute;height:14px;width:70px;background:transparent url(image/produkty1.png) no-repeat;
left:25px;top:20px;}
#tresc h3.ofirmie span {position:absolute;height:14px;width:55px;background:transparent url(image/ofirmie1.png) no-repeat;
left:25px;top:20px;}
#tresc h3.mapaStrony span {position:absolute;height:14px;width:90px;background:transparent url(image/mapastrony.png) no-repeat;
left:25px;top:20px;}
#tresc h3.politykaPrywatnosci span {position:absolute;height:14px;width:150px;background:transparent url(image/politykaprywatnosci.png) no-repeat;left:25px;top:20px;}
#tresc h3.tworzenieStronWWW span {position:absolute;height:14px;width:170px;background:transparent url(image/tworzeniestronwww.png) no-repeat;left:25px;top:20px;}
#tresc h3.ciecieProjektow span {position:absolute;height:14px;width:110px;background:transparent url(image/ciecieprojektow.png) no-repeat;left:25px;top:20px;}
#tresc h3.programowanie span {position:absolute;height:14px;width:115px;background:transparent url(image/programowanie.png) no-repeat;left:25px;top:20px;}
#tresc h3.optymalizacjaStron span {position:absolute;height:14px;width:140px;background:transparent url(image/optymalizacjastron.png) no-repeat;left:25px;top:20px;}

#pieczenc #gwarancja {margin-bottom:20px;}
.box {background:transparent url(image/box.png) no-repeat left bottom;padding-bottom:1px;}
#gwarancja, #oferta {margin:0 30px 50px 37px;padding:0;list-style-type:none;}
.box #gwarancja, .box #oferta {margin-bottom:30px;}
#gwarancja ul, #oferta ul {list-style-type:none;margin:1em 0;padding:0 0 5px 0;}
#gwarancja ul li, #oferta ul li {padding:0 0 0 30px;margin-bottom:0.5em;background:transparent url(image/arrow.png) no-repeat 18px 0.4em;line-height:1.4em}
#oferta li a {color:#71867f;}

.opinieonas {padding-bottom:20px;padding-top:50px;}
.opinieonas blockquote {padding-left:36px;line-height:1.4em;margin:0;width:212px;}

#witamy {background:#7a8e88 url(image/witamy.jpg) no-repeat;color:#f8f7ea;padding-bottom:15px;}
#witamy h3 {padding-bottom:10px;color:#cfd8d4;}
#witamy h3 span {position:absolute;height:14px;width:100px;background:transparent url(image/jestnammilo.png) no-repeat;left:24px;top:20px;}
#witamy h3.czyWieszZe span {background-image:url(image/czywieszze.png);width:90px;height:13px;top:20px;}
#witamy p {margin:1.3em 20px 1em 28px;line-height:1.4em}

#realizacje {margin:0;padding:0;border-bottom:1px solid #eaeceb;}
#realizacje li {position:relative;border-top:1px solid #eaeceb;padding-top:14px;overflow:hidden;padding-bottom:18px;height:138px;vertical-align:bottom;}
#realizacje li.first {border-top-width:0;padding-top:0;}
#realizacje li h4 {margin:0 0 0.3em 25px;width:185px;color:#51665f;}
#realizacje li h4 a {text-decoration:none;color:#51665f;}
#realizacje li h4 a:hover {text-decoration:underline;}
#realizacje li em.data {display:block;margin:0 0 2em 25px;width:185px;font-size:7.5pt;font-style:normal;}
#realizacje li p {margin:0 0 0 25px;width:185px;line-height:1.5em}
#realizacje p.image {position:absolute;right:23px;top:14px;margin:0;width:auto;border:1px solid #eaeceb;padding:3px;}
#realizacje li.first p.image {top:0;}
#realizacje p.image img {width:136px;}
#realizacje.listaRealizacji {padding-bottom:1px;}

#realizacje .wiecej {list-style-type:none;margin:0;padding:0;position:absolute;bottom:-1px;right:11px;border-top:22px solid white;}
#realizacje .wiecej li {background-color:#eaeceb;border-top-width:0;float:left;width:66px;height:22px;border-right:12px solid white;padding:0;}
#realizacje .wiecej li a {color:#71867f;font-size:7.5pt;text-decoration:none;display:block;width:66px;height:22px;line-height:22px;text-align:center;}

.podstrony {list-style-type:none;margin:0;padding:10px 26px 20px 26px;text-align:right;}
.podstrony li {display:inline;padding:0 2px;}

#realizacja {padding:0 26px;position:relative;}
#realizacja h4 {color:#51665f;margin:0 0 0.3em 0;}
#realizacja p.image {float:right;margin:0;border:1px solid #eaeceb;padding:3px;position:absolute;right:23px;top:0;margin:0;width:auto;}
#realizacja p.image img {width:136px;}
#realizacja em.data {display:block;margin:0 0 2em 0;width:185px;font-size:7.5pt;font-style:normal;}
#kontener #realizacja p.opis {margin:0;padding:0;width:185px;line-height:1.5em;}
#realizacja dl {margin:1em 0;line-height:2em;}
#realizacja dt {float:left;width:100px;}
#realizacja dd {margin:0;padding:0;}

#tekst p {margin:0 28px 1em 26px;line-height:1.5em;text-align:justify;color:#51665f}
#tekst .bold {font-weight:bold;margin-bottom:1.5em;color:#51665f;}
#tekst h3.oferta span {left:25px;}

#tekst div.luksus {background:transparent url(image/luksus.jpg) no-repeat 170px 30px;padding-bottom:20px;margin-bottom:2em}
#tekst div.samWiesz {background:transparent url(image/samwiesz.jpg) no-repeat right bottom;padding-bottom:1px;}
#tekst div.prezentujSie {background:transparent url(image/prezentujsie.jpg) no-repeat 100% 70px;padding-bottom:1px;}
#tekst div.sprzedawaj {background:transparent url(image/sprzedawaj.jpg) no-repeat 200px 75px;padding-bottom:1px;}
#tekst div.zwiekszWydajnosc {background:transparent url(image/zwiekszwydajnosc.jpg) no-repeat 200px 30px;padding-bottom:1px;}
#tekst div.cieszSieSlawa {background:transparent url(image/cieszsieslawa.jpg) no-repeat 190px 60px;padding-bottom:1px;}
#tekst div.kontakt {background:transparent url(image/kontakt1.jpg) no-repeat 30px 50px;padding-bottom:1px;}
#tekst p {text-align:left;}
#tekst p.bold {text-align:justify;}
#tekst p.w160 {width:160px;}
#tekst .samWiesz .arrow, #tekst .luksus .arrow li {padding-bottom:7px;}

#tekst ul.arrow {list-style-type:none;margin:1em 0;padding:0 0 5px 20px;color:#51665f}
#tekst ul.arrow li {padding:0 0 0 30px;margin-bottom:0.5em;background:transparent url(image/arrow.png) no-repeat 18px 0.4em;line-height:1.4em}

#tekst .kontakt address {font-style:normal;margin:1em 0;padding:60px 30px 70px 190px;display:block;line-height:2em;}
#tekst .kontakt address span {float:left;width:60px;}
#tekst .kontakt address span strong {font-weight:normal;}

ul.partnerzy {list-style-type:none;margin:0;padding:20px 0;text-align:center;}
ul.partnerzy li {display:inline;padding:0 26px;}
ul.partnerzy li img {margin:10px 0;}

#mapaStrony {list-style-type:none;margin:0;padding:0 25px;}
#mapaStrony li {padding-bottom:6px;line-height:1.5em;}
#mapaStrony p {margin:0.3em 0 0.3em 20px;}
#mapaStrony ul {list-style-type:none;margin:0 40px;padding:0;}
#mapaStrony ul li {padding:2px 0;line-height:1.3em;}

#linkiTools {list-style-type:none;margin:0 25px;padding:0;line-height:1.5em;}
#linkiTools li {display:inline;padding:0 20px 0 0 ;}
#linkiTools li a {padding:2px 0 3px 25px;}
#linkiTools li.zamow a {background:transparent url(image/zamow.png) no-repeat left center;}
#linkiTools li.realizacje a {background:transparent url(image/zobacz.png) no-repeat left center;}


#kontaktForm {font-style:normal;margin:1em 0;padding:20px 30px 0 30px;display:none;}
#kontaktForm legend {padding:0;margin:0;}
#kontaktForm fieldset {padding-top:20px;}
#kontaktForm label {display:block;}
#kontaktForm label span {float:left;width:90px;padding-top:3px;text-align:right;margin-right:10px;}
#kontaktForm label input, #kontaktForm label textarea {border:1px solid #839890;margin-bottom:5px;width:220px;padding:3px;}
#kontaktForm p {text-align:center;margin-bottom:0;padding-top:10px;}

#kroki {background:#7a8e88 url(image/kroki.jpg) no-repeat;color:#f8f7ea;}
#kroki h3 {padding-bottom:10px;color:#cfd8d4;}
#kroki h3 span {position:absolute;height:14px;width:125px;background:transparent url(image/siegnijposukces.png) no-repeat;left:24px;top:20px;}
#kroki p {margin:1.3em 20px 1em 28px;line-height:1.4em}
#kroki ol {list-style-type:none;margin:1.5em 20px 0 27px;padding:0 0 3.12em 0;}
#kroki ol li {padding:6px 0;}
#kroki ol li a {display:block;color:#aac2b8;background-color:#4a5d56;width:143px;height:23px;line-height:23px;text-decoration:none;font-size:10pt;font-weight:bold;padding-left:52px;position:relative;}
#kroki ol li span {position:absolute;left:0;top:0;width:195px;height:23px;background:transparent none no-repeat;}
#kroki ol li.krok1 span {background-image:url(image/krok1.png);}
#kroki ol li.krok2 span {background-image:url(image/krok2.png);}
#kroki ol li.krok3 span {background-image:url(image/krok3.png);}
#kroki ol li.krok4 span {background-image:url(image/krok4.png);}



#kontakt {background:#c91f10 url(image/kontakt.jpg) no-repeat right bottom;}
#kontakt h3 {color:white;}
#kontakt h3 span {position:absolute;height:12px;width:132px;background:transparent url(image/skontaktujsie.png) no-repeat;left:25px;top:22px;}
#kontakt dl {margin:0 0 0 27px;padding:0 0 2em 0;}
#kontakt dd {padding:0;margin:0 0 0.8em 0;}
#kontakt dd a {display:block;width:153px;height:20px;line-height:20px;background:#ba1212 none no-repeat;color:#eab6b6;text-decoration:none;padding-left:43px;}
#kontakt dd a:hover {text-decoration:underline;}
#kontakt dd.mail a {background-image:url(image/kontaktmail.png);}
#kontakt dd.gg a {background-image:url(image/kontaktgg.png);}
#kontakt dd.skype a {background-image:url(image/kontaktskype.png);}

#partnerzy {width:917px;margin:0 auto;padding:35px 0 40px 0;}
#partnerzy h2 {float:left;padding:10px 25px 0 38px;position:relative;font-size:8pt;color:#c32c1a;text-transform:uppercase;}
#partnerzy h2 span {position:absolute;height:9px;width:67px;background:transparent url(image/partnerzy1.png) no-repeat;left:37px;top:12px;}
#partnerzy ul {list-style-type:none;margin:0;padding:0;}
#partnerzy li {display:inline;padding:0 25px;}

#stopka {height:38px;padding-top:26px;width:917px;margin:0 auto;color:#51665f;}
#stopka p {float:left;margin:0;padding:0 38px;}
#stopka p strong {color:#364641;}
#stopka p strong span {color:#c32c1a;}
#stopka ul {list-style-type:none;margin:0;padding:0 38px 0 0;float:right;}
#stopka li {display:inline;padding:0 7px;}
#stopka li a {color:#d26053;}

.columns {width:100%;overflow:hidden;}
.zamow a {color:#d26053;float:left;padding-left:26px;margin-right:150px;background:transparent url(image/zamow.gif) no-repeat 0 50%;line-height:59px;}


.arrow {margin:0 30px 60px 37px;padding:0;list-style-type:none;margin-bottom:30px;}
.arrow li {padding:0 0 5px 30px;margin-bottom:0.5em;background:transparent url(image/arrow.png) no-repeat 18px 0.5em;line-height:1.4em}
.arrow li a {color:#71867f;}

.floatRight {float:right;}
.none {display:none;}
img {vertical-align:bottom;}
.clear {clear:both;font-size:1px;line-height:0px;height:1px;overflow:hidden;}
a img {border-width:0;}
a {color:#d26053;}
a:hover {text-decoration:none;}