* {margin:0; padding:0; border: 0; outline:none;} html, body { font-family:Arial; } body {background:#fff url('obrazki/tlo.jpg') no-repeat center top; } div.MAIN { width:982px; position:relative; margin:0 auto; padding:0; text-align:left; overflow:visible; text-align:left; } #MENU { width:754px; position:relative; overflow:hidden; float:left; text-align:left; margin:0; padding:0; height:115px; display:inline; } #LOGO {width:226px; position:relative; overflow:hidden; float:left; text-align:left; margin:0; padding:0; height:115px; display:inline;} #LOGO img { border:0; margin:15px 0px 0px 0px; } #NAWIGACJA { width:980px; height:43px; position:relative; overflow:hidden; float:left; text-align:left; margin:0; padding:0; background:url('obrazki/nawi.png') no-repeat left top; background-position:12px 0px;} #STRONY { width:623px; height:43px; position:relative; overflow:hidden; float:left; text-align:left; margin:0; padding:0; display:inline;} #SELECT { width:145px; position:relative; overflow:hidden; float:left; text-align:left; margin:0; padding:0; height:43px; display:inline;} #SELECT p { font-family:Arial; font-style:normal; color:#999999; font-size:11px; line-height:43px; text-align:right;} #STRONY p { font-family:Arial; font-style:normal; color:#999999; font-size:12px; line-height:43px; margin-left:55px; } #STRONY a { color:#ff9933; text-decoration:none; } #STRONY a:hover { text-decoration:underline; } #LANG{ width:200px; position:relative; overflow:hidden; float:left; text-align:left; margin:0; padding:0; height:43px; display:inline; margin-top:1px; } #LEWA { width:420px; position:relative; overflow:visible; float:left; margin:12px 0px 0px 0px; padding:0; background: url('obrazki/left_bg.jpg') no-repeat left top; background-position:15px 0px; display:inline;} #LEWA p.oferta { background:url('obrazki/oferta.jpg') no-repeat left top; line-height:32px; font-size:14px; margin:8px 0px 0px 25px; padding:0px 0px 0px 18px; color:#fff; font-weight:bold; font-family:Arial; } #LEWA p.oferta a {color:#fff; text-decoration:none;} #LEWA ul { padding:0; margin:8px 0px 0px 15px; list-style:none; float:left; display:block; float:left; width:341px; display:inline;} #LEWA ul li { line-height:39px; background:url('obrazki/oferta-pkt.jpg') no-repeat left top; font-family:'Trebuchet MS'; font-size:14px; font-weight:bold; font-style:normal; } #LEWA ul li a { display:block; width:296px; text-decoration:none; color:#cc6633; padding-left:20px; background:url('obrazki/on.jpg') no-repeat left center; background-position:28px; padding-left:45px; } #LEWA ul li a:hover { color:#fff; background: url('obrazki/of-pkt.jpg') no-repeat left center; background-position:28px; } #ANIMACJA{position:relative; width:430px; height:396px; overflow:visible; float:left; z-index:50;} #ANIMACJA img {margin-left:-105px; z-index:100; overflow:visible;} #ZAWARTOSC{ width:560px; position:relative; left:0px; top:0px; overflow:hidden; float:left; margin:12px 0px 0px 0px; padding:0; z-index:1000;display:inline; } #ZAWARTOSC h1.www { font-size:30px; font-family:'Trebuchet MS'; color:#666666; margin:5px 0px 0px 0px; background: url('obrazki/dual_line.png') no-repeat left bottom; padding:0px 0px 17px 0px; font-weight:normal; } #ZAWARTOSC div { width:280px; height:160px; margin:0; padding:0; float:left; overflow:hidden; position:relative; margin-top:17px; font-size:12px; font-family:Arial; } #ZAWARTOSC div p { margin:0px 30px 20px 0px; line-height:19px; color:#333333; text-align:left;} #ZAWARTOSC div img {border:0;} #ZAWARTOSC div.prawy{ margin-left:30px; width:250px; } #ZAWARTOSC div.prawy p { margin-right:0px; } #ZAWARTOSC div p.wiecej { text-align:right; margin:0px 20px 0px 0px; } #ZAWARTOSC div.prawy p.wiecej { margin-right:0px; } #ZAWARTOSC div.klienci { width:560px; margin:0; padding:0; float:left; position:relative; overflow:hidden; z-index:400; height:150px;} #ZAWARTOSC div.klienci h1 {font-size:30px; font-family:'Trebuchet MS'; color:#666666; margin:15px 0px 0px 0px; padding:0px 0px 17px 0px; background: url('obrazki/line.png') no-repeat left bottom; font-weight:normal; } #ZAWARTOSC div.klienci div.PRZEWIJAK { width:470px; height:80px; background: url("loga.jpg") no-repeat; margin:0 auto; padding:0; position:relative; margin:5px 0px 0px 45px;} #STOPKA1 { width:100%; height:60px; position:relative; overflow:hidden; margin:0px 0px 0px 0px; padding:0; clear:both; z-index:600; background:url('obrazki/stopka1.jpg') no-repeat center bottom; } ul.dol { padding:0; margin:0; list-style:none; display:block; float:right; background:url('obrazki/linia_dol.jpg') repeat-x left top; width:560px;} ul.dol li { white-space: nowrap; float: left; font-size:11px; line-height:40px; font-family:'Trebuchet MS';} ul.dol li a { width:93px; display:block; color:black; text-decoration:none; text-align:center; font-style:normal; background-color:red; padding-bottom:5px; background:url('obrazki/dolpkt.png') no-repeat center bottom; } ul.dol li a:hover { background:url('obrazki/dolpkt2.png') no-repeat center bottom; } ul.dol li a.aktywny { background:url('obrazki/dolpkt2.png') no-repeat center bottom; } #STOPKA { width:100%; height:180px; position:relative; overflow:hidden; margin:0px 0px 0px 0px; padding:0; background-color:yellow; clear:both; z-index:200; background:url('obrazki/stopka.jpg') no-repeat center top; font-size:11px; line-height:14px; } #LOGODOL { width:200px; height:120px; float:left; margin:0; padding:0; position:relative; overflow:hidden; z-index:600; } #LOGODOL img { margin: 6px 0px 0px 20px; border:0; } #NAPISDOL { width:410px; height:120px; float:left; margin:0; padding:0; position:relative; overflow:hidden; z-index:600;} #NAPISDOL p { color:#666666; margin-top:35px; font-family:Arial; text-align:left; } #KONTAKTDOL { width:370px; height:120px; float:left; margin:0; padding:0; position:relative; overflow:hidden; background: url('obrazki/kontakt_linia.png') no-repeat center top; background-position:40px 12px; z-index:600;} #KONTAKTDOL p { color:#666666; margin:30px 0 0 12px; font-family:Arial; line-height: 14px; text-align:left; } #KONTAKTDOL a { color:#ff6600; text-decoration:none;} #KONTAKTDOL a:hover { text-decoration:underline; } /* ######################## OFERTA #################### */ #OFERTA { width:980px; height:660px; position:relative; overflow:hidden; margin:20px 0px 20px 15px; padding:0; float:left; } #OFERTA div { width:238px; height:191px; float:left; overflow:hidden; text-align:left; position:relative; background: #fff url('obrazki/ramka_oferta.jpg') no-repeat left top; margin:1px 1px 1px 1px; display:inline;} #OFERTA h1 { background: url('obrazki/linia_960.png') no-repeat left bottom; font-family:'Trebuchet MS'; color:#666666; font-size:24px; padding:0 0 25px 0; margin:0 0 5px 0; font-weight:normal; } #OFERTA h2 { font-size:12px; font-family:Arial; font-style:normal; margin:10px 15px 5px 15px; } #OFERTA h2 a { color: #cc6600; text-decoration:none; } #OFERTA h2 a:hover { color:#ff9933; } #OFERTA div p { font-size:11px; color:#333333; font-family:Arial; margin:20px 15px 0px 15px; line-height:14px; } #OFERTA div p a { color:#333333; text-decoration:none; } #OFERTA div p a:hover { color:#666666; } #OFERTA div.strony { background: #fff url('obrazki/oferta_strony.jpg') no-repeat left top; } #OFERTA div.sklepy { background: #fff url('obrazki/oferta_sklepy.jpg') no-repeat left top; } #OFERTA div.bazy { background: #fff url('obrazki/oferta_bazy.jpg') no-repeat left top; } #OFERTA div.cms { background: #fff url('obrazki/oferta_cms.jpg') no-repeat left top; } #OFERTA div.hosting { background: #fff url('obrazki/oferta_hosting.jpg') no-repeat left top; } #OFERTA div.pozycjonowanie { background: #fff url('obrazki/oferta_pozycjonowanie.jpg') no-repeat left top; } #OFERTA div.zarzadzanie { background: #fff url('obrazki/oferta_zarzadzanie.jpg') no-repeat left top; } #OFERTA div.dedykowane { background: #fff url('obrazki/oferta_dedykowane.jpg') no-repeat left top; } #OFERTA div.doradztwo { background: #fff url('obrazki/oferta_doradztwo.jpg') no-repeat left top; } #OFERTA div.logo { background: #fff url('obrazki/oferta_logo.jpg') no-repeat left top; } #OFERTA div.projektowanie { background: #fff url('obrazki/oferta_projektowanie.jpg') no-repeat left top; } div.LINKI p { font-size:11px; color:silver; font-family:Arial; text-align:center; } div.LINKI a { text-decoration:none; color:gray; } /* ######################## STRONA TEKSTOWA #################### */ #TYTUL { width:980px; height:46px; margin:11px 0 0 0; padding:0; position:relative; overflow:hidden; float:left; background: url('obrazki/tytul_bg.jpg') no-repeat left top; background-position:15px 0px; } #TYTUL h1 { font-size:24px; line-height:24px; font-family:'Trebuchet MS'; color:#fff; font-style:normal; line-height:47px; margin:0px 0px 0px 40px; font-weight:normal; } #LEFT { width:330px; position:relative; overflow:visible; float:left; background-position:15px 0px; display:inline; } #SUBMENU{ width:330px; position:relative; overflow:hidden; float:left; background-position:15px 0px; display:inline; } #SUBMENU ul{ padding:0; margin:0px 0px 0px 15px; list-style:none; float:left; display:block; float:left; width:278px; display:inline; } #SUBMENU ul li { line-height:39px; background:url('obrazki/oferta-pkt.jpg') no-repeat left top; font-family:'Trebuchet MS'; font-size:14px; font-weight:bold; font-style:normal; } #SUBMENU ul li a { display:block; width:296px; text-decoration:none; color:#cc6633; padding-left:20px; background:url('obrazki/on.jpg') no-repeat left center; background-position:28px; padding-left:45px; } #SUBMENU ul li a:hover { color:#fff; background: url('obrazki/of-pkt.jpg') no-repeat left center; background-position:28px; } #SUBMENU ul li a.aktywny { color:#fff; background: url('obrazki/of-pkt.jpg') no-repeat left center; background-position:28px; } #SUBMENU ul.dane { background: url(''); } #SUBMENU ul.dane li a { margin:0; padding:0; display:inline; background: url(''); color:#ffffcc; text-decoration:underline; } #SUBMENU ul.dane li a:hover { background: url(''); color:#ffff99; text-decoration:none;} #SUBMENU ul.dane li { background: url(''); line-height:18px; font-family:Arial; font-size:12px; font-weight:normal; background:url('obrazki/kontakt_punkt.jpg') no-repeat left center; margin-left:25px; padding-left:15px; color:#fff; } #SUBMENU ul.oferta { background:url(''); margin-top:15px; margin-bottom:20px; width:300px; display:inline;} #SUBMENU ul.oferta li { background:url(''); line-height:38px; margin-left:0px; padding-left:5px; width:260px; font-weight:bold; border-bottom:1px solid silver; } #SUBMENU ul.oferta li a { color:#999999; font-size:11px; background: url(''); padding-left:70px; width:200px;} #SUBMENU ul.oferta li a:hover {color:#cc6600;} #SUBMENU ul.oferta li a.aktywny {color:#cc6600;} #SUBMENU ul.oferta li.strony {background: url('obrazki/a/strony.jpg') no-repeat left center; } #SUBMENU ul.oferta li.sklepy {background: url('obrazki/a/sklepy.jpg') no-repeat left center; } #SUBMENU ul.oferta li.cms {background: url('obrazki/a/cms.jpg') no-repeat left center; } #SUBMENU ul.oferta li.dedykowane {background: url('obrazki/a/dedykowane.jpg') no-repeat left center; } #SUBMENU ul.oferta li.logo {background: url('obrazki/a/logo.jpg') no-repeat left center; } #SUBMENU ul.oferta li.projektowanie {background: url('obrazki/a/projektowanie.jpg') no-repeat left center; } #SUBMENU ul.oferta li.zarzadzanie {background: url('obrazki/a/zarzadzanie.jpg') no-repeat left center; } #SUBMENU ul.oferta li.hosting {background: url('obrazki/a/hosting.jpg') no-repeat left center; } #SUBMENU ul.oferta li.doradztwo {background: url('obrazki/a/doradztwo.jpg') no-repeat left center; } #SUBMENU ul.oferta li.bazy{background: url('obrazki/a/bazy.jpg') no-repeat left center; } #SUBMENU ul.oferta li.pozycjonowanie {background: url('obrazki/a/pozycjonowanie.jpg') no-repeat left center; } #TYT { width:980px; height:46px; margin:20px 0 0 0; padding:0; position:relative; overflow:hidden; float:left;} #TYT h1 { background: url('obrazki/linia_960.png') no-repeat left bottom; background-position:13px 30px; font-family:'Trebuchet MS', 'Arial'; color:#666666; font-size:24px; padding:0 0 25px 13px; margin:0 0 5px 0; font-weight:normal;} #SUBMENU2 { width:330px; height:150px; position:relative; overflow:visible; float:left; background: url('obrazki/submenu2_bg.jpg') no-repeat left top; background-position:15px 0px; } #SUBMENU2 p { font-family:Arial; font-size:12px; line-height:18px; margin:10px 0px 0px 40px; color:#fff; } #SUBMENU2 p span { font-size:18px; line-height:20px;} div.KONTAKT{ background:url('obrazki/kontakt_submenu_bg.jpg') no-repeat left top; height:85px; } div.KONTAKT p { font-family:'Trebuchet MS'; font-size:18px; line-height:24px; color:#fff; margin:8px 0 8px 40px; } #ZDJECIE { width:330px; position:relative; overflow:visible; float:left; } #ZDJECIE img {border:0; margin:0px 0px 0px -45px;} #CONTENT { width:645px; position:relative; overflow:visible; float:left; display:inline; display:inline; } #CONTENT h1 { font-size:24px; line-height:24px; margin:30px 15px 15px 0px; color:#333333; font-family:'Trebuchet MS'; font-style:normal; font-weight:normal; } #CONTENT p { color:#333333; font-family:Arial; font-size:12px; line-height:19px; } #CONTENT img.mazowieckie {margin:15px 20px 5px 15px; padding:0; border:0; float:right; } #CONTENT h2 { font-size:18px; line-height:18px; margin:25px 15px 15px 0px; color:#333333; font-family:'Trebuchet MS'; font-style:normal; font-weight:normal; } #CONTENT a {color:#cc6600; font-weight:bold; text-decoration:none; } #CONTENT a:hover {text-decoration:underline;} form input { border:1px solid #cccccc; height:30px; margin-top:20px; width:260px; background: url('obrazki/input_bg.jpg') repeat-x left top; font-size:11px; line-height:32px; color:#666666; padding:0px 10px 0px 10px; } form textarea { border:1px solid #cccccc; height:177px; margin-top:20px; width:320px; background: url('obrazki/input_bg.jpg') repeat-x left bottom; font-size:11px; color:#666666; padding:10px 10px 0px 10px; } form input.przycisk { background: url('obrazki/wyslij.jpg') no-repeat left top; border:0; padding:0; margin:10px 0px 15px 0px; cursor:pointer; width:95px; height:35px; float:right; } #CONTENT p.wymagane { color:#999999; font-size:11px; line-height:17px; text-align:right; margin-top:10px; } #CONTENT div { width:305px; position:relative; overflow:hidden; float:left; } #CONTENT div.tresc { width:340px; overflow:visible; } #CONTENT ul {margin:15px 0 15px 0; } #CONTENT li {font-size:12px; color:#333333; line-height:18px; margin-left:30px;} /*######################## REALIZACJE ########################## */ #TYTUL_REALIZACJE { width:980px; height:46px; margin:20px 0 0 0; padding:0; position:relative; overflow:hidden; float:left; background: url('obrazki/linia_960a.jpg') no-repeat left bottom; background-position:15px 34px; } #TYTUL_REALIZACJE h1 {font-family:'Trebuchet MS'; font-size:24px; color:#666666; font-weight:normal; margin:0 0 0 15px; padding: 0; } #LEFT_REALIZACJE { width:291px; position:relative; overflow:visible; float:left; margin:10px 0 0 0;} #LEFT_REALIZACJE ul{ padding:0px 0 0px 0px; margin:0px 0px 0px 15px; list-style:none; float:left; display:block; float:left; width:258px; border:1px solid #cccccc; } #LEFT_REALIZACJE li { background:url('obrazki/realizacje_lista1.jpg') no-repeat left top; line-height:29px; font-family:Arial; font-size:12px; font-weight:normal; color:#666666; height:29px; padding-left:40px; } #LEFT_REALIZACJE li.bialy { background:url('obrazki/realizacje_lista2.jpg') no-repeat left top; } #CONTENT_REALIZACJE { width:685px; position:relative; overflow:visible; float:left; display:inline; margin:10px 0 0 0; } #TEKST{ width:300px; height:46px; margin:0; padding:0; position:relative; overflow:hidden; float:left; } div.STRONICOWANIE { width:675px; height:46px; margin:0; padding:0; position:relative; overflow:hidden; float:left; } div.STRONICOWANIE ul { list-style-type:none; float:right; display:inline; margin:5px 0 0 0; padding:0; } div.STRONICOWANIE ul li { padding:0; margin:0 0 0 2px; width:28px; font-size:12px; line-height:27px; height:27px; white-space:nowrap; display:inline; float:left; font-weight:normal; text-align:center; } div.STRONICOWANIE ul li a { text-decoration:none; color:#999999; background: url('obrazki/str_nieaktywny.jpg') no-repeat left top; width:28px; height:27px; display:block; white-space:nowrap; text-align:center; line-height:27px;} div.STRONICOWANIE ul li a:hover { background: url('obrazki/str_aktywny.jpg') no-repeat left top; color:#666666;} div.STRONICOWANIE ul li a.active { background: url('obrazki/str_aktywny.jpg') no-repeat left top; text-decoration:none; color:#666666;} div.WORK { width:685px; position:relative; overflow:hidden; float:left; margin:0 0 25px 0; } div.ZDJECIE{ width:683px; float:left; overflow:hidden; position:relative; border:1px solid #cccccc; } div.ZDJECIE img {margin: 0 ; padding:0; position:relative; float:left; border:0;} div.ZAKRES { width:430px; position:relative; overflow:hidden; float:left;} div.ZAKRES p {color:#666666; font-family:Arial; font-size:12px; line-height:18px; margin:20px 20px 0px 0px; } div.TECHNOLOGIE { width:255px; position:relative; overflow:hidden; float:left;} div.TECHNOLOGIE img {margin:0 5px 5px 0; } div.TECHNOLOGIE p { color:#666666; font-family:Arial; font-size:12px; line-height:18px; margin:20px 20px 20px 0px;} div.TECHNOLOGIE a {color:#ff9933; text-decoration:none;} div.TECHNOLOGIE a:hover {text-decoration:underline;} div.PODPIS{ width:685px; float:left; overflow:hidden; position:relative; background: url('obrazki/kontakt_linia.jpg') repeat-x left bottom; height:60px; margin-top:10px; } div.PODPIS h1 { font-family:'Trebuchet MS'; font-size:24px; color:#666666; font-weight:normal; margin:20px 0 0 0; padding: 0; } #PASEK_DOLNY { width:980px; background:url('obrazki/kontakt_linia.jpg') repeat-x left top; height:60px; float:left; position:relative; overflow:hidden; margin: 0; padding:0 ; } #PASEK_DOLNY div.STRONICOWANIE {float:right;} /* SKOŚNE MENU NAWIGACYJNE */ #MENU ul{ padding:0; margin:0; list-style-type:none; width:100%; height:101px; background: url('obrazki/linia.png') no-repeat left bottom; background-position:20px 88px; font-family:'Trebuchet MS'; } #MENU li { background: url('obrazki/menu.png') no-repeat top left; background-position: 0px 0px; width:121px; /* |\_________ */ height:101px; float:left; line-height:101px; font-size:12px; } #MENU li.pusty {width:20px; height:100px; } #MENU a em { font-family:'Trebuchet MS'; line-height:101px; height:101px; font-size:12px; font-weight:bold; font-style:normal; } #MENU a { text-decoration:none; color:#999999; position:absolute; width:142px; /* chyba dowolne */ height:101px; display:block; font-size:12px; } #MENU a.m { line-height:101px; height:101px; color:#999999; text-indent:20px; /*wciecie napisu na nieaktywnym */ font-size:12px; } #MENU a.glowna{ text-indent:23px; } #MENU a.glowna:hover { text-indent:23px; } #MENU a.oferta{ text-indent:50px; } #MENU a.oferta:hover { text-indent:50px; } #MENU a.firma{ text-indent:44px; } #MENU a.firma:hover { text-indent:44px; } #MENU a.realizacje{ text-indent:35px; } #MENU a.realizacje:hover { text-indent:35px; } #MENU a.kariera{ text-indent:50px; } #MENu a.kariera:hover {text-indent:50px;} #MENU a.kontakt{ text-indent:47px; } #MENU a.kontakt:hover { text-indent:47px; } #MENU a:hover { width:142px; height:101px; z-index:500; line-height:101px; font-size:12px; } #MENU a:hover em { position:absolute; overflow:hidden; width:142px; height:101px; left:0px; top:0px; /*text-indent:20px; wciecie napisu na aktywnym */ color:#999999; line-height:101px; cursor:pointer; font-size:12px; } #MENU a.m em.aktywny { background: url('obrazki/menu.png') no-repeat top left; background-position: 0px -101px; line-height:101px; width:142px; height:101px; display:block; font-size:12px; } #MENU a:hover.m em { background: url('obrazki/menu.png') no-repeat top left; background-position: 0px -101px; height:101px; font-size:12px; } /* WYBÓR JĘZYKA NA STRONIE */ #LANG ul{ padding:0; margin:0; list-style-type:none; width:190px; font-family:'Trebuchet MS'; float:right; } #LANG li { background: url('obrazki/lang.png') no-repeat top left; background-position: 0px 0px; width:69px; /* |\_________ */ height:42px; float:left; line-height:41px; font-size:10px; } #LANG li.pusty {width:26px; height:41px; } #LANG a em { font-family:'Trebuchet MS'; line-height:41px; height:41px; font-size:10px; font-style:normal; } #LANG a { text-decoration:none; color:#999999; position:absolute; width:93px; /* chyba dowolne */ height:41px; display:block; font-size:10px; } #LANG a.m { line-height:41px; height:41px; color:#999999; text-indent:15px; /*wciecie napisu na nieaktywnym */ font-size:10px; } #LANG a.p { text-indent:35px; } #LANG a.e { text-indent:33px;} #LANG a:hover { width:93px; height:41px; z-index:500; line-height:41px; font-size:10px; } #LANG a:hover em { position:absolute; overflow:hidden; width:93px; height:41px; left:0px; top:0px; color:#ff9933; line-height:41px; cursor:pointer; font-size:12px; } #LANG a.m em.aktywny { background: url('obrazki/lang.png') no-repeat top left; background-position: 0px -41px; line-height:41px; width:93px; height:41px; display:block; color:#ff9933; font-size:10px; } #LANG a:hover.m em { background: url('obrazki/lang.png') no-repeat top left; background-position: 0px -41px; font-size:10px; }