/* CSS Document */ body { margin: 0; padding: 0; background: url(../images/tlo.jpg) repeat-x top; background-color: #C1D6EB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; /*page centering in IE 5.x*/ } a, img { border: none; } a { text-decoration: underline; color: #003265; } a:hover { text-decoration: none; } form, fieldset { border: none; margin: 0; padding: 0; } #wraper { color: #003367; text-align: left; width: 799px; margin: 0 auto; padding-top: 37px; } #maincont { border-top: 4px solid #fff; border-bottom: 4px solid #fff; clear: both; background: url(../images/main_bg.gif); } #footer { border-top: 23px solid #FFC600; font-family: Arial, Helvetica, sans-serif; color: #000; padding-top: 10px; height: 60px; } .nobis { float: right; } .copy { float: left; } #footer a { color: #000; text-decoration: none; } #footer a:hover { text-decoration: underline; } /*kolumny*/ .logocol { width: 155px; float: left; } .logo { width: 155px; height: 181px; display: block; background-color: #003367; border-bottom: 4px solid #fff; } .help { padding-top: 14px; padding-left: 17px; padding-bottom: 20px; } .helpTop { background: url(../images/help_top.gif) no-repeat top; width: 119px; padding-top: 5px; } .helpBottom { background: url(../images/help_bottom.gif) no-repeat bottom; width: 119px; padding-bottom: 5px; } .helpCont { color: #1b1b1f; background: url(../images/help_text.gif) no-repeat 50% 5% #edf5fc; padding-top: 30px; font-size: 10px; padding-left: 5px; padding-right: 5px; } .maincol { width: 636px; border-left: 4px solid #fff; border-right: 4px solid #fff; float: left; position: relative; } h1 { display:block; margin: 0; padding: 0 0 0 28px; font-size: 26px; height: 50px; line-height:64px; background-color: #fff; font-weight:normal; } div.h1line {background:#fff;} div.h1line div {margin: 0 20px;height:10px;border-top:1px solid #708DAA;} h1.przesyl { background: url(../images/przesylanie_h.gif) no-repeat 11px 20px #fff; } h1.zamKoszyk { background: url(../images/zam_koszyk_h.gif) no-repeat 11px 20px #fff; } h1.zamPunkt { background: url(../images/zamow_punktk_h.gif) no-repeat 11px 20px #fff; } h1.zamWybor { background: url(../images/zam_h_wybor.gif) no-repeat 11px 20px #fff; } h1.zamMetod { background: url(../images/przesylanie_zd_metod_h.gif) no-repeat 11px 20px #fff; } h1.zamPodsum { background: url(../images/zam_podsum_h.gif) no-repeat 11px 20px #fff; } h1.obrH { background: url(../images/obrobka_h.gif) no-repeat 11px 20px #fff; } h1.photoMaintan { background: url(../images/zarzad_zd_h.gif) no-repeat 11px 20px #fff; } .contentSite { padding: 27px; } .contentSite2 { padding: 27px; padding-right: 25px; } div.tableContainer { border-right: 1px solid #D1E0EF; border-bottom: 2px solid #D1E0EF; margin-left: 1px; } div.tableContainer2 { border: 1px solid #7DA0C5; background-color: #fff; padding: 2px; padding-bottom: 6px; margin-left: -1px; margin-top: -1px; line-height:17px; } div.do_gory {text-align:right; padding-right:8px} div.do_gory a { font-weight:normal;color:#678fb7; text-decoration:none;} div.do_gory img {position:relative; top:-26px} .info { background-color: #e2f2ff; color: #1b1b1f; padding: 15px 19px; margin-bottom: 1px; border-bottom: 1px solid #b5ccec; } dl, dt, dd { margin: 0; padding: 0; } form#przeglad dl { clear: both; border-bottom: 1px solid #b5ccec; padding-left: 16px; padding-top: 10px; padding-bottom: 10px; } form#przeglad dl.gray { background-color: #f7f7f7; } form#przeglad dt, form#przeglad dd { float: left; margin-top: 14px; } form#przeglad dt { background: url(../images/kulka.gif) no-repeat; padding: 2px; padding-left: 5px; height: 17px; width: 14px; color: #fff; font-size: 13px; font-weight: bold; margin-right: 16px; } form#przeglad dd.podglad { width: 60px; height: 44px; border: 1px solid #98b5d3; background-color: #eff8ff; margin-left: 24px; margin-top: 0; } form#przeglad input.tekstowy { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 320px; } /*formularz dane kontaktowe*/ .rejCont { background: url(../images/rej_tlo.gif) repeat-y left; padding-top: 10px; padding-bottom: 0; } .rejTop { background: url(../images/rej_top.gif) no-repeat top left; padding-top: 10px; zoom: 1; /*pekaboo bug in IE*/ } .rejBot { background: url(../images/rej_bottom.gif) no-repeat bottom left; padding-bottom: 11px; margin-top: 10px; margin-bottom: 10px; zoom: 1; /*pekaboo bug in IE*/ } .rejCont2 { background: url(../images/dlugi_mid.gif) repeat-y left; padding-top: 0; padding-bottom: 5px; } .rejCont2 p { margin: 0; padding-top: 3px; padding-bottom: 7px; } .rejTop2 { background: url(../images/dlugi_top.gif) no-repeat top left; padding-top: 8px; zoom: 1; /*pekaboo bug in IE*/ } .rejBot2 { background: url(../images/dlugi_bot.gif) no-repeat bottom left; padding-bottom: 9px; margin-top: 10px; margin-bottom: 10px; zoom: 1; /*pekaboo bug in IE*/ } #wkoszyku { padding: 20px; margin-right: 80px; } form#koszyk dl, form#koszyk dl dt, form#koszyk dl dd { margin: 0; padding: 0; } form#koszyk dl { padding-left: 16px; color: #002E5F; clear: both; } form#koszyk dl dt { float: left; width: 131px; margin-bottom: 16px; } form#koszyk .rejForm dl dd { float: left; width: 214px; margin-bottom: 16px; } form#koszyk dl input, form#koszyk dl select, form#koszyk dl textarea { width: 214px; font-size: 11px; color: #002E5F; font-family: Verdana, Arial, Helvetica, sans-serif; } form#koszyk dl select { width: 218px; } form#koszyk dl textarea { height: 80px; margin-bottom: 10px; } form#koszyk #daneos { display: block; float: left; } form#koszyk label.oswiad { float: left; width: 370px; } form#koszyk .buttons { clear: both; border-top: 1px solid #002F61; margin-top: 10px; padding-top: 10px; } table.podsum { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1b1b1f; } table.podsum thead { text-align: left; font-size: 12px; font-weight: bold; } table.podsum thead tr th, table.podsum tfoot tr td { border-bottom: 1px solid #ccd7ec; background-color: #eef7ff; padding-left: 15px; padding-top: 4px; padding-bottom: 4px; } table.podsum thead tr th { padding-top: 8px; padding-bottom: 4px; } table.podsum tbody tr td { border-bottom: 1px solid #ccd7ec; background-color: #fff; padding-left: 15px; padding-top: 4px; padding-bottom: 4px; } table.podsum tbody tr.sposob td{ border: none; } .osobowe { margin-top: 16px; } .osobowe h2 { margin: 0; padding: 0; font-size: 12px; color: #1b1b1f; } table.zestawienie { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1b1b1f; } table.zestawienie thead tr th { font-size: 10px; font-weight: normal; text-align: center; background-color: #eef7ff; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #b0c1e0; border-top: 1px solid #b0c1e0; /*border-top: 1px solid #b0c1e0; border-bottom: 1px solid #b0c1e0;*/ } table.zestawienie thead tr th.last, table.zestawienie tbody tr td.last, table.zestawienie tbody tr td.image { border-right: none; } table.zestawienie input, table.zestawienie select { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } table.zestawienie td.ilosc input { width: 20px; } table.zestawienie td.cena input, table.zestawienie td.sztuka input { width: 40px; } table.zestawienie tbody td { text-align: center; vertical-align: middle; padding-top: 4px; padding-bottom: 4px; /*border-bottom: 1px solid #b0c1e0;*/ border-right: 1px solid #b0c1e0; border-top: 1px solid #b0c1e0; color: #003367; } table.zestawienie tfoot td { text-align: center; padding-top: 4px; padding-bottom: 8px; /*border-bottom: 1px solid #b0c1e0;*/ font-size: 10px; } table.zestawienie tr.gray td { background-color: #fafafa; } .powiel { background: url(../images/powiel.gif) no-repeat; width: 90px; margin: 0 auto; height: 13px; display: block; margin-top: 3px; } .radioOdb { height: 32px; padding-top: 16px; background-color: #e2f2ff; padding-left: 34px; font-size: 13px; font-weight: bold; } .radioOdb input { margin: 0; padding: 0; margin-right: 10px; } .sposobOdb { color: #1b1b1f; margin-left: 50px; padding-top: 15px; padding-bottom: 10px; width: 360px; } h2.sposoby { margin: 0; padding: 0; position: relative; height: 30px; padding-top: 16px; background-color: #e2f2ff; padding-left: 15px; font-size: 13px; font-weight: bold; } .sposob1 { color: #1b1b1f; margin-left: 20px; padding-top: 25px; padding-bottom: 10px; padding-left: 170px; width: 230px; min-height: 100px; background: url(../images/screenshot.gif) no-repeat 0 15px; } .sposob2 { color: #1b1b1f; margin-left: 10px; margin-right: 30px; } .sposob2 p { border-bottom: 1px solid #ccd7ec; padding-bottom: 8px; } .sposob2 input.katalog1, .sposob2 select { width: 120px; font-size: 11px; margin-right: 10px; margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } .sposob2 select { width: 123px; } .number1 { position: absolute; top: 10px; left: -25px; background: url(../images/metoda1.png) no-repeat; width: 35px; height: 35px; z-index: 10; } .number2 { position: absolute; top: 10px; left: -25px; background: url(../images/metoda2.png) no-repeat; width: 35px; height: 35px; z-index: 10; } /*menu*/ #menu { position: relative; z-index: 100; margin-left: 268px; height: 29px; } #menu ul { list-style: none; margin: 0; padding: 0; height: 29px; position: relative; } #menu ul li { float: left; height: 29px; } #menu ul li.przesyl a { display: block; width: 160px; height: 29px; background: url(../images/menu_przesylanie.gif) no-repeat top left; } #menu ul li.zarzad a { display: block; width: 171px; height: 29px; background: url(../images/menu_zarzadzanie.gif) no-repeat top left; } #menu ul li.obr a { display: block; width: 89px; height: 29px; background: url(../images/menu_obrobka.gif) no-repeat top left; } #menu ul li.zama a { display: block; width: 111px; height: 29px; background: url(../images/menu_zamawianie.gif) no-repeat top left; } .cover1 { background: url(../images/cover1.jpg) no-repeat; width: 163px; height: 9px; position: absolute; bottom: -9px; left: 5px; z-index: 200; } .cover2 { background: url(../images/cover2.jpg) no-repeat; width: 200px; height: 9px; position: absolute; bottom: -9px; left: 145px; z-index: 200; } .cover3 { background: url(../images/cover3.jpg) no-repeat; width: 115px; height: 9px; position: absolute; bottom: -9px; left: 317px; z-index: 200; } .cover4 { background: url(../images/cover4.jpg) no-repeat; width: 124px; height: 9px; position: absolute; bottom: -9px; right: 0; z-index: 200; } .contentFlash { padding: 12px; padding-top: 20px; } .button_send { margin-top: 20px; color: #1b1b1f; } .button_send input { float: right; width: 132px; } .button_send p { float: right; margin: 0; width: 340px; padding: 0; margin-right: 10px; margin-top: 3px; } .button_send input.backBt { float: left; width: auto; } .button_send input.nextBt { float: right; width: auto; } .plusMinus { display: block; background: url(../images/plus_minus.gif) no-repeat top left; width: 22px; height: 24px; margin: 0 auto; } .zielona { display: block; background: url(../images/zielona_buzka.gif) no-repeat top left; width: 19px; height: 19px; margin: 0 auto; } .czerwona { display: block; background: url(../images/czerwona_buzka.gif) no-repeat top left; width: 19px; height: 19px; margin: 0 auto; } .niebieska { display: block; background: url(../images/niebieska_buzka.gif) no-repeat top left; width: 19px; height: 19px; margin: 0 auto; } .setParam { font-size: 12px; font-weight: bold; color: #003367; } .delete { display: block; background: url(../images/delete.gif) no-repeat top left; width: 22px; height: 24px; margin: 0 auto; } .parametry { color: #1b1b1f; padding-left: 10px; padding-right: 10px; } p { margin: 0; padding: 0; margin-top: 8px; margin-bottom: 8px; } .parametry select, .parametry input.text { width: 100px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } ul.kroki { position: absolute; top: 12px; right: 10px; list-style: none; } ul.kroki li { float: left; margin-left: 3px; margin-right: 3px; } ul.kroki li span { display: none; } ul.kroki li a { width: 26px; height: 26px; display: block; } ul.kroki li.krok1 a { background: url(../images/submen1.gif) top left; } ul.kroki li.krok1 a:hover { background: url(../images/submen1.gif) bottom left; } ul.kroki li.krok2 a { background: url(../images/submen2.gif) top left; } ul.kroki li.krok2 a:hover { background: url(../images/submen2.gif) bottom left; } ul.kroki li.krok3 a { background: url(../images/submen3.gif) top left; } ul.kroki li.krok3 a:hover { background: url(../images/submen3.gif) bottom left; } ul.kroki li.krok4 a { background: url(../images/submen4.gif) top left; } ul.kroki li.krok4 a:hover { background: url(../images/submen4.gif) bottom left; } ul.kroki li a.active { background-position: bottom left; } /*zarzadzanie zasobami*/ .zasoby { float: left; width: 150px; margin-right: 14px; } .catalogs { float: left; width: 450px; } .zasoby h3 { font-size: 11px; margin: 0; padding: 0; font-weight: bold; border-bottom: 3px solid #bbcdde; padding-bottom: 5px; } .zasoby ul { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; } .zasoby ul li { border-bottom: 1px solid #bbcdde; background: url(../images/folderek.gif) no-repeat 0 50%; padding: 5px 0 5px 20px; } .zasoby ul li a { text-decoration: none; } .zasoby input { vertical-align: middle; } .scroller { overflow: auto; width: 444px; height: 370px; } .pojemnik { width: 424px; } .pojemnik table { width: 100%; } .pojemnik table td { border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 140px; padding-top: 8px; padding-bottom: 8px; } .pojemnik table td.last { border-right: none; } a.folder { display: block; margin: 0 auto; width: 79px; height: 75px; background: url(../images/katalog.gif) no-repeat; text-decoration: none; } .nazwa { width: 100px; margin: 5px auto 0 auto; } .nazwa input { vertical-align: middle; } .pojemnik table tr.gray2 td { background-color: #f7f7f7; } .zaznaczanie { margin-top: 10px; } .zaznaczanie input { vertical-align: middle; } a.fotka { text-align: center; display: block; margin: 0 auto; width: 110px; height: 86px; } h3.folderH { margin: 0; padding: 0; background-color: #e2f2ff; font-size: 11px; font-weight: normal; padding: 10px; margin-bottom: 1px; } .catalogOperation { padding: 16px; padding-top: 6px; } .catalogOperation label { display: block; font-weight: bold; margin-bottom: 4px; margin-top: 7px; } .catalogOperation input, .catalogOperation select { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #003367; } .catalogOperation input.imagesBt { top: 5px; position: relative; } .catalogOperation select { width: 217px; } .catalogOperation input.catCreate { width: 215px; } #logoutuser { position: absolute; top: 42px; left: 0; color: #fff; z-index: 103; } #logoutuser a { background: url(../images/strzalka.gif) no-repeat right; padding-right: 15px; color: #fff; z-index: 103; text-decoration: none; } #wraper { position: relative; } /*clearfix for IE7 too*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} .clearfix {zoom: 1;} /*IE7*/ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .komunikat { padding-top: 1px; padding-bottom: 1px; padding-left: 14px; background: url(../images/komunikat_middle.gif) repeat-y; margin-left: 1px; } .komunikat_top { margin-bottom: 11px; padding-top: 4px; background: url(../images/komunikat_top.gif) no-repeat top; } .komunikat_bottom { padding-bottom: 4px; background: url(../images/komunikat_bottom.gif) no-repeat bottom; } /********************formularz dane kontaktowe wersja szeroka***********************/ #wkoszyku { padding: 20px; margin-right: 80px; } form#koszykSzer dl, form#koszykSzer dl dt, form#koszykSzer dl dd { margin: 0; padding: 0; } form#koszykSzer dl { padding-left: 16px; color: #002E5F; clear: both; } form#koszykSzer dl dt { float: left; width: 151px; margin-bottom: 16px; } form#koszykSzer .rejForm dl dd { float: left; width: 328px; margin-bottom: 16px; } form#koszykSzer dl input, form#koszykSzer dl select, form#koszykSzer dl textarea { width: 328px; font-size: 11px; color: #002E5F; font-family: Verdana, Arial, Helvetica, sans-serif; } form#koszykSzer dl select { width: 330px; } form#koszykSzer dl textarea { height: 80px; margin-bottom: 10px; } form#koszykSzer #daneos { display: block; float: left; } form#koszykSzer label.oswiad { float: left; width: 370px; } form#koszykSzer .buttons { clear: both; border-top: 1px solid #002F61; margin-top: 10px; padding-top: 10px; } #wkoszykuSzer { padding: 20px; margin-right: 0; } .rejContSzer{ background: url(../images/rej_tlo_szer.gif) repeat-y left; padding-top: 10px; padding-bottom: 0; width: 534px; } .rejTopSzer { background: url(../images/rej_top_szer.gif) no-repeat top left; padding-top: 10px; zoom: 1; /*pekaboo bug in IE*/ } .rejBotSzer { background: url(../images/rej_bottom_szer.gif) no-repeat bottom left; padding-bottom: 11px; margin-top: 10px; margin-bottom: 10px; zoom: 1; /*pekaboo bug in IE*/ } /*helpy dodane 14.0.1.2007 */ h2.help { margin: 0; padding: 0; position: relative; height: 25px; padding-top: 10px; background-color: #e2f2ff; padding-left: 15px; font-size: 13px; font-weight: bold; } ol { padding-right: 20px; line-height: 16px; } p.attention, .bottommargin p { padding-left: 10px; padding-right: 10px; color: #003367 } p.attention { color: black; line-height:16px; border:1px solid #003367; padding:7px 7px 7px 35px; margin:0px 10px 6px 10px; background-color:#ffecab; background-image:url(../images/help/notes_bg.gif); background-repeat:repeat-y } .bottommargin { margin-bottom: 20px; } h2.obj { margin: 0; padding: 0; font-size: 14px; color: #d87a00; } .center { text-align: center; margin-bottom: 20px; } h2#jakosc_super, h2#jakosc_dobra, h2#jakosc_slaba { margin-left: 10px; padding-right: 10px; padding-top: 3px; font-size: 12px; padding-bottom: 0; margin-bottom: 0; padding-left: 22px; } h2#jakosc_super { background: url(../images/help/zielona_buzka.gif) no-repeat left; } h2#jakosc_dobra { background: url(../images/help/zolta_buzka.gif) no-repeat left; } h2#jakosc_slaba { background: url(../images/help/czerwona_buzka.gif) no-repeat left; } h1.help_przesyl { background: url(../images/help/h_help_przesylanie.gif) no-repeat 11px 20px #fff; } h1.help_zamow { background: url(../images/help/h_help_zamow.gif) no-repeat 11px 20px #fff; } h1.help_zarz{ background: url(../images/help/h_help_zarzadzanie.gif) no-repeat 11px 20px #fff; } h1.help_obr{ background: url(../images/help/h_help_obrobka.gif) no-repeat 11px 20px #fff; } .whiteHelpTop { background: url(../images/help/top_szczegol.gif) no-repeat top; width: 119px; padding-top: 4px; } .whiteHelpBottom { background: url(../images/help/bottom_szczegol.gif) no-repeat bottom; width: 119px; padding-bottom: 4px; } .whiteHelpCont { color: #1b1b1f; background: url(../images/help/pomoc_szczegol.gif) no-repeat 50% 3% #edf5fc; padding-top: 45px; font-size: 10px; padding-left: 5px; padding-right: 5px; background-color: #fff; } .whiteHelpCont ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #c2cedb; } .whiteHelpCont ul li { margin-top: 4px; padding-bottom: 4px; padding-left: 20px; background: url(../images/help/help_arrow.gif) no-repeat left top; border-bottom: 1px solid #c2cedb; } .whiteHelpCont ul li#last {border-bottom-style:none} .whiteHelpCont ul li a { text-decoration: none; } .whiteHelpCont ul li a:hover { text-decoration: underline; } .topMargin { margin-top: 3px; } .helpCont ul { list-style: none; margin: 0; padding: 0; } .noHelp { background: url(../images/help/znaczenie_ikon_pl.gif) no-repeat 75% 2% #edf5fc; padding-top: 20px; padding-bottom: 20px; } .noHelp_obr { background: url(../images/help/znaczenie_ikon_pl.gif) no-repeat 75% 1% #edf5fc; padding-top: 25px; padding-bottom: 20px; } .helpCont ul li { padding-left: 26px; } .helpCont ul li span { display: block; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #c2cedb; } .helpCont ul li span#last {border-style:none} *html .helpCont ul li span { height: 15px; } li#bdb_photo { background: url(../images/help/zielona_buzka.gif) no-repeat 0 20%; } li#db_photo { background: url(../images/help/zolta_buzka.gif) no-repeat 0 20%; } li#nd_photo { background: url(../images/help/czerwona_buzka.gif) no-repeat 0 20%; } li#del_photo { background: url(../images/help/kosz_ico.gif) no-repeat 0 20%; } #m_kadr { background: url(../images/help/m_kadr.gif) no-repeat 0 20%; } #m_obr1 { background: url(../images/help/m_obr.gif) no-repeat 0 20%; } #m_obr2 { background: url(../images/help/m_obr2.gif) no-repeat 0 20%; } #m_redeye { background: url(../images/help/m_redeye.gif) no-repeat 0 20%; } #m_black { background: url(../images/help/m_photoblack.gif) no-repeat 0 20%; } #m_sep { background: url(../images/help/m_sepia.gif) no-repeat 0 20%; } #m_ostr { background: url(../images/help/m_rozm.gif) no-repeat 0 20%; } #m_rozm { background: url(../images/help/m_rozm2.gif) no-repeat 0 20%; } #m_kontr { background: url(../images/help/m_kontr.gif) no-repeat 0 20%; } #m_kolor { background: url(../images/help/m_colors.gif) no-repeat 0 20%; } #m_nas { background: url(../images/help/m_nasyc.gif) no-repeat 0 20%; } #m_jas { background: url(../images/help/m_desa.gif) no-repeat 0 20%; } #m_nazw { background: url(../images/help/zdjecie.gif) no-repeat 0 20%; } #m_wym { background: url(../images/help/rozmiar_z.gif) no-repeat 0 20%; } #m_delete { background: url(../images/help/xkill.gif) no-repeat 0 20%; } #m_change { background: url(../images/help/abc.gif) no-repeat 0 20%; } #m_add { background: url(../images/help/help_zamow.gif) no-repeat 0 20%; } #m_goto { background: url(../images/help/edit_ico.gif) no-repeat 0 20%; } #m_album { background: url(../images/help/folder.gif) no-repeat 0 20%; } .roman { list-style: upper-roman; line-height: 16px; margin: 10px 10px 10px 46px; padding: 0; } .screen_obj { background: url(../images/help/screen_zarzadzanie.gif) no-repeat top left; width: 603px; height: 540px; margin-left: 0; margin-right: -30px; margin-bottom: 15px; } .elements { width: 140px; float: left; margin-left: 15px; padding-top: 350px; } .elements strong { display: block; } h2.obj { margin-bottom: 15px; } #menuforhelp { margin-right: -3px; } #menuforhelp ul { margin: 0; padding: 0; padding-left: 16px; padding-right: 16px; list-style: none; } h2.procedure { margin: 0; padding: 0 16px; font-size: 14px; } #menuforhelp ul a { text-decoration: none; display: block; padding-top: 4px; padding-bottom: 5px; padding-left: 25px; } #menuforhelp ul a:hover { text-decoration: underline; } #menuforhelp ul li span { display: block; padding-left: 45px; } *html #menuforhelp ul li a{ height: 10px; } #menuforhelp ul li.krok1_off { background: url(../images/help/krok1.gif) no-repeat; } #menuforhelp ul li.krok1_on { background: url(../images/help/krok1_active.gif) no-repeat; } #menuforhelp ul li.krok2_off { background: url(../images/help/krok2.gif) no-repeat; } #menuforhelp ul li.krok2_on { background: url(../images/help/krok2_on.gif) no-repeat; } #menuforhelp ul li.krok3_off { background: url(../images/help/krok3.gif) no-repeat; } #menuforhelp ul li.krok3_on { background: url(../images/help/krok3_on.gif) no-repeat; } #menuforhelp ul li.krok4_off { background: url(../images/help/krok4.gif) no-repeat; } #menuforhelp ul li.krok4_on { background: url(../images/help/krok4_active.gif) no-repeat; } .l_list { margin: 0; padding: 0; list-style: none; width: 270px; float: left; padding-bottom: 20px; margin-right: 10px; } .l_list a strong { display: block; } .l_list li { padding-left: 40px; padding-bottom: 8px; padding-top: 8px; background-position: 5px 5px !important; } .l_list li a { text-decoration: none; } .l_list li a:hover, .l_list li:hover { text-decoration: underline; } .l_list li.current { border: 1px solid #7da0c5; background-color: #fff !important; } #l_kadr { background: url(../images/help/l_kadr.gif) no-repeat; } #l_obrot { background: url(../images/help/l_obrot.gif) no-repeat; padding-bottom: 20px; padding-top: 15px; } #l_redeye { background: url(../images/help/l_reye.gif) no-repeat; } #l_blak { background: url(../images/help/l_color.gif) no-repeat; } #l_sepia { background: url(../images/help/l_sepia.gif) no-repeat; } #l_ostro { background: url(../images/help/l_ostro.gif) no-repeat; padding-bottom: 12px; padding-top: 12px; } #l_rozm { background: url(../images/help/l_rozm.gif) no-repeat; padding-bottom: 12px; padding-top: 12px; } #l_kontra { background: url(../images/help/l_kontra2.gif) no-repeat; padding-bottom: 12px; padding-top: 12px; } #l_regcolo { background: url(../images/help/l_colo.gif) no-repeat; } #l_nasyc { background: url(../images/help/l_kontra.gif) no-repeat; padding-bottom: 12px; padding-top: 12px; } #l_jasno { background: url(../images/help/l_jasno.gif) no-repeat; padding-bottom: 12px; padding-top: 12px; }