/* ************ Szablon portalu *********** */ BODY {margin:0px;padding:0px; background-color:#D1D1D1; background-image: url(./../img/gradient.png); background-repeat:repeat-x; font-family: Arial; font-size:11px; color: #555555; SCROLLBAR-FACE-COLOR: #cccccc; SCROLLBAR-HIGHLIGHT-COLOR:#cccccc; SCROLLBAR-SHADOW-COLOR:#cccccc; SCROLLBAR-TRACK-COLOR:#FFFFFF; scrollbar-3d-light-color:#FFFFFF; SCROLLBAR-BASE-COLOR:#FFFFFF; SCROLLBAR-ARROW-COLOR:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;} * { padding:0px; margin:0px;} h1 {font-size:16px} .zakonczone {color:#999999} .zakonczone a.red {color:#666666} .zakonczone .z {color:#333333} /************ Ogólny schemat stron http://www.simur.pl *********************** */ #rezerwacja {width:300px; height:500px; background:#DDDDDD; border:solid 2px #555555; padding:5px; overflow:auto; visibility:hidden; z-index:100; position:absolute;} #rez_opis {position:relative; margin:auto; width:290px; z-index:101;} #top {width:100%; height:65px; clear:both;overflow: hidden; background-image:URL(./../img/pasek.png); background-repeat:repeat-x;} #top2 {width:800px; clear:both; overflow: hidden; margin:auto;} #logo {width:200px; float:left; overflow: hidden; margin-top:10px;} #dewiza{width:450px; float:left; overflow: hidden; margin-top:15px;} #kontakt {float: right; overflow: hidden; margin-top:50px;} #odstep {width:100%; height:10px; clear:both; overflow: hidden;} #ramka {width:822px; margin:auto; overflow: hidden; background:#BBBBBB;} #kartka {width:820px; overflow: hidden; margin:1px; background:#ffffff;} #baner{ width:800px; clear:both; overflow: hidden; background:url(./../img/baner_tlo.gif); margin:10px 10px 0px 10px; } #kartka2 {width:800px; clear:both; margin:auto;} #pasekld {width:11px; height:26px; float:left; overflow: hidden; background-color: #ebebeb; background-image:url(./../img/ld.png); z-index:10;} #mg {width:778px; height:26px; float:left; overflow: hidden; background-image:url(./../img/pasek.jpg); background-repeat:repeat-x; background-color: #ebebeb; } #pasekpd { width:11px; height:26px; float:left; overflow: hidden; background-image:url(./../img/pd.png); background-repeat:repeat-x; background-color: #ffffff; } /* główne poziome MENU u góry */ #dropmenudiv{ position:absolute;border:1px solid #cccccc;border-bottom-width: 0;font:normal 11px Arial; line-height:18px; z-index:100;} #dropmenudiv a{ width: 100%; display: block; text-indent: 3px;text-decoration: none; text-indent:12px; background-color:#f8f8f8; line-height:18px; font-family: Arial; font-size:11px; font-weight:bold; color:#666666; border-bottom: 1px solid #cccccc; padding: 1px 0;} #dropmenudiv a:hover{ background-color: #ffffff; background-image:url(../img/submenu.gif); color:#333333;} .menu { width:129px;height:26px;float:left;overflow: hidden;font-family: Arial; font-size:11px; font-weight:bold; color:#444444; text-decoration:none;} /* koniec poziomego MENU u góry */ /* ************ Boczne menu ****************** */ dl.menu_b {width:168px; background-color: #ffffff} dl, dt, dd {display: block;margin: 0px 1px 1px 0px;padding: 0;} dt {width: 168px;text-align:left;text-indent:20px;font-size:11px;background-color: #ffffff;border: 1px solid #cccccc;overflow: hidden;} dt a:active {background:transparent url(../img/submenu.gif);} dd {width: 168px;text-align:left;text-indent:30px;font-size:11px;background-color: #ffffff;border: 1px solid #cccccc;overflow: hidden;} dd a:active {background:transparent url(../img/submenu.gif);} dl a:link, dl a:visited {display: block;width: 168px;font-weight: bold; color: #666666;text-decoration: none;background-color: #f8f8f8;padding: 5px 0px 5px 0px;} dl a:hover {background-color: #ffffff;color: #333333;} dt.aktywne { background: url(../img/submenu.gif);border: 1px solid #59B11D;} /* koniec bocznego menu */ /* Podstawowe pudełko, prawa strona zwykłej podstrony np. o nas.html */ .pudelko { width:620px; overflow: hidden;float:right; margin:0px;padding:0px;background-color: #ffffff;} /*Pudełko na boczne menu,aktualności, formularz d.s. garaży */ .pudelko_mb {width:170px;float:left;margin:0px; padding:0px;background-color: #ffffff;} #garaze_form { width:170px;min-height:200px;margin-top:10px;} .w_form {width:170px;min-height:30px;float:right;text-align:right;overflow: hidden;} .garaze_form { width:110px;font-size:10px;border:solid 1px #8D9CAF;} .garaze_zam {width:70px;height:70px;float:right;overflow: hidden;border:solid 1px #8D9CAF;} .txtform {font-family: Arial;font-size:12px;color: #505050;position:relative; top: 17px;} .garaze_txtzam {width:165px;height:150px;float:right;font-size:10px;font-family:Arial;color:#111111;border:solid 1px #8D9CAF; background-color:#FFFFFF;padding:2px;} .button {width:60px;float:right; margin-top:5px;border:solid 1px #C0253B;background:#C0253B;color:#FFFFFF;font-size:10px} .pusty { width:auto;background-image:url(./../img/null.gif);background-color: transparent;height:10px;overflow: hidden; clear:both;margin:0px; padding:0px;} .ramka { width:616px;background-color: #fff;overflow: hidden;clear:both;padding:0px;border:1px solid #eee;z-index:1;} /* eliminować na rzecz #ramka */ .opis { text-align:justify;width:590px;line-height:22px;background-color: #fff;overflow: hidden;margin:auto;padding:10px;z-index:2;} /* eliminować na rzecz #opis */ .zdjecie {width:250px; float:left;overflow: hidden;height:250px;} #mapa { width:357px;float:left; margin-left:5px;overflow: hidden;padding:0px;height:245px;border: 1px solid #cccccc; background: gray; margin-left:10px;} #mapa_duza { width:596px;margin:5px;margin-top:0px;margin-bottom:10px;overflow: auto;padding:0px;height:400px;border: 1px solid #cccccc; background: gray;margin-left:10px;} .dojazd {width:300px;height:20px;overflow: hidden;float:right;text-align:right;margin-right:5px;} .sprzedaz {width:150px; height:20px;float: left;overflow: hidden;} .aktualnosci_b { width:170px;background-color: #fff;margin-top:15px;min-height:180px; clear:both; } #garaze_zam { width:170px;background-color: #fff;margin-top:15px;min-height:180px; clear:both; } #stopka {width:800px;clear:both;padding:15px;margin:auto;text-align:center;background-color:transparent;} .footer{ font-family: Arial;font-size:10px;font-weight:normal;text-decoration: none;color:#909090;} .linia {width:800px;height:1px; clear:both;margin:auto; background-color: #ccc;} /* ******************* Strona główna home.html ************************** */ /* Lewa kolumna na głównej stronie */ #koll { width: 480px;overflow: hidden;float:left;padding:0px;} .wl { width: 476px;background-color: #ffffff; overflow: hidden;clear:both;padding:0px;} .kol { width: 220px;padding:0px;float:left;overflow: hidden;margin:0px;margin-left:10px} .zdj { width:200px;float:left; overflow:hidden;padding:5px} .podzdj { width:180px;color:#1d541b;line-height:20px;clear:both;overflow:hidden;margin-top:10px; padding:5px;} .obokzdj {width:260px;float:right;padding:10px 0px 10px 5px;line-height:18px;} .obokzdjtyt {margin:10px;font-size:14px;font-weight:bold;} ul.lista2 { list-style-image:url(../img/piasek_5x6.gif);text-decoration: none;color:#918b5b;line-height:18px;} .strzakt {position:relative; top:13px} p.textakt {padding:0px 0px 2px 15px} /* Prawa kolumna na głównej stronie */ #kolp { width: 296px;overflow: hidden;float:left;margin-left:20px;padding:0px;} .wp {width: 296px;background-color: #ffffff;overflow: hidden;clear:both;padding:0px;} .certyfikat {width: 70px;background-color: #ffffff;float:left;overflow: hidden;padding-left:10px;} .opiscertyfikatu {width: 210px;padding: 0px 0px 0px 3px;float:right;line-height:18px;} /* koniec strony głównej */ /* wiersze i komójki do tabeli na stronie radanazorcza.html */ .bg_sz { background-color: #f5f5f5;} .w {width: 600px;clear:both;margin:auto;overflow: hidden;} .k1 {width:160px;float:left;overflow: hidden;margin-left:20px;} .k2 {width:30px;float:left;overflow: hidden;margin:0px 0px 0px 30px;} .k3 {width:300px;float:left;overflow: hidden;margin-left:30px;} /* koniec tabeli */ ul.lista {list-style-type: none;font-size:12px;font-weight:normal;color: #505050;line-height: 30px;} /* ************** Paski **************** */ /* najczęstszy format tekstu na paskach i listwach poszczegolnych podstron*/ .listwa {font-size:12px;color: #505050;font-weight:bold;position:relative; top: 6px; left:10px;} /* ***** Pask: polożenie, tło, rozmiar **************** */ .paseklg {width:11px;background-color: #ebebeb;background-image:url(./../img/lg.jpg); padding:0px;height:26px;float:left;overflow: hidden;} .pasekpg { width:11px;background-color: #ffffff;background-image:url(./../img/pg.jpg); background-repeat:repeat-x;height:26px; overflow: hidden;float:left;} .pasekb {width:1px;background-color: #ebebeb;background-image:url(./../img/pasek_b.gif); height:26px; float:left; overflow: hidden;} .pasek { background-image:url(./../img/pasek.jpg); background-repeat:repeat-x;background-color:#ebebeb; padding:0px; margin:0px; height:26px; overflow: hidden;float:left; } .pasek_tresc { width:608px;background-color: #ffffff;background-image:URL(./../img/pasek.jpg);padding: 0px;float:left;height:26px;} .pasek_bm {width:158px;background-color:#ffffff;background-image:URL(./../img/pasek.jpg);padding: 0px;float:left; height:26px;} /* **** Paski na index.html ******* */ .pasek_hl {width: 466px;background-color: #fff;background-image:URL(./../img/pasek.jpg);background-repeat:repeat-x;padding: 0px;float:left;height:26px;} .pasek_hp {width: 284px;background-color: #fff;background-image:URL(./../img/pasek.jpg);background-repeat:repeat-x;padding: 0px;float:left; height:26px;} /* **** Paski na szukaj.html ******* */ .pasek_sz { width:776px;height:26px;background-color:#ffffff;background-image:URL(./../img/pasek.jpg);float:left;} .pasek_wyniki { background-image:URL({$i}pasek.jpg) repeat-x; height:26px;} /* Koniec pasków */ /* ************** Style na pozostałych stronach ****************** */ .tab {width:600px; background-color:#fff;clear:both; overflow: hidden; vertical-align: top; margin-bottom:10px; margin-top:10px; padding:0px;} .ra { min-height:40px;} .ra2 { padding-top:8px;padding-bottom:8px} .persona_rn {text-align:left;text-indent:20px;font-weight:bold;font-size:12px;color:#777777;position:relative; top: 15px;} .stanowisko_rn {text-align:left;font-size:12px;color:#555555;position:relative; top: 15px;} /* Koniec radanadzorcza.html */ /* Podstrona zarzad.html */ .prezes {width:370px;float:left;overflow: hidden;padding:5px;} .prezesimg { width:200px;padding-top:5px;float:right;overflow: hidden;margin-left:10px;} /* Koniec zarzad.html */ /* Podstrona specjaliści.html */ .specjalista { width:180px;float:left;overflow: hidden;} .specjalisci { width:350px;float:right;overflow: hidden;} /* Koniec specjaliści.html */ /* Podstrona specjaliści2.html */ #Szwejkowska { font-weight:bold; } #Charmuszko { font-weight:bold; } #Lorencik { font-weight:bold; } #Ruszczyk { font-weight:bold; } #Pietruszka { font-weight:bold; } #Zuber { font-weight:bold; } #Kakol { font-weight:bold; } #Powalka { font-weight:bold; } #Zaron { font-weight:bold; } .w1_sp {height:55px;} .w2_sp {height:165px;} .w3_sp {height:105px;} .w4_sp {height:105px;} .w5_sp {height:55px;} .zakres {width:180px;overflow: hidden;float:left;} .osoba {width:170px;overflow: hidden;float:left;} .jedna {width:170px;clear:both;overflow: hidden;height:50px;} .pokoj {width:50px;overflow: hidden;float:left;} .pokoj2 {width:50px;clear:both;overflow: hidden;height:75px;} .telefon {width:170px;overflow: hidden;float:left;} .telefon2 {width:170px;clear:both;overflow: hidden;height:75px;} /* Koniec specjaliści2.html */ /* Sablon podstrony szukaj.html */ #ramka_sz {width:795px; min-height:145px; clear:both; overflow: hidden; background:#f4f4f4; border:1px solid #eeeeee; } #szukaj_form { width:785px; padding-bottom:10px; position:relative; top:5px; left:5px; z-index:1;} #szukaj_form p {display:inline; font-size:12px; color: #505050; margin-left:10px} #szukaj_form a:link {color:#505050;text-decoration:none;} #szukaj_form a:hover {color: #555555;text-decoration: none; background:#c3e7af;} #szukaj_form select {display:inline; width:110px; font-size:12px; margin-left:10px; border:solid 1px #505050; } #szukaj_form input {display:inline; width:60px; font-size:11px; text-align:center; margin-left:10px;} #szukaj_form input.lok {display:inline; width:15px; margin-left:10px;} #szukaj_form ul, ul li.lok {display:inline; list-style:none;} #szukaj_form ul li.lok {display:inline; white-space:nowrap;} #szukaj_form #zamow { width:90px; float:right;overflow:hidden; margin-right:25px; margin-bottom:15px; } /*przycisk wybierz */ #wyniki_listwa p {font-size:12px; color: #505050; font-weight:bold; position:relative; top: 6px; left:10px;} #wyniki_listwa a.bgz {color:#ffffff; text-decoration: none; background-color:#5db425; padding:2px 5px;} #wyniki_listwa a:link.bgz {color:#ffffff; text-decoration: none; background-color:#5db425; padding:2px 5px;} #wyniki_listwa a:hover.bgz {color: #ffffff; text-decoration: none; background-color:#5db425; padding:2px 5px;} /* poszczególne komórki na pasku w wynikach */ #wyniki_listwa div {text-align:center} /* kamórki paseka administratora */ #wyniki_listwa div.aznaczek {width:20px} #wyniki_listwa div.aadres {width:209px;} #wyniki_listwa div.apietro {width:60px} #wyniki_listwa div.ametraz {width:75px} #wyniki_listwa div.apokoje {width:80px} #wyniki_listwa div.acena {width:110px} #wyniki_listwa div.aplan {width:55px} #wyniki_listwa div.awidoczne {width: 85px} #wyniki_listwa div.adostepne {width:82px} #wyniki_listwa div.adrukuj {width:64px} /* kamórki paseka użytkownika */ #wyniki_listwa div.uadres {width:212px} #wyniki_listwa div.upietro {width:80px} #wyniki_listwa div.umetraz {width:100px} #wyniki_listwa div.upokoje {width:110px} #wyniki_listwa div.ucena {width:110px} #wyniki_listwa div.uplan {width:142px} #wyniki_listwa div.udrukuj {width:72px} /* wyniki wyszukiwania, właściwości ogólne struktury */ #wyniki div {height:24px; float:left; overflow:hidden; position:relative;top:5px;left:15px; text-align:center} #wyniki div.left {text-align:left} #wyniki p {font-size:12px;color: #505050;} #wyniki a:hover.bgz {color: #ffffff;background-color:#5db425;text-decoration: none;} /* wiersz, w którym są wyświetlane komórki z wynikami wyszukiwania */ #wyniki div.wiersz {margin-left:3px;width:792px;height:24px;float:left; padding:2px; border-bottom:solid 1px #CCCCCC; position:relative;top:-5px;left:-3px;} /* komórki z wynikami u administratora */ #wyniki div.aznaczek {width:25px;} #wyniki div.aadres {width:220px;} #wyniki div.apietro {width:60px;} #wyniki div.ametraz {width:75px;} #wyniki div.apokoje {width:80px;} #wyniki div.acena {width:115px;} #wyniki div.aplan {width:50px;} #wyniki div.awidoczne {width:90px;} #wyniki div.adostepne {width:70px;} #wyniki div.adrukuj {width:70px;} /* komórki z wynikami u użytkownika */ #wyniki div.uadres {width:232px;} #wyniki div.upietro {width:80px;} #wyniki div.umetraz {width:100px;} #wyniki div.upokoje {width:110px;} #wyniki div.ucena {width:110px;} #wyniki div.uplan {width:146px;} #wyniki div.udrukuj {width:72px;} /* przestarzałe */ .pd_szf {position:relative; top: 4px;} /* najprawdopodobniej nic nie określa i można wykasować */ .napis {font-size:12px; font-weight:normal; color: #555555;} /* najprawdopodobniej nic nie określa i można wykasować */ /* koniec szukaj.html */ /* ************** Pozostałe style ****************** */ p { margin:0px;padding:0px;} .news {padding:5px; background:#FAFAFA;} /*.red {color:#C0253B}*/ .red {color:#CC9900} .ramka_red { color:#C0253B; padding:10px; text-align:left; margin:2px} .f11 {font-size: 11px} .f12 {font-size: 12px} .formularz {background:#f4f4f4;float:right;} /* linki, większość nie jest używana, zrobić generalny porządek */ a {text-decoration:none;color:#0E5B12;} a:link {color:#505050;text-decoration: none;} a:hover {color: #555555;text-decoration: none;} a:visited {color: #555555;text-decoration: none} a:active {color: #505050;text-decoration: none } a.z {color:#5DB928} a.red {color:#CC9900;font-weight:bold} a.red:hover {text-decoration:blink} a.wa:hover {background:#439F0E;color:#FFFFFF} a.normal {font-family: Arial; font-size:12px; color:#505050; text-decoration: none;} a.normal:hover {font-family: Arial; font-size:12px;color: #555555;text-decoration: none;background:#c3F79f;} a.aukcje {font-family: Arial; font-size:12px; color:#996600; text-decoration: none;} a.aukcje:hover {text-decoration: underline;} a.amenu {font-size:11px;color:#555555;font-weight:bold} a.male {font-family: Arial;font-size:10px;font-weight:bold; color:#154d20;text-decoration: none} a.malez {font-family: Arial;font-size:10px; color:#59b021;text-decoration: none} a.piasek {text-decoration:none; color:#918b5b;} a.piasek:hover {text-decoration:none;color:#505050;background: #ecebe3} a.piasek:visited {text-decoration:none;color:#7e7843;} a.podkreslenie {text-decoration:underline;}tekst a.podkreslenie:hover {text-decoration:none;} a.antyPodkreslenie {text-decoration:none;} a.antyPodkreslenie:hover {text-decoration:underline;} a.lin:link {font-family: Arial; font-size:12px;color:#505050;text-decoration: none;} a.lin:visited {font-family: Arial; font-size:12px;color: #555555;text-decoration: none} a.lin:active {font-family: Arial; font-size:12px;color: #505050;text-decoration: none } a.lin:hover {font-family: Arial; font-size:12px;color: #555555;text-decoration: none;background:#c3e7af;} .link A:link {font-family: Arial; font-size:12px;color:#505050;text-decoration: none;} /* najprawdopodobniej nic nie określa i można wykasować */ .link A:visited {font-family: Arial; font-size:12px;color: #555555;text-decoration: none} /* najprawdopodobniej nic nie określa i można wykasować */ .link A:active {font-family: Arial; font-size:12px;color: #505050;text-decoration: none } /* najprawdopodobniej nic nie określa i można wykasować */ .link A:hover {font-family: Arial; font-size:12px;color: #555555;text-decoration: none;background:#c3e7af;} /* najprawdopodobniej nic nie określa i można wykasować */ a.link:link {font-family: Arial; font-size:12px;color:#505050;text-decoration: none;} a.link:visited {font-family: Arial; font-size:12px;color: #555555;text-decoration: none} a.link:active {font-family: Arial; font-size:12px;color: #505050;text-decoration: none } a.link:hover {font-family: Arial; font-size:12px;color: #555555;text-decoration: none;background:#c3e7af;} .linc A:link {font-family: Arial; font-size:12px;color:#505050;text-decoration: none;} /* najprawdopodobniej nic nie określa i można wykasować */ .linc A:visited {font-family: Arial; font-size:12px;color: #555555;text-decoration: none} /* najprawdopodobniej nic nie określa i można wykasować */ .linc A:active {font-family: Arial; font-size:12px;color: #505050;text-decoration: none } /* najprawdopodobniej nic nie określa i można wykasować */ .linc A:hover {font-family: Arial; font-size:12px;color: #333333;text-decoration: none;} /* najprawdopodobniej nic nie określa i można wykasować */ a.linc:link {font-family: Arial; font-size:12px;color:#505050;text-decoration: none;} a.linc:visited {font-family: Arial; font-size:12px;color: #555555;text-decoration: none} a.linc:active {font-family: Arial; font-size:12px;coltekstor: #505050;text-decoration: none } a.linc:hover {font-family: Arial; font-size:12px;color: #333333;text-decoration: none;} .link1 A:link {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none;} /* najprawdopodobniej nic nie określa i można wykasować */ .link1 A:visited {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none} /* najprawdopodobniej nic nie określa i można wykasować */ .link1 A:active {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none } //* najprawdopodobniej nic nie określa i można wykasować */ .link1 A:hover {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none;background: #c3e7af;} /* najprawdopodobniej nic nie określa i można wykasować */ a.link1:link {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none;} a.link1:visited {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none} a.link1:active {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none } a.link1:hover {font-family: Arial; font-size:11px;color:#1d541b;text-decoration: none;background: #c3e7af;} .link3 A:link {font-family: Arial; font-size:12px;color:#918b5b;text-decoration: none;} /* najprawdopodobniej nic nie określa i można wykasować */ .link3 A:visited {font-family: Arial; font-size:12px;color:#918b5b;text-decoration: none} /* najprawdopodobniej nic nie określa i można wykasować */ .link3 A:active {font-family: Arial; font-size:12px;color:#918b5b;text-decoration: none } /* najprawdopodobniej nic nie określa i można wykasować */ .link3 A:hover {font-family: Arial; font-size:12px;color: #918b5b;text-decoration: none;background: #c3e7af;} /* najprawdopodobniej nic nie określa i można wykasować */ a.link3:link {font-family: Arial; font-size:12px;color:#918b5b;text-decoration: none;} a.link3:visited {font-family: Arial; font-size:12px;color:#918b5b;text-decoration: none} a.link3:active {font-family: Arial; font-size:12px;color:#918b5b;text-decoration: none } a.link3:hover {font-family: Arial; font-size:12px;color: #918b5b;text-decoration: none;background: #c3e7af;} a.link4 {font-family: Arial; font-size:11px;color:#175121;text-decoration: none;} .link4 A {font-family: Arial; font-size:11px;color:#175121;text-decoration: none;} /* najprawdopodobniej nic nie określa i można wykasować */ /* ogólne cechy komórki i kolumny */ div .k { float:left;overflow:hidden;} /* formatowanie tekstu */ .m { font-size:11px;} .i { font-style:italic;} .r { text-align:right;} .l { text-align:left;} .b { font-weight:bold;color:#555555; } .z { color:#1d541b;} .g { color:#416589;} .zl { color:#918b5b;} .c { } .up { text-transform:uppercase;} .tekst {font-size:12px;font-weight:normal;color: #505050;} .text{ font-size:12px;} .blad{ font-family:Tahoma;font-size:11px;} .std11{ color:#000000;text-decoration:none;} /* obramowanie */ .szukaj {border:solid 1px #555555;} /* Przesunięcie w dół */ .pd { position:relative; top: 10px;} .pd2 { position:relative; top: 18px;} .pd3 { position:relative; top: 3px;} .pd15 { position:relative; top: 15px;} .pd20 { position:relative; top: 20px;} /* Przesunięcie na prawo */ .pp { position:relative; left: 10px;} /* Przesunięcie na prawo i w dół */ .ppd { position:relative; top: 6px; left:10px;} /* Przesunięcie w górę */ .pg3 { position:relative; bottom: 3px;}