body {margin:0; padding: 0} #main {margin: 10px auto; width:900px; padding:0} a:link {text-decoration:none;color:#2189d1; font:normal 12px Verdana} a:visited {text-decoration:none; font:normal 12px Verdana} a:active {text-decoration:none;color:#2189d1; font:normal 12px Verdana} a:hover {text-decoration:underline;color:#2189d1; font:normal 12px Verdana} form {margin:0; padding:0} img {border:0; margin:0} .clear {clear:both; line-height:0; font-size:1px} /* top */ #gora { height: 319px; position: relative; z-index: 10; } #gora h1 { margin: 0; padding: 0; position: absolute; z-index: 30; width:255px; height:102px; top: 0; left: 0; } #nav { width:327px; height:102px; position: absolute; right:0; top: 0; margin: 0; padding: 0; z-index: 30;} #nav li { display: block; float: left; width: 81px; list-style: none; margin-top:15px } #nav a, #nav a:visited { display:block; color:#bfbfbf; font:11px Tahoma; text-align:center; width:61px; padding:19px 10px 0 10px; background-repeat: no-repeat; background-position: 50% 0; border-right:1px solid #c7e7f6; } #tp_zaloguj {background-image:url(../images/tp_zaloguj.jpg); } #tp_mapa {background-image:url(../images/tp_mapa.jpg); } #tp_en {background-image:url(../images/tp_en.jpg); } #nav #tp_de {background-image:url(../images/tp_de.jpg); border: none; } #nav #tp_pl {background-image:url(../images/t_pl.jpg); border: none; } a.more { display:block; width: 90px; height: 23px; text-indent: -999em; text-decoration: none; background: url(../images/zobacz-wiecej.png) no-repeat; overflow: hidden; } #doradztwo { right: 0; bottom: 0; position: absolute; width: 232px; height: 127px; padding: 70px 32px 10px 13px; background: #7dd6fc url(../images/doradztwo_bg.jpg) no-repeat; color: #426c7d; font: normal 11px/1.4 Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; overflow: hidden; } * html #doradztwo { bottom: -1px; } #doradztwo p { margin: 0 0 20px; padding: 0; } #doradztwo h2 { margin: 0; padding: 0; position: absolute; top: -999em; } #gora div.referencje { width: 623px; height: 319px; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden;} #gora div.active { visibility: visible; } #gora div.referencje p { margin: 277px 0 0 14px; } #gora #steelpress { background: url(../images/referencje/steelpress-header.jpg) no-repeat; } #gora #commercialunion { background: url(../images/referencje/commercialunion-header.jpg) no-repeat; } #gora #wykop { background: url(../images/referencje/wykop-header.jpg) no-repeat; } #gora #pslogistics { background: url(../images/referencje/pslogistics-header.jpg) no-repeat; } #gora #cerrad { background: url(../images/referencje/cerrad-header.jpg) no-repeat;} #gora #enea {background: url(../images/referencje/enea-header.jpg) no-repeat;} #gora #nastawianiekregoslupa {background: url(../images/referencje/nastawianiekregoslupa-header.jpg) no-repeat;} #gora div.referencje div.description { position: absolute; top: -999em; } /* lewo */ #l {width:277px; float:left} #l_analiza {width:277px; height:91px} #l_pozycjonowanie {width:277px; height:91px} #l_google {width:277px; height:91px} #l_pliki {width:275px; border:1px solid #cee2ee; margin-top:2px; padding:50px 0 7px 0; background:#f5fafc url(../images/l_pliki.jpg) no-repeat top left} #l_pliki a {display:block; width:220px; margin:0 auto; padding:10px 0 10px 25px; border-top:1px solid #e5edf2; background:url(../images/l_pdf.jpg) no-repeat 5px 8px; color:#394a61; font:12px Tahoma} #l_kontakt {width:277px; height:90px; margin-top:2px} #l_newsletter {width:275px; height:50px; overflow:hidden; border:1px solid #cee2ee; margin-top:2px; padding:20px 0 10px 0; background:#f5fafc url(../images/l_newsletter.jpg) no-repeat top left; color:rgb(167,171,174)} #l_newsletter .add {padding:5px 0 7px 17px; font:11px Tahoma;} #l_newsletter .mail {border:1px solid #d8e6ef; color:#a6a6a6; padding:2px 0 0 1px; font:12px Verdana; width:178px; height:19px; float:left; margin:0 0 0 17px} #l_newsletter .dodaj{margin:0 0 0 3px; float:left} /* prawo */ #p {float:right; width:623px} /* main menu */ #m {width:623px; height:48px; overflow:hidden;} #m a { display:block; float:left; height:27px; padding:17px 17px 0 22px; border-right:1px solid #e5e5e5; font: bold 12px Arial,Helvetica,sans-serif; letter-spacing:0.2px; text-transform: uppercase; background:url(../images/m_bg.jpg) -8px 0 no-repeat; color:#000; border-bottom: 4px solid #e5e5e5; } #m a:hover, #active-homepage #m_homepage, #active-company #m_company, #active-offer #m_offer, #active-testimonials #m_testimonials, #active-jobs #m_jobs, #active-contact #m_contact { background:url(../images/m_bg_active.jpg) no-repeat top center; color:rgb(65,173,226); border-bottom:4px solid #41ade2; text-decoration:none} #m_homepage { width: 112px; border-left:1px solid #e5e5e5; } #m_company { width: 51px; } #m_offer { width: 46px; } #m_testimonials { width: 75px; } #m_jobs { width: 41px; } #m_contact { width: 57px; } /* tresc */ h1 {font:normal 18px Arial; color:rgb(81,160,218); line-height:100%; margin: 25px 0 20px 30px; padding:0} h2 {font:normal 16px Arial; color:#2189d1; line-height:100%; padding: 23px 0 10px 50px; margin:0; width:560px; background:url(../images/tresc/h2.jpg) no-repeat top left} h2.nobg {background:url(../images/tresc/h2_nobg.jpg) no-repeat 21px 16px} h3 {font:normal 16px Arial; color:#2189d1; line-height:100%; padding:0; margin:20px 0 0 0} h4 {font:bold 13px Verdana; color:#000; line-height:100%; padding:0; margin:20px 0 5px 0} ul.grot {list-style-type:none; padding:10px 0 10px 23px; margin:0} ul.grot li {display: block; background:url(../images/tresc/grot.gif) no-repeat 5px 8px; padding:0 0 0 15px; margin:2px 0 0 0} ol {padding:10px 0 10px 43px; margin:0} ol li {color: #2382d2} ol li span {color: #000000} .ident {padding:0 0 0 30px} div {font:12px Verdana; line-height:160%} div.box {width: 610px; margin:4px auto; padding:0; border:1px solid #dee7ed} div.box p {margin:0; padding:10px 10px 10px 23px} div.box a:link, div.box a:visited, div.box a:active, div.box a:hover {color:#2189d1; font:normal 12px Verdana} div.gl_1 {width:310px; float:left; border-right:1px solid #e5e5e5; padding:0 5px 0 0; margin:10px 0 0 0} div.gl_1 h1 {margin:15px 0 13px 25px} div.gl_2 {width:300px; float:left; padding:0; margin:10px 0 0 0} div.gl_2 h1 {margin:15px 0 13px 15px} div.gl_3 {background:#f6f6f6; margin:7px 0 0 0; padding:30px 20px 20px 20px} div.gl_3 h1 {margin:0 0 5px 0} div.gl_3 b {color:#2189d1} div.oferta {padding:2px 0 0 0; margin:0 0 0 30px; width:586px} div.oferta a.tytul {display:block; font:normal 16px Arial; color:#2189d1; line-height:100%; margin:0 0 10px 0; padding:0 0 0 20px; width:280px; background:url(../images/tresc/oferta/grot.jpg) no-repeat top left} div.oferta a.grot {background:url(../images/tresc/grot.gif) no-repeat center right; padding-right:7px} div.oferta_l {float:left; width:200px; margin-right:15px} div.oferta_p {float:left; width:370px} div.poz_1 {background:url(../images/tresc/bg_poz_1.jpg) no-repeat bottom center} div.poz_2 {background:url(../images/tresc/bg_poz_2.jpg) no-repeat bottom center} div.poz_3 {background:url(../images/tresc/bg_poz_3.jpg) no-repeat bottom center} div.poz_4 {background:url(../images/tresc/bg_poz_4.jpg) no-repeat bottom center} div.anal_1 {background:url(../images/tresc/bg_anal_1.jpg) no-repeat bottom center} div.anal_2 {background:url(../images/tresc/bg_anal_2.jpg) no-repeat bottom center} div.anal_3 {background:url(../images/tresc/bg_anal_3.jpg) no-repeat bottom center} div.google_1 {background:url(../images/tresc/bg_google_1.jpg) no-repeat bottom center} div.google_2 {background:url(../images/tresc/bg_google_2.jpg) no-repeat bottom center} div.google_3 {background:url(../images/tresc/bg_google_3.jpg) no-repeat bottom center; margin-top:-45px;} div.google_4 {background:url(../images/tresc/bg_google_4.jpg) no-repeat bottom center} div.testimonial {background:url(../images/tresc/bg_google_1.jpg) no-repeat bottom center; padding-bottom: 30px; } .google_adwords1 {margin:0 auto; text-align:center; width:540px; padding-left:25px; padding-top:10px} .google_adwords1 div {width:180px; float:left; text-align:center; font:normal 12px Arial; color:#404040} .google_adwords2 {margin:0 auto; text-align:center; width:540px; padding-left:25px; padding-top:10px} .google_adwords2 div{font:normal 12px Arial; width:180px; float:left; text-align:left} .google_adwords2 b {display:block; margin-bottom:2px;font:bold 16px Arial; color:#0000CC; text-decoration:underline} .google_adwords2 u {display:block; padding-top:1px; text-decoration:none; color:#009800} div.more_info {width: 623px; height:135px; margin:4px auto; padding:0; border:0; font:12px Verdana; line-height:160%; background:url(../images/tresc/more_info.jpg) no-repeat center center} .more_info a, .more_info a:visited {color:#2189d1} div.more_info h2 {background:none; padding-left:55px} div.more_info p {margin:0; padding:10px 10px 10px 27px} /* stopka */ div.stopka {width:900px; overflow:hidden; height:17px; margin:0px auto; padding:15px 0 15px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2} div.stopka_l {height:17px; overflow:hidden; float:left; width:500px} div.stopka_p {height:17px; overflow:hidden; float:right; width:100px; text-align:right} div.stopka img {margin:0 3px 5px 0} div.stopka ul {margin:0; padding:0; list-style-type:none} div.stopka li {float:left; display:block; border:0px solid red; background:url(../images/tresc/grot.gif) no-repeat center left; padding:0 0 0 10px; margin:0 10px 0 0px; line-height:100%} div.stopka a:link, div.stopka a:visited, div.stopka a:active, div.stopka a:hover {color:black; font:12px Verdana} div.footer {float:right; width:757px; margin-top:10px} div.copy {color:#9e9e9e; font:11px Verdana; float:left; width:340px; padding:0;text-align:right} div.footer ul {margin:0; padding:0; list-style-type:none; float:left; width:413px} div.footer li {font:11px Verdana; float:left; display:block; background:url(../images/tresc/grot.gif) no-repeat center left; padding:0 0 0 10px; margin:0 0px 0 10px; line-height:100%} div.footer a:link, div.footer a:visited, div.footer a:active, div.footer a:hover {color:#9e9e9e; font:11px Verdana} form {margin:0; padding:0} label, input, select {font:12px Verdana} .light_400 {width:400px; padding:10px 0 0 25px} .light_400 br {display:block; clear:both; border:1px solid black; line-height:0} .light_400 label {display:block; float:left; width:150px; text-align:left; padding-top:3px} .light_400 input, .light_400 textarea {display:block; margin:2px 0px 2px 160px; width:200px; border:1px solid black;} .wyslij {display:block; width:70px; height:23px; margin:10px auto; border:0; margin-left:290px; margin-top:20px} .checkbox {margin:0px} #konsultacje hr {height:1px; border:0; margin:4px 0px 4px 0px; padding:0; background:#e5e5e5;color:#e5e5e5} /* aktualizacja */ #l_certyfikaty { width: 277px; height: 90px; background: url(../images/certyfikaty/l_certyfikaty_bg.png) no-repeat; position: relative; margin: 2px 0;} #l_certyfikaty h2, #l_certyfikaty p, #l_certyfikaty ul, #l_certyfikaty a, #l_certyfikaty li { text-indent: -999em; margin: 0; padding: 0; background: none; width: auto; display: inline; } #l_certyfikaty li { list-style: none; } #l_certyfikaty h2 { display: block; } * html #l_certyfikaty h2 { display: inline; } #l_certyfikaty a { display: block; width: 277px; height: 90px; text-decoration: none; position: absolute; left: 0; top: 0; overflow: hidden; } * html #l_certyfikaty a { background: url(../images/blank.png); } #l_certyfikaty img { position: absolute; left: 9px; top: 12px; display: none; } #l_konfigurator { margin: 2px 0; } #l_konfigurator img { display: block; } ul.certyfikaty { width: 565px; margin: 0 auto 1em; padding: 0; overflow: hidden; } ul.certyfikaty li { margin: 0; border-top: 1px solid #ecf2f5; padding: 15px 0; overflow: hidden; list-style: none; width: 100%; } ul.certyfikaty li.first { border: none; } ul.certyfikaty img { float: left; margin-right: 20px; } ul.certyfikaty #wcp { margin-left: 39px; } ul.certyfikaty p { margin: 0; line-height: 1.3;} ul.certyfikaty ul {margin-left: 140px;} ul.certyfikaty ul li {display: block; float: left; width: 110px; border: none; padding: 0px 5px 0px 5px;} #reference { font-weight: block; color: #2189d1; margin-bottom: 30px; } #reference a { font-weight: normal; } #gaci_large { float: right; margin: 10px 20px 10px 10px; width: 104px; height: 104px; } #gaci_large img, #gaci_large img a { display: block; } /* Referencje */ div.paging { padding: 1em 35px; border-bottom: 1px solid #dae6ec; margin: 0 auto 1em; color: #dae6ec; width: 540px; font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; } div.paging span { visibility: hidden; margin: 0 -15px; } div.paging a { color: #000; margin: 0 14px; } div.paging em { color: #2189d1; margin: 0 14px; font-style: normal;} ul.testimonial-list { width: 610px; margin: 0 auto 1em; padding: 0; overflow: hidden; } ul.testimonial-list li { margin: 0; border-top: 1px solid #ecf2f5; padding: 15px 0; overflow: hidden; list-style: none; width: 100%; } ul.testimonial-list li.first { border: none; } ul.testimonial-list img { float: left; margin-right: 20px; } ul.testimonial-list div.description { color: #2189d1; margin: 0 0 1em; height: 1%; } ul.testimonial-list p { margin: 0; line-height: 1.3;} ul.testimonial-list p a.more { margin-top: 0.8em; } div.referencja_top { height: 165px; width: 564px; margin: 1em auto; padding: 24px; } div.referencja_top p { margin: 0;} div.referencja_top div.description { font: normal 16px Arial, Helvetica, sans-serif; color: #2189d1; margin-bottom: 1em; } div.fullreference { width: 564px; padding: 0 24px; margin: 1em auto; border-bottom: 1px solid #dae6ec; } div.fullreference p { margin-bottom: 1em; } #reference-steelpress { background: url(../images/referencje/steelpress.jpg) no-repeat; } #reference-commercialunion { background: url(../images/referencje/commercialunion.jpg) no-repeat; } #reference-wykop { background: url(../images/referencje/wykop.jpg) no-repeat; } #reference-pslogistics { background: url(../images/referencje/pslogistics.jpg) no-repeat; } #reference-cerrad {background: url(../images/referencje/cerrad.jpg) no-repeat; } #reference-enea {background: url(../images/referencje/enea.jpg) no-repeat; } #reference-nk {background: url(../images/referencje/nastawianiekregoslupa.jpg) no-repeat; } a.next-reference { display:block; width: 70px; height: 23px; text-indent: -999em; text-decoration: none; background: url(../images/nastepne.png) no-repeat; overflow: hidden; margin-left: 30px; } /* Konfigurator */ #konfigurator { overflow: hidden; width: 595px; margin: 10px 0 0 30px; padding: 0; font: normal 12px/1.4 Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; } * html #konfigurator { width: 593px; } #konfigurator label { font: normal 12px/1.4 Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; } #konfigurator legend { display: none; } #konfigurator fieldset { padding: 0; margin: 0; border: none; float: left; width: 300px; padding: 0 15px 0 0; } #konfigurator ol { padding: 0; margin: 0; } #konfigurator ol li { padding: 0; margin: 0 0 1em; list-style-position: inside; } #konfigurator ol li p { display: inline; margin: 0; padding: 0; } #konfigurator a { color: #2382D2; text-decoration: underline; font: normal 12px/1.4 Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif; } #konfigurator ul { padding: 0; margin: 1em 0; overflow: hidden; } #konfigurator ul li { list-style: none; color: #000; margin: 0.5em 0; padding: 0 0 0 25px; position: relative; list-style-position: outside; } * html #konfigurator ul li { height: 1%; } #konfigurator ul li input { position: absolute; left: 0; top: 0; padding: 0; margin: 0; height: 1.4em; } #konfigurator div.global-error { padding: 5px 1em; text-align: center; color: #5F1215; background: #FFAFB2; margin: 1em 0; } #konfigurator strong.error { display: block; padding: 5px 0; color: #c33; clear: both; } #konfigurator div.send-success { padding: 5px 1em; text-align: center; color: #2D5F1D; background: #9CFC7E; margin: 1em 0; } #kod-promocyjny, #humanizer { width: 275px; margin: 0.5em 0; } #konfigurator ol li.captcha { list-style: none; clear: both; list-style-position: outside; } #konfigurator #dane-kontaktowe div { overflow: hidden; margin: 0.5em 0; clear: both; } #konfigurator #dane-kontaktowe div label { float: left; width: 105px; color: #000; } #konfigurator #dane-kontaktowe div input, #konfigurator #dane-kontaktowe div textarea { float: left; width: 170px; } #konfigurator ol li.submit { list-style: none; text-align: right; margin: 0 20px 1em 0; padding: 0; } #konfigurator-opcje { width: 275px; float: left; border: 1px solid #e7ecf0; } #konfigurator-opcje div.intro { background: url(../images/konfigurator/intro-opcje.png) no-repeat; width: 275px; height: 135px; } #konfigurator-opcje div.intro * { position: absolute; top: -999em; left: 0; } #konfigurator-opcje div.opcja { background: url(../images/konfigurator-opcje-bg.jpg) repeat-x; padding: 20px; position: relative; } #konfigurator-opcje div.opcja-a { width: 237px; position: absolute; top: 20px; left: 20px; } #konfigurator-opcje div.opcja-a * { position: absolute; top: -999em; } #konfigurator-opcje div.opcja-a a { top: 0; left: 0; display: block; width: 237px; position: absolute; text-indent: -999em; text-decoration: none; overflow: hidden; } #opcja-pakiety, #opcja-pakiety div.opcja-a, #opcja-pakiety div.opcja-a a { height: 152px; } #opcja-pakiety #pakiet-mini { background: url(../images/konfigurator/pakiety.png) no-repeat; } #opcja-pakiety #pakiet-standard { background: url(../images/konfigurator/pakiety.png) -237px 0 no-repeat; display: none; } #opcja-pakiety #pakiet-premium { background: url(../images/konfigurator/pakiety.png) -474px 0 no-repeat; display: none; } #opcja-strategie, #opcja-strategie div.opcja-a, #opcja-strategie div.opcja-a a { height: 103px; } #opcja-strategie #strategia-agresywna { background: url(../images/konfigurator/strategia.png) no-repeat; } #opcja-strategie #strategia-optymalna { background: url(../images/konfigurator/strategia.png) -237px 0 no-repeat; display: none; } #opcja-strategie #strategia-oszczednosciowa { background: url(../images/konfigurator/strategia.png) -474px 0 no-repeat; display: none; } #opcja-strategie #strategia-gwarantowana-cena { background: url(../images/konfigurator/strategia.png) -711px 0 no-repeat; display: none; } #opcja-zasieg, #opcja-zasieg div.opcja-a, #opcja-zasieg div.opcja-a a { height: 196px; } #opcja-zasieg #zasieg-miedzynarodowy { background: url(../images/konfigurator/zasieg.png) no-repeat; } #opcja-zasieg #zasieg-krajowy { background: url(../images/konfigurator/zasieg.png) -237px 0 no-repeat; display: none; } #opcja-zasieg #zasieg-regionalny { background: url(../images/konfigurator/zasieg.png) -474px 0 no-repeat; display: none; } #opcja-czas-emisji, #opcja-czas-emisji div.opcja-a, #opcja-czas-emisji div.opcja-a a { height: 99px; } #opcja-czas-emisji #czas-emisji-1 { background: url(../images/konfigurator/czas.png) no-repeat; } #opcja-czas-emisji #czas-emisji-2 { background: url(../images/konfigurator/czas.png) -237px 0 no-repeat; display: none; } #opcja-czas-emisji #czas-emisji-3 { background: url(../images/konfigurator/czas.png) -474px 0 no-repeat; display: none; } #opcja-czas-emisji #czas-emisji-4 { background: url(../images/konfigurator/czas.png) -711px 0 no-repeat; display: none; } #uwaga { height: 112px; } #uwaga div.opcja-a { height: 112px; background: url(../images/konfigurator/uwaga.png) no-repeat; } #konfigurator-opcje #kupon { width: 273px; height: 139px; padding: 0; margin: 0; } #kupon div.opcja-a { background: url(../images/konfigurator/kupon.png) no-repeat; padding: 0; margin: 0; top: 0; left: 0; width: 273px; height: 139px; } .konfigurator-tooltip { width: 400px; } #konfigurator .przypisy { position: absolute; left: -999em; top: -999em; } .cert_analitycs {margin-top: 20px; margin-left: 70px;} .cert_analitycs li {display: block;} .certA {width: 400px;} .certA li {display: block; width: 120px; border: 2px solid black;}