html, body {margin: 0; 
			padding: 0;
			font-family: 'Lato', sans-serif;
			background:#e8f0fe;
			font-size: 14px;
			color:#fffcc;
			}

h1			{background: #3368c6;
			 color:#FFFFFF;
			 font: normal 130%/1em  'Lato', sans-serif;
			 padding: 5px  5px; 
			 margin: 0;
			 border: 1px solid darkgray;
			 border-width: 2px 0;
			 font-weight: bold;

			 }


div#main    {margin-top: 2em;
			 /*margin-left:12 em;*/
			 }

div#login   {margin-top: 2em;
			 margin-left:5 em;
			 }

 th {
	 background-color: #fff2cc;
	 padding: 5px 0;
 }
			 
tr.pola td  {background: #d7c5a2; vertical-align:top;}   /* kolory brak_krawedz formularzy */


tr.pola1 td {background: #3368c6;
			 border-top: 1px solid darkgray;
			 vertical-align:top;
            }              /* kolory górna_krawedz pola tebeli */

tr.pola2 td {background: #3368c6;
			 border-bottom: 1px solid gray;
			 vertical-align:top;
            }                      /* kolory dolna_krawedz pola tebeli */

tr.pola3 td {background: #d7c5a2;
			 border-bottom: 1px solid gray;
			 border-top: 1px solid gray;
			 vertical-align:top;
            }                      /* kolory obie_krawedz pola tebeli */

td {padding: 0.25em 1px; vertical-align:top;}

td.lbl {font-weight: normal; 
		text-align: right;
		color:#fff;
		padding: 0.5 em;
		vertical-align:top;
		}

th.lbl {font-weight: normal; 
		text-align: right;
		color:#fff;
		padding: 0.5 em;
		vertical-align:top;
		}

td.lbl_a {font-weight: bold; 
		text-align: left;
		color:#fff;
		padding: 0 0 0 0.5 em;
		vertical-align:top;
		}

td.lbl_b {font-weight: normal; 
		text-align: left;
		color:#fff;
		padding: 0.5 em;
		vertical-align:top;
		}


tr.pola td {background: #d7c5a2; vertical-align:top;}   /* kolory pól formularzy */



inp:focus {background: yellow;
			 color:blue;
		}


div#nav          {float: left; 
		 width:130px; 
		 margin: 2em 0 0 0; 
		 padding:4px 0 4px 0;
         
}
h4       {font-size: 1em; 
		  color: #663300;
		  padding: 0.2em 0 0; 
		  border-bottom: 1px solid #7f7f59;}


#nav h4  {margin: 0 6px 0 6px;}

.log{
color: #000;
font:normal 14px 'Lato';
margin: 0;
text-decoration: none;

}


.p10c {
	font-size: 11px;
	text-align: center;
	color:#003300;
}

inp {font-family: 'Lato';
	font-size: 14px;
	background: #fffcc;
}


inp:focus {color: yellow;}

td, tr, th, select, textarea, span {
	font-family: 'Lato';
	font-size: 14px;
	vertical-align:middle;
	color:#003300;
}
.p13 {
	font-size: 13px;
	text-align: left;
}
.p13c {
	font-size: 13px;
	text-align: center;
}
.p13r {
	font-size: 13px;
	text-align: right;
}
.p10 {
	font-size: 11px;
	text-align: left;
	
}
.p10c {
	font-size: 11px;
	text-align: center;
}
.p10cb {
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
.p10r {
	font-size: 11px;
	text-align: right;
}

.tytul {
	font-size: 13px;
	text-align: left;
	font-weight:bold;
	color: #CC3300;
}




a {
	font-size: 11px;
	color: #800000;
	text-decoration: none;
}

.error {
	color: red;
	font-weight: bold;
	text-align: center;
}

.error2 {
	color: red;
	font-style: italic;
}

.prawo {
	text-align: right!important;
}

.center {
	text-align: center!important;
}

.closed {
	background-color:#FF0000; 
	color:#FFFFFF; 
	font-style: italic; 
	font-weight: bold;
}
.sel {
	color:#0000FF; 
	font-weight: bold;
	text-decoration: underline;
}

.invis {
	font-style: italic;
	background-color: #ff9f9f;
}
.szare {
	background-color: #69d3f4;
}

.zolte {
	background-color: #fff2cc;
}
.clickable {
	cursor: pointer;
}

.w2 {width: 20px;}
.w3 {width: 30px;}
.w4 {width: 40px;}
.w5 {width: 50px;}
.w6 {width: 60px;}
.w7 {width: 70px;}
.w8 {width: 80px;}
.w9 {width: 90px;}
.w10 {width: 100px;}
.w11 {width: 110px;}
.w12 {width: 120px;}
.w13 {width: 130px;}
.w14 {width: 140px;}
.w15 {width: 150px;}
.w16 {width: 160px;}
.w17 {width: 170px;}
.w18 {width: 180px;}
.w19 {width: 190px;}
.w20 {width: 200px;}

input[type="button"], input[type="submit"] {
	padding: 4px 20px;
	border: none;
    border-radius: 8px;
    /* Kolory (nowoczesne, płaskie) */
    background-color: #007bff !important; /* Błękit */
    color: white !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Lekki cień */
}

input[type="text"], input[type="password"] {
	padding: 5px 10px; /* Wewnętrzne odstępy */
    border: 1px solid #ccc; /* Cienkie, szare obramowanie */
    border-radius: 8px; /* Zaokrąglone rogi */
    font-size: 16px;
    color: #333;
    background-color: #f9f9f9;
    outline: none; /* Usuwa domyślne obramowanie focus */
    transition: all 0.3s ease; /* Płynne przejścia */
    width: 100%;
    box-sizing: border-box; /* Poprawne zarządzanie szerokością */
}

select {
	padding: 5px 10px; /* Wewnętrzne odstępy */
    border: 1px solid #ccc; /* Cienkie, szare obramowanie */
    border-radius: 8px; /* Zaokrąglone rogi */
    font-size: 16px;
    color: #333;
    background-color: #f9f9f9;
    outline: none; /* Usuwa domyślne obramowanie focus */
    transition: all 0.3s ease; /* Płynne przejścia */
    box-sizing: border-box; /* Poprawne zarządzanie szerokością */
}