/* ----- Podstawowe stylowanie ----- */ body {font-family:Tahoma;text-align:center; margin-left:auto; margin-right:auto;background:url(../../../system/graf/grad_pion.jpg) repeat-x} a {color:#397CB0; font-size:.9em; text-decoration:none;} a:hover {color:#479FD1;text-decoration:none !important;} h1 {margin:0;padding:.2em;font-size:1.2em;font-weight:normal;font-family:'Arial';border-bottom:1px solid #ccc;} small {font-size:.7em} /* ----- Podstawowe pojemniki ----- */ .clearfix{clear:both;} #page_body {width:820px; padding:auto;margin:auto; text-align:left;} #wrapper {width:100%; margin:0px;padding:0px} /* ----- baner (top) -------- */ #baner {height:122px;width:100%;} #baner .side_left{height: 107px;width:254px;float:left;margin:0px;margin-top:15px;} #baner .side_left .logo img{width:254px;} #baner div.kraj_sel{float:left;width:180px;margin-left:370px;padding-top:20px;padding-left:3px;background:url(../../../system/graf/grad_kraj.jpg) repeat-x;padding-bottom:6px;} #baner div.kraj_sel select{width:180px; font-size:.9em;} #baner .side_right{height:107px;width:549px;float:left;margin-left: 12px;margin-top:18px;background:url(../../../system/graf/mapki.jpg) no-repeat;} #content {width:100%;} #content2 {width: 758px; float:right; clear:right;} /* ------- Kolumna lewa --------- */ #lewa_col {clear:both;width:202px; float:left;margin-left:48px;} #lewa_col .login_true {font-size:.8em;padding-left:5px;text-align:left;} #lewa_col h2 {font-weight:bold;text-align:center; text-transform:uppercase;margin: 2px 0px;border-top:1px solid black;border-bottom:1px solid black;} #lewa_col ol.sub {margin:3px 0px; } #lewa_col ol.sub li {padding:1px 1px 1px 9px;font-size:.95em} #lewa_col ol.sub li a {text-decoration:none;color:#000;font-weight:normal;} #lewa_col ol.sub li a.active {font-weight:bold;} #lewa_col div.legend {text-align:left; font-size:.9em;font-weight:bold;color:#9E9997; padding:4px 9px;background:url(../../../system/graf/grad_signin.jpg) repeat-x;width:191px;height:22px; } #lewa_col div.kategorie {text-align:left; font-size:.9em;font-weight:bold;color:#fff; padding:4px 9px;margin-top:4px;background:url(../../../system/graf/grad_kat.gif) repeat-x;width:191px;height:22px;cursor:pointer; } #lewa_col div.pod_kat_z1{text-align:left; font-size:.9em;padding:4px;font-weight:bold;color:#fff;background:url(../../../system/graf/grad_kat_pod.jpg) repeat-x top;width:201px; } #lewa_col div.pod_kat_z0{text-align:left;color:#fff;background:url(../../../system/graf/grad_kat_pod_z0.gif) ;width:209px; } #lewa_col ol.sub li {clear:both;} #lewa_col ol.sub li div.data {color:grey;font-size:.65em;padding-top:5px;padding-left:2px;} #lewa_col ol.sub li div.title {font-weight:bold;font-size:.8em;padding-left:2px;} #lewa_col ol.sub li div.tresc {font-size:.8em;float:left;padding-left:2px;margin-bottom:4px} #lewa_col ol.sub li div.link {font-size:.7em} #lewa_col ol.sub li div.linia {clear:both;width:202px;height:8px;background:url(../../../system/graf/linia.gif) no-repeat; text-align:center;padding-top:2px; } #lewa_col img {padding:0px;margin:0px 4px 0px 0px;} /* ------- Kolumna prawa --------- */ #prawa_col {width:556px; float:right;margin-top:2px; } #belka {width:100%;background:url(../../../system/graf/grad_belka.gif) repeat-x;height:38px;} #belka div.menu #nav{} #belka div.menu #nav li{float:left; margin:2px;background-color:#fff;padding:2px;font-size:.8em} #belka div.menu #nav li a{ color:#000; text-decoration:none;} #belka div.menu ol.subnav{border-top:1px solid #fff;padding-top:10px} #belka div.menu ol.subnav li{float:left; margin:2px;padding:4px;font-size:.8em} #belka div.menu ol.subnav li a{ color:#000; text-decoration:none;} #belka div ol.menu_page{clear:both;padding-left:40px} #belka div ol.menu_page li a{color:black; text-decoration:none; font-size:.65em; padding-top:0; margin-top:0;} #belka div ol.menu_page li{float:left; } #belka div ol.menu_page li.menu_1{background:url(../../../system/graf/menu/menu_1.gif) no-repeat; width:102px; height:19px;} #belka div ol.menu_page li.menu_2{background:url(../../../system/graf/menu/menu_2.gif) no-repeat; width:87px;height:19px;} #belka div ol.menu_page li.menu_3{background:url(../../../system/graf/menu/menu_3.gif) no-repeat; width:100px;height:19px;} #belka div ol.menu_page li.menu_4{background:url(../../../system/graf/menu/menu_4.gif) no-repeat; width:120px;height:19px;} #belka div ol.menu_page li.menu_5{background:url(../../../system/graf/menu/menu_5.gif) no-repeat; width:98px;height:19px;} #belka div ol.menu_page li.menu_1 a{padding-left:45px; color:#f00;} #belka div ol.menu_page li.menu_2 a{padding-left:20px;} #belka div ol.menu_page li.menu_3 a{padding-left:12px;} #belka div ol.menu_page li.menu_4 a{padding-left:20px;} #belka div ol.menu_page li.menu_5 a{padding-left:30px;} /* ------- Stopka ------ */ #footer {clear: both;width:auto;height:49px; font-size:.7em;background:url(../../../system/graf/grad_stopka.gif) repeat-x; } #footer div.kont {width:820px; padding:auto;margin:auto;} #footer div.copy {clear:both;padding-top:18px;padding-left:45px; color:#69635F;float:left} #footer div.menu_foot {float:left;padding-top:8px; padding-left:10px} #footer div.menu_foot ol li {float:left;padding:1px 1px;margin: 1px;} #footer div.bport {padding-top:18px;text-align:right; color:#69635F;} #footer div.bport a {text-decoration:none; color:#69635F;font-weight:bold;} #footer div.bport a:hover{text-decoration:none;} /* ----- Tabela pokaz - używana w podglądzie ----- */ table.pokaz {width:100%;margin:0em 0 .4em 0;border:1px solid #ebdedd;padding:.5em;border-collapse:separate;background: #fff;} table.pokaz tr {} table.pokaz th {padding:.6em .5em;font-size:.75em;border-bottom:1px solid #eee;font-weight:bold;} table.pokaz td {padding:.2em .5em;font-size:.7em;border-bottom:1px solid #eee;line-height:1.5em;} table.pokaz td h2 {font-size:1.4em;font-weight:bold;} table.pokaz td input.button {float:right;font-size:1.2em;} /* ----- Style tablesortera jquery -----*/ table.tablesorter {clear:both;} table.tablesorter th.t_id {width:20px;} table.tablesorter th.t_nazwa {width:250px;} table.tablesorter th.t_projekty {width:350px;} table.tablesorter td {border-bottom:1px dotted #ccc;vertical-align:middle;} table.tablesorter td a {text-decoration:none;} table.tablesorter td.tytul {font-weight:bold;font-size:90%;background:#f6f1ee;letter-spacing:0px;} table.tablesorter td.tytul {font-weight:bold;font-size:90%;background:#f6f1ee;letter-spacing:0px;} table.tablesorter td img {margin:1px;padding:3px;border:1px dashed #ccc;background:#f6f1ee;} table.tablesorter td img:hover {margin:1px;padding:3px;border:1px solid #999;background:#f6f1ee;} table.tablesorter td input {font-size:1em;} /* ----- Brak uprawnien do sekcji ----- */ .brak_upr_txt {padding:30px;background:#E7E040;font-size:2em;} /* ----- Ogólne style formularzy ----- ----- Te są ok, bo naprawdę trzeba by je powtarzać -- */ form {margin:0;} fieldset {border:1px solid #ebdedd; background:#fff;} fieldset legend {font-weight:bold;padding:4px;} fieldset label {margin:.2em;font-size:.7em; padding:3px;} fieldset select, fieldset optgroup{font-family:'Arial', Courier;font-size:.75em;} fieldset optgroup {font-size:.9em;font-style:normal;} input, textarea {font-family:'Arial', Courier;font-size:.75em;} fieldset input.button {clear:both;} .trzeba {background:#fffdde !important;} label.overlabel {color:#999;} label.overlabel-apply {position:absolute;top:3px;left:5px;z-index:1;color:#999;} /* ----- Klasy obsługujące walidację ----- */ .alert {margin:10px;padding:5px;font-size:.7em;font-weight:bold;background:#E7E040;} .error {margin:2px;padding:5px;font-size:.7em;font-weight:bold;background:#f6ee15;} /* ----- Formularz logowania dla klienta i administratora ----- */ fieldset.logowanie {padding:4px 4px;margin:0;border:0; background:url(../../../system/graf/grad_signin_body.jpg) repeat-x;width:201px;} fieldset.logowanie{text-align:right; font-size:.9em;} fieldset.logowanie label {clear:left;margin:.2em;font-size:.7em;font-weight:normal;float:left;padding-left:5px;} fieldset.logowanie input {margin:2px; float:left;} fieldset.logowanie ol {margin:50px 20px 0 20px;text-align:center;border: 1px solid black;} fieldset.logowanie ol li {height:50px;} fieldset.logowanie ol li.alert-error {height:28px;} ol.sign{text-align:center;margin-left:6px} ol.sign li{margin:2px;float:left;font-size:.7em} ol.sign li a {text-decoration:none; color:#000} /* ----- Formularz uprawnien ----- */ fieldset.uprawnienia {background:#fff;margin:.5em 0;border:1px solid #ebdedd;width:97%;} fieldset.uprawnienia legend {font-weight:bold;padding:4px; font-size:.9em;} fieldset.uprawnienia label {margin:.2em;display:block;font-size:.75em;} fieldset.uprawnienia select, fieldset optgroup{font-family:'Arial', Courier;font-size:.75em;padding:.15em;} fieldset.uprawnienia optgroup {font-size:.9em;font-style:normal;} fieldset.uprawnienia input, fieldset.user textarea {font-family:'Arial', Courier;} fieldset.uprawnienia input.button {clear:both;margin:10px;} fieldset.uprawnienia ol {clear:both;} fieldset.uprawnienia li.button {clear:both; height:12px} fieldset.uprawnienia a.add_next {width:150px;padding:.5em;margin:0 0 0 10px;border:1px solid #000;background:#555;color:#fff;font-weight:bold;font-size:.75em;text-decoration:none;} fieldset.uprawnienia li {margin:5px 15px;text-align:left; float:left;display:inline;} fieldset.uprawnienia li label {margin:2px; padding:4px 0 0 4px} fieldset.uprawnienia li input {margin:3px; padding:0;float:left;} fieldset.uprawnienia li:after {clear:left;} fieldset.uprawnienia li img.del_new{margin:0 0 0 5px ;cursor:pointer;} fieldset.uprawnienia .error {margin:.2em;padding:.3em;background:#ff0;font-size:.75em;} fieldset.uprawnienia fieldset {margin:.5em; padding:.5em;} fieldset.uprawnienia fieldset label {margin:0;padding:0} /* ----- Formularz slownikow ----- */ fieldset.slowniki {background:#DDEAF1;margin:.5em 0;border:1px solid #bbb;width:80%;} fieldset.slowniki legend {font-weight:bold;padding:4px;} fieldset.slowniki label {margin:.2em;display:block;font-size:.7em;font-weight:bold;} fieldset.slowniki select, fieldset optgroup{font-family:'Arial', Courier;font-size:.75em;padding:.15em;} fieldset.slowniki optgroup {font-size:.9em;font-style:normal;} fieldset.slowniki input, fieldset.user textarea {font-family:'Arial', Courier;} fieldset.slowniki input.button {clear:both;margin:10px;} fieldset.slowniki ol {clear:both;} fieldset.slowniki li.button {clear:both; height:12px} fieldset.slowniki a.add_next {width:150px;padding:.5em;margin:0 0 0 10px;border:1px solid #000;background:#555;color:#fff;font-weight:bold;font-size:.75em;text-decoration:none;} fieldset.slowniki li {margin:10px 15px;text-align:left;} fieldset.slowniki li label {margin:2px; padding:4px 0 0 4px} fieldset.slowniki li:after {clear:both;} fieldset.slowniki li img.del_new{padding:0;margin:0 0 0 5px ;cursor:pointer;} fieldset.slowniki .error {margin:.2em;padding:.3em;background:#ff0;font-size:.75em;} fieldset.slowniki fieldset {margin:.5em; padding:.5em;font-size:.8em; float:left;} /* ----- Paginacja ----- */ .linki {padding:8px;font-size:.7em;} .linki a {margin:2px 2px 1px 1px;padding:2px 2px;text-decoration:none;color:#000;} .linki a.on {font-weight:bold;} .linki a:hover {background:#fff;} /* ----- Formularz dodawania użytkownika ----- */ fieldset.user {background:#fff;margin:.5em 0;border:1px solid #ebdedd;width:100%;} fieldset.user legend {font-weight:bold;padding:4px;} fieldset.user label {margin:.2em;display:block;font-size:.8em;} fieldset.user select, fieldset optgroup{font-family:'Arial', Courier;font-size:.7em;padding:.15em;} fieldset.user optgroup {font-size:.9em;font-style:normal;} fieldset.user input, fieldset.user textarea {font-family:'Arial', Courier;font-size:.8em;} fieldset.user input.button {clear:both;margin:10px;} fieldset.user ol {clear:both;} fieldset.user li.button {clear:both;height:12px;} fieldset.user a.add_next {position:relative;top:-20px;right:3px;display:block;width:230px;float:right;padding:.5em;border:1px solid #000;background:#b1adac;color:#fff;font-weight:bold;font-size:.75em;text-decoration:none;} fieldset.user li {margin:5px;float:left;} fieldset.user li img.del_new{margin:0 0 0 5px ;cursor:pointer;} fieldset.user .error {margin:.2em;padding:.3em;background:#ff0;font-size:.75em;} /* ----- Formularz dodawania firmy ----- */ fieldset.firma {background:#fff;margin:.5em 0;border:1px solid #ebdedd;width:100%;} fieldset.firma legend {font-weight:bold;padding:4px;} fieldset.firma label {margin:.2em;display:block;font-size:.7em;} fieldset.firma select, fieldset optgroup{font-family:'Arial', Courier;font-size:.7em;padding:.15em;} fieldset.firma optgroup {font-size:.9em;font-style:normal;} fieldset.firma input, fieldset.user textarea {font-family:'Arial', Courier;} fieldset.firma input.button {clear:both;margin:10px;} fieldset.firma ol {clear:both;} fieldset.firma li.button {clear:both;height:12px;} fieldset.firma a.add_next {position:relative;top:-10px;right:3px;display:block;width:230px;float:right;padding:.5em;margin:4px 0 4px 0; border:1px solid #000;background:#b1adac;color:#fff;font-weight:bold;font-size:.75em;text-decoration:none;} fieldset.firma li {margin:5px;float:left;} fieldset.firma li img.del_new{margin:0 0 0 5px ;cursor:pointer;} fieldset.firma .error {margin:.2em;padding:.3em;background:#ff0;font-size:.75em;} fieldset.plik_dodaj label {margin:.2em;display:block;font-weight:bold;} fieldset.plik_dodaj input.button {clear:both;margin:10px;float:right;} fieldset.plik_dodaj select {float:left;display:inline;} fieldset.plik_dodaj .error {margin:.2em;padding:.3em;background:#ff0;font-size:.75em;} fieldset.plik_dodaj div.strzalka {padding-left:5px;clear:both;} .col-left {width:52%;float:left;} .col-right {width:47%;float:right;} /* ----- Pokaż dodatkowe ----- */ .pokaz-dodatkowe {width:96%;margin:0 0 10px 0;padding:2%;border:1px solid #999;background:#fff;font-size:.75em;} .col-left .pokaz-dodatkowe {width:96%;} .pokaz-dodatkowe h2 {font-size:1.4em;font-weight:bold;} .pokaz-dodatkowe ul.projekty {margin:.8em 0;line-height:1.3em;} .pokaz-dodatkowe ul.projekty li {padding:.5em 0 .5em 1.8em;border-bottom:1px solid #eee;background:url(../../../system/graf/database_table.png) no-repeat left .6em;} .pokaz-dodatkowe ul.projekty li span {font-size:75%;} .pokaz-dodatkowe ul.osoby {margin:.8em 0;line-height:1.3em;} .pokaz-dodatkowe ul.osoby li {padding:.5em 0 .5em 1.8em;border-bottom:1px solid #eee;background:url(../../../system/graf/user.png) no-repeat left .6em;} .pokaz-dodatkowe ul.osoby li span {font-size:75%;} img.foto_lista{ width:160px;height:auto;} img.big_img{ width:260px;height:auto;} img.foto_div { width:75px;height:auto; max-height:60px;float:left; margin:9px;} img.foto_div_big { width:240px;height:auto; max-height:220px; margin:9px;} /* ------ Ekran start ------- */ div.reklama {border:1px solid #E6D9CF; background:#fff;} div.reklama p{font-size:.8em; color:#CBCBCB; text-align:left;padding-left:20px} div.search {text-align:left; background:url(../../../system/graf/grad_search.gif) repeat-x;width:auto;height:67px; border-left:1px solid #E6D9CF;border-right:1px solid #E6D9CF; } div.search div.literki{ margin-left:230px} div.search .literki{width:100%;padding:2px;} div.search .literki ol#nav_lit li {float:left;padding:1px 1px;margin:1px;} div.search .literki ol#nav_lit li a{text-decoration:none;color:black;font-size:.8em} div.search .literki ol#nav_lit li a.active{font-weight:bold;} div.search form.search {margin-left:250px;margin-top:10px} div.search form.search input.pole {width:200px;} div.search form.search input.button {margin-left:20px;} div.legend {text-align:left; font-size:.9em;font-weight:bold;color:#9E9997; padding:4px 9px;background:url(../../../system/graf/grad_signin.jpg) repeat-x;width:auto;height:22px; } div.start{text-align:center;} div.poj_wpis{position:relative;} div.wpis{float:left;width:90.5px;height:76px; z-index:10; border:1px solid #E6D9CF;} div.opis{clear:both;border:dotted 2px #E6D9CF; padding:5px;display:none; z-index:1888;position:absolute; width:300px;background-color:#fff;font-size:.9em} /* ----- Ekran news ----- */ #news_see img{width:250px;height:auto;float:left;margin:10px} /*--- Ekran zarządzania katalogiem --- */ #katalog ol.sub {margin:3px 0px;width:300px } #katalog ol.sub li {padding:1px 1px 1px 4px;margin:5px;font-size:.95em} #katalog ol.sub li a {text-decoration:none;color:#000;font-weight:normal;} #katalog ol.sub li div.active {font-weight:bold;} #katalog img {margin-right:5px;} .input_z{clear:both;} /* ----- Ekran pomocy ----- */ .pomoc {} .pomoc h2 {margin:0 0 10px 0;padding:0 0 4px 0;font-weight:bold;font-size:1.1em;border-bottom:1px solid #000;} .pomoc p {font-size:.75em;margin:0 0 15px 0;line-height:1.3em;} .pomoc ul {font-size:.75em;margin:0 0 15px 0;line-height:1.3em;} .pomoc ul li {margin-left:15px;list-style-type:square;}