body { margin: 0; padding: 0; font: normal normal normal 12px/1.3 "Microsoft Sans Serif", "Trebuchet MS", Arial, sans-serif; background-color: #ffffff; color: #505050; }
a, a:link, a:visited { font-weight: bold; text-decoration: none; color: #f5911e; }
a:hover, a:active { font-weight: bold; text-decoration: underline; color: #f5911e; }
a:focus { outline: none; }
a.z, a:link.z, a:visited.z { color: #d31705; }
acronym, dfn { font-style: inherit; font-variant: inherit; font-weight: inherit; border-bottom: 1px dotted #f5911e; cursor: help; }
address { margin: 4px 0; padding: 0; font-style: normal; font-variant: normal; font-weight: inherit; line-height: 1.3; }
em { font-style: normal; font-weight: normal; }
form { margin: 0; padding: 0; }
img { border: 0; }
h1 { clear: both; margin: 20px 0 3px; padding: 0; font: normal normal bold 14px/1.3 Tahoma, Verdana, sans-serif; color: #505050; }
h1#infolab { width: 74px; height: 24px; background: url(grafika/infolab_kontakt.png) center center no-repeat; }
h1#infolab span { visibility: hidden; }
h1.linia { padding: 10px 0 0; border-top: 1px solid #ffa633; }
h3 { margin: 0; padding: 0; font: normal normal bold 14px/1.3 Verdana, Arial, sans-serif; color: #505050; }
h4 { margin: 12px 0 0; padding: 0; font: normal normal bold 12px/1.3 Verdana, Arial, sans-serif; color: #505050; }
h1 span, h3 span { color: #f5911e; }
label { cursor: pointer; }
ul { margin: 0; padding: 0; list-style: outside disc; }
li { margin: 1px 0 1px 31px; padding: 0; text-align: justify; }
p { margin: 4px 0; padding: 0; text-align: justify; text-indent: 0; }
#box { margin: 0 auto; padding: 0; width: 960px; height: auto; background: url(grafika/box_background.png) center top repeat-y; }
#topbox, #topowoce { position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 960px; }
#topbox { height: 452px; }
#topowoce { height: 221px; }
#topmenu { z-index: 0; position: absolute; left: 0; top: 0; width: 960px; height: 71px; background: url(grafika/top_menu.png) center center no-repeat; }
#topmenu ul { margin: 0; padding: 0; list-style: none; }
#topmenu ul li { display: block; margin: 0; padding: 0; }
#topmenu ul li a { overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; height: 100%; color: #fac88e; text-decoration: none; border: 0; }
#topmenu ul li a span { visibility: hidden; }
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu01sel, #menu02sel, #menu03sel, #menu04sel, #menu05sel, #menu06sel { z-index: 100; position: absolute; height: 51px; top: 20px; }
#menu01, #menu01sel { left: 41px; width: 75px; }
#menu01 a { background: url(grafika/menu_01.png) 0px 0px no-repeat; }
#menu01sel a { background: url(grafika/menu_01.png) 0px -51px no-repeat; }
#menu01 a:hover, #menu01sel a:hover { background: url(grafika/menu_01.png) 0px -51px no-repeat; }
#menu02, #menu02sel { left: 117px; width: 72px; }
#menu02 a { background: url(grafika/menu_02.png) 0px 0px no-repeat; }
#menu02sel a { background: url(grafika/menu_02.png) 0px -51px no-repeat; }
#menu02 a:hover, #menu02sel a:hover { background: url(grafika/menu_02.png) 0px -51px no-repeat; }
#menu03, #menu03sel { left: 190px; width: 71px; }
#menu03 a { background: url(grafika/menu_03.png) 0px 0px no-repeat; }
#menu03sel a { background: url(grafika/menu_03.png) 0px -51px no-repeat; }
#menu03 a:hover, #menu03sel a:hover { background: url(grafika/menu_03.png) 0px -51px no-repeat; }
#menu04, #menu04sel { left: 262px; width: 72px; }
#menu04 a { background: url(grafika/menu_04.png) 0px 0px no-repeat; }
#menu04sel a { background: url(grafika/menu_04.png) 0px -51px no-repeat; }
#menu04 a:hover, #menu04sel a:hover { background: url(grafika/menu_04.png) 0px -51px no-repeat; }
#menu05, #menu05sel { left: 335px; width: 71px; }
#menu05 a { background: url(grafika/menu_05.png) 0px 0px no-repeat; }
#menu05sel a { background: url(grafika/menu_05.png) 0px -51px no-repeat; }
#menu05 a:hover, #menu05sel a:hover { background: url(grafika/menu_05.png) 0px -51px no-repeat; }
#menu06, #menu06sel { left: 407px; width: 71px; }
#menu06 a { background: url(grafika/menu_06.png) 0px 0px no-repeat; }
#menu06sel a { background: url(grafika/menu_06.png) 0px -51px no-repeat; }
#menu06 a:hover, #menu06sel a:hover { background: url(grafika/menu_06.png) 0px -51px no-repeat; }
#topinfolab, #topowoceinfolab, #toplogoinfolab, #topdlaczegonaglowek, #topdlaczegoinformatyzacja, #topdlaczegoowoc, #topofirmienaglowek, #topofirmiezycie, #topofirmieowoc, #topowocenaglowek, #topowocepoznacie, #topowomnu, #topofertanaglowek, #topofertadla, #topofertaowoc, #topadremnaglowek, #topadrembezpieczniej, #topadremowoc, #topkontaktnaglowek, #topkontaktnasza, #topkontaktowoc { z-index: 50; position: absolute; margin: 0; padding: 0; font: normal normal normal 10px/1.0 Arial, Verdana, sans-serif; }
#topinfolab span, #topowoceinfolab span, #toplogoinfolab span, #topdlaczegonaglowek span, #topdlaczegoinformatyzacja span, #topofirmienaglowek span, #topofirmiezycie span, #topowocenaglowek span, #topowocepoznacie span, #topowomnu span, #topofertanaglowek span, #topofertadla span, #topadremnaglowek span, #topadrembezpieczniej span, #topkontaktnaglowek span, #topadremowoc span, #topkontaktnasza span { visibility: hidden; }
#topinfolab { right: 20px; top: 71px; width: 490px; height: 100px; background: url(grafika/top_infolab.png) center center no-repeat; }
#toplogoinfolab { right: 80px; top: 20px; width: 161px; height: 111px; background: url(grafika/top_logo_infolab.png) center center no-repeat; }
#toplogoinfolab a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; text-decoration: none; }
#topdlaczegonaglowek { left: 20px; top: 71px; width: 430px; height: 100px; background: url(grafika/top_dlaczego_naglowek.png) center center no-repeat; }
#topdlaczegoinformatyzacja { left: 0; top: 171px; width: 940px; height: 241px; background: url(grafika/top_informatyzacja_daje_pewnosc.jpg) center center no-repeat; }
#topdlaczegoowoc { left: 20px; top: 412px; width: 920px; height: 40px; background: url(grafika/top_dlaczego_owoc.png) center center no-repeat; }
#topofirmienaglowek { left: 20px; top: 71px; width: 430px; height: 100px; background: url(grafika/top_o_firmie_naglowek.png) center center no-repeat; }
#topofirmiezycie { left: 0; top: 171px; width: 940px; height: 241px; background: url(grafika/top_zycie_moze_byc_prostsze.jpg) center center no-repeat; }
#topofirmieowoc { left: 20px; top: 412px; width: 920px; height: 40px; background: url(grafika/top_o_firmie_owoc.png) center center no-repeat; }
#topowoceinfolab { right: 20px; top: 71px; width: 620px; height: 150px; background: url(grafika/top_owoce_infolab.png) center center no-repeat; }
#topowocepoznacie { left: 20px; top: 71px; width: 300px; height: 150px; background: url(grafika/top_po_powocach_nas_poznacie.png) center center no-repeat; }
#topowocenaglowek { z-index: 0; left: 20px; top: 71px; width: 1px; height: 1px; }
#topofertanaglowek { left: 20px; top: 71px; width: 430px; height: 100px; background: url(grafika/top_oferta_naglowek.png) center center no-repeat; }
#topofertadla { left: 0; top: 171px; width: 940px; height: 241px; background: url(grafika/top_dla_ciebie_prostujemy_swiat.jpg) center center no-repeat; }
#topofertaowoc { left: 20px; top: 412px; width: 920px; height: 40px; background: url(grafika/top_oferta_owoc.png) center center no-repeat; }
#topadremnaglowek { left: 20px; top: 71px; width: 430px; height: 100px; background: url(grafika/top_adrem_naglowek.png) center center no-repeat; }
#topadrembezpieczniej { left: 20px; top: 171px; width: 920px; height: 241px; background: url(grafika/top_z_adrem_bezpieczniej.jpg) center center no-repeat; }
#topadremowoc { left: 20px; top: 412px; width: 920px; height: 40px; background: url(grafika/top_adrem_owoc.png) center center no-repeat; }
#topkontaktnaglowek { left: 0; top: 71px; width: 450px; height: 100px; background: url(grafika/top_kontakt_naglowek.png) center center no-repeat; }
#topkontaktnasza { left: 0; top: 171px; width: 940px; height: 241px; background: url(grafika/top_nasza_filozofia_zawsze_prosto_do_celu.jpg) center center no-repeat; }
#topkontaktowoc { left: 20px; top: 412px; width: 920px; height: 40px; background: url(grafika/top_kontakt_owoc.png) center center no-repeat; }
#middlebox { clear: both; margin: 20px auto 0; padding: 0; width: 960px; height: auto; }
#middleowoce { clear: both; position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 960px; height: 459px; }
#ilk { float: left; display: inline; margin: 0 0 0 61px; padding: 0; }
#menudlaczego, #menuofirmie, #menuoferta { float: left; display: inline; position: relative; left: 0; top: 0; margin: 0 0 0 20px; padding: 0; }
#menudlaczego { width: 170px; height: 150px; }
#menuofirmie { width: 170px; height: 174px; }
#menuowoce { position: absolute; left: 20px; top: 0; margin: 0; padding: 0; width: 300px; height: 459px; background: url(grafika/menu_owoce.png) top left no-repeat; }
#menudlaczego ul, #menuofirmie ul, #menuowoce ul, #menuoferta ul { margin: 0; padding: 0; list-style: none; }
#menudlaczego ul li, #menuofirmie ul li, #menuowoce ul li, #menuoferta ul li { display: block; margin: 0; padding: 0; }
#menudlaczego ul li a, #menuofirmie ul li a, #menuowoce ul li a, #menuoferta ul li a { overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; height: 100%; text-decoration: none; color: #fefefe; border: 0; }
#menudlaczego ul li a span, #menuofirmie ul li a span, #menuowoce ul li a span, #menuoferta ul li a span { visibility: hidden; }
#dlaczego1, #dlaczego2, #podstawa, #czym, #dlaczego1sel, #dlaczego2sel, #podstawasel, #czymsel { position: absolute; left: 0; width: 170px; height: 75px; }
#dlaczego1, #dlaczego1sel, #podstawa, #podstawasel { top: 0; }
#dlaczego1 a { background: url(grafika/menu_dlaczego_zycie_powinno_byc_proste.png) 0px 0px no-repeat; }
#dlaczego1 a:hover, #dlaczego1sel a { background: url(grafika/menu_dlaczego_zycie_powinno_byc_proste.png) 0px -75px no-repeat; }
#dlaczego2, #dlaczego2sel, #czym, #czymsel { top: 75px; }
#dlaczego2 a { background: url(grafika/menu_dlaczego_zycie_z_infolab_jest_prostsze.png); }
#dlaczego2 a:hover, #dlaczego2sel a { background: url(grafika/menu_dlaczego_zycie_z_infolab_jest_prostsze.png) 0px -75px no-repeat; }
#podstawa a { background: url(grafika/menu_podstawa_sukcesu.png) 0px 0px no-repeat; }
#podstawa a:hover, #podstawasel a { background: url(grafika/menu_podstawa_sukcesu.png) 0px -75px no-repeat; }
#czym a { background: url(grafika/menu_czym_sie_zajmujemy.png) 0px 0px no-repeat; }
#czym a:hover, #czymsel a { background: url(grafika/menu_czym_sie_zajmujemy.png) 0px -75px no-repeat; }
#zaangazowanie, #innowacje, #technologia, #zaangazowaniesel, #innowacjesel, #technologiasel { position: absolute; left: 0; width: 170px; height: 58px; }
#zaangazowanie, #zaangazowaniesel { top: 0; }
#zaangazowanie a { background: url(grafika/menu_zaangazowanie.png) 0px 0px no-repeat; }
#zaangazowanie a:hover, #zaangazowaniesel a { background: url(grafika/menu_zaangazowanie.png) 0px -58px no-repeat; }
#innowacje, #innowacjesel { top: 58px; }
#innowacje a { background: url(grafika/menu_innowacje.png) 0px 0px no-repeat; }
#innowacje a:hover, #innowacjesel a { background: url(grafika/menu_innowacje.png) 0px -58px no-repeat; }
#technologia, #technologiasel { top: 116px; }
#technologia a { background: url(grafika/menu_technologia.png) 0px 0px no-repeat; }
#technologia a:hover, #technologiasel a { background: url(grafika/menu_technologia.png) 0px -58px no-repeat; }
#owoce01, #owoce02, #owoce03, #owoce04, #owoce05, #owoce06, #owoce07, #owoce08, #owoce09, #owoce01sel, #owoce02sel, #owoce03sel, #owoce04sel, #owoce05sel, #owoce06sel, #owoce07sel, #owoce08sel, #owoce09sel { z-index: 100; position: absolute; left: 181px; width: 107px; height: 24px; }
#owoce01, #owoce01sel { top: 42px; }
#owoce01 a { background: url(grafika/owoce_01.png) 0px 0px no-repeat; }
#owoce01 a:hover, #owoce01sel a { background: url(grafika/owoce_01.png) 0px -24px no-repeat; }
#owoce02, #owoce02sel { top: 66px; }
#owoce02 a { background: url(grafika/owoce_02.png) 0px 0px no-repeat; }
#owoce02 a:hover, #owoce02sel a { background: url(grafika/owoce_02.png) 0px -24px no-repeat; }
#owoce03, #owoce03sel { top: 90px; }
#owoce03 a { background: url(grafika/owoce_03.png) 0px 0px no-repeat; }
#owoce03 a:hover, #owoce03sel a { background: url(grafika/owoce_03.png) 0px -24px no-repeat; }
#owoce04, #owoce04sel { top: 114px; }
#owoce04 a { background: url(grafika/owoce_04.png) 0px 0px no-repeat; }
#owoce04 a:hover, #owoce04sel a { background: url(grafika/owoce_04.png) 0px -24px no-repeat; }
#owoce05, #owoce05sel { top: 138px; }
#owoce05 a { background: url(grafika/owoce_05.png) 0px 0px no-repeat; }
#owoce05 a:hover, #owoce05sel a { background: url(grafika/owoce_05.png) 0px -24px no-repeat; }
#owoce06, #owoce06sel { top: 162px; }
#owoce06 a { background: url(grafika/owoce_06.png) 0px 0px no-repeat; }
#owoce06 a:hover, #owoce06sel a { background: url(grafika/owoce_06.png) 0px -24px no-repeat; }
#owoce07, #owoce07sel { top: 186px; }
#owoce07 a { background: url(grafika/owoce_07.png) 0px 0px no-repeat; }
#owoce07 a:hover, #owoce07sel a { background: url(grafika/owoce_07.png) 0px -24px no-repeat; }
#owoce08, #owoce08sel { top: 210px; }
#owoce08 a { background: url(grafika/owoce_08.png) 0px 0px no-repeat; }
#owoce08 a:hover, #owoce08sel a { background: url(grafika/owoce_08.png) 0px -24px no-repeat; }
#owoce09, #owoce09sel { top: 234px; }
#owoce09 a { background: url(grafika/owoce_09.png) 0px 0px no-repeat; }
#owoce09 a:hover, #owoce09sel a { background: url(grafika/owoce_09.png) 0px -24px no-repeat; }
#tekstdlaczego { float: left; display: inline; margin: 10px 0 0 25px; padding: 0 20px 0 0; width: 440px; height: auto; min-height: 200px; text-align: justify; border-right: 2px solid #d8d8d8; }
#tekstprawo { position: relative; right: 0; top: 0; float: right; display: inline; margin: 10px 30px 0 0; padding: 0 0 60px; width: 243px; height: auto; }
#tekstprawo h6 { margin: 0 0 20px; padding: 0; font: italic normal bold 12px/1.3 "Georgia", "Times New Roman", "Trebuchet MS", serif; text-align: center; text-indent: 0; color: #c0c0c0; }
#cytat { position: absolute; left: 0; top: 15px; margin: 0; padding: 0; width: 100px; height: 100px; font: normal normal bold 48px/1.0 "Georgia", "Times New Roman", "Trebuchet MS", serif; color: #eeeeee; }
#tekstprawo p { margin: 2px 10px; padding: 0; font: normal normal normal 11px/1.3 "Georgia", "Times New Roman", "Trebuchet MS", serif; text-align: left; text-indent: 0; color: #b0b0b0; }
#tekstofirmie, #tekstoferta, #tekstkontakt { float: right; display: inline; margin: 10px 80px 25px 0; padding: 0; width: 660px; height: auto; min-height: 200px; text-align: justify; }
#tekstowoce { position: absolute; right: 20px; top: 0; margin: 0; padding: 0; width: 620px; height: 459px; background: url(grafika/middle_owoce.png) left top no-repeat; }
#tekstadrem { margin: 0 auto 30px; padding: 0; width: 800px; height: auto; min-height: 200px; text-align: justify; }
#boxowocenag { overflow: hidden; z-index: 50; position: absolute; right: 81px; top: 11px; margin: 0; padding: 0; width: 542px; height: 26px; }
#boxowocenag h4 { margin: 5px 26px 0 0; padding: 0; font: normal normal normal 13px/1.0 Tahoma, Arial, sans-serif; text-align: right; text-indent: 0; color: #fefefe; }
#boxowocenag h4 span { font-weight: bold; }
#logo { display: inline; float: right; margin: 0 10px 10px 20px; padding: 0; cursor: help; }
#boxowoceopis { overflow: auto; z-index: 50; position: absolute; right: 81px; top: 47px; margin: 0; padding: 0; width: 532px; height: 313px; }
#boxowoceopis h5 { margin: 0; padding: 0 10px 0 0; font: normal normal bold 15px/1.2 Tahoma, "Trebuchet MS", Arial, sans-serif; text-align: left; text-indent: 0; color: #505050; }
#boxowoceopis p { margin: 4px 10px 4px 0; padding: 0; text-align: justify; text-indent: 0; }
#boxowoceopis p.www { clear: both; margin: 20px 10px 20px 20px; }
#boxowoceopis ul { margin: 0; padding: 0; list-style: outside disc; }
#boxowoceopis ul li { margin: 4px 10px 4px 34px; padding: 0; text-align: justify; }
#bottombox, #bottomowocebox { clear: both; position: relative; left: 0; top: 0; margin: 0 auto; padding: 0; width: 960px; height: 40px; }
#bottombox { background: url(grafika/bottom_background.png) center center no-repeat; }
#bottombox a, #bottombox a:link, #bottombox a:visited { font-weight: normal; text-decoration: none; color: #f5911e; }
#bottombox a:hover, #bottombox a:active { font-weight: normal; text-decoration: underline; color: #f5911e; }
#bottomowocebox { background: url(grafika/bottom_owoce_background.png) center center no-repeat; }
#valid, #credits { position: absolute; bottom: 5px; margin: 0; padding: 0; font: normal normal normal 10px/1.0 Arial, Verdana, sans-serif; color: #808080; }
#valid { left: 20px; }
#valid span { padding: 0 20px 0 0; }
#credits { right: 20px; }
#credits span { padding: 0 0 0 20px; }
#credits strong { font-weight: normal; }
#credits strong a { text-decoration: none !important; color: #888888 !important; }
.adrem { color: #bfbd39; }
.kule { background: url(grafika/kule.png) 882px bottom no-repeat; }
.cb { clear: both; }
.loga { display: block; margin: 8px auto; padding: 0; border: 0; }
.owoc { float: right; display: block; margin: 5px 0 15px 15px; padding: 0; }
.fl { float: left; display: inline; margin: 0 10px 10px 0; padding: 0; border: 1px solid #f0f0f0; }
.fr { float: right; display: inline; margin: 0 0 10px 10px; padding: 0; border: 1px solid #f0f0f0; }
.formularz { margin: 10px auto; padding: 0; background-color: #fff8f0; border-collapse: collapse; border: 1px solid #ffeedd; }
.formularz tr { margin: 0; padding: 0; border: 0; }
.formularz tr td { margin: 0; padding: 3px 6px; border: 0; }
.pole { margin: 0; padding: 0; font: normal normal normal 11px/1.2 "Courier New", serif; border: 1px solid #e0e0e0; }
.tu { display: none; }
.wyslij, .anuluj { display: block; margin: 0; padding: 0; cursor: pointer; }
.wyslij { float: left; }
.anuluj { float: right; }
.guru, .guruok { clear: both; margin: 25px auto; padding: 0 6px; width: 50%; height: auto; }
.guru { background-color: #fff8f8; color: #000000; border: 1px solid #ff8080; }
.guruok { background-color: #f8fff8; color: #000000; border: 1px solid #00ff00; }
.guru p, .guruok p { margin: 5px 0; padding: 0; font-style: normal; font: normal normal normal 11px/1.2 Arial, Verdana, sans-serif; text-align: justify; text-indent: 0; }
.guru .pl, .guruok .pl { text-align: left; text-indent: 0; }
.guru .pc, .guruok .pc { text-align: center; text-indent: 0; }
.guru .pr, .guruok .pr { text-align: right; text-indent: 0; }
.guru span, .guruok span { color: #ff0000; }