body {
	color: black;
	background: #969696;
	font-size: 0.85em;
	line-height: 1.3em;
	font-family : Verdana, Arial;
	margin: 10px 5px;
}
a {text-decoration: none;}
strong {font-weight: bold;}
em {font-style: italic;}
hr {
  margin: 12px 0;
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.red{color:#C00;}
div.spacer {
  margin: 0 auto;
  min-width: 580px;
  max-width: 880px;
  height: 10px;
}
div.orangespacer {
  width: 3px;
  height: 4px;
}
header {
  margin: 0 auto;
  min-width: 600px;
  max-width: 900px;
  padding: 10px;
  background: #378100;
  border:none;
}
header p.powitanie {
	font-size : 1.4em;
	color: #FFF;
}
header p.powitanie img {
  vertical-align: middle;
}
header p.menu_top {
	font-size : 0.8em;
	line-height: 1.3em;
	color: #FFF;
	margin-top: -4px;
}
header p.menu_top a {
	color: #FFF;
}
#page {
  margin: 0 auto;
  min-width: 600px;
  max-width: 900px;
  padding: 10px;
  background: #FFF;
}
#page p {margin: 4px 0;}
#page img.splash {
  width: 100%;
}
#page #body {
  display: table;
  width: 100%;
}
#page #body div {
  display: table-row;
}
#page #body div div {
  display: table-cell;
  vertical-align: top;
}
#page #body div div#menu {
  background: #378100;
  padding: 4px 0;
  width: 200px;
}
#page #body div div.blank {
  width: 4px;
}
#page #body div div.blank2 {
  width: 8px;
}
#page #body div div.grey {
  width: 4px;
  background: #CCC;
}
footer {
  margin: 0 auto;
  min-width: 590px;
  max-width: 890px;
  padding: 10px;
  background: #378100;
  border-left: 10px #F90 solid;
}
footer p.copyright {
	font-size : 0.85em;
	color: #FFF;
	text-align: left;	
	line-height: 1.2em;
}
footer a.copyright {
	color: #FFF;
}

#slide {position: fixed; top: 40px; right: -304px; width: 336px;}
#slide:hover {right: -5px;}

.naskroty {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #FFF;
	margin-bottom: 4px;
	padding: 4px 4px 6px 4px;
	letter-spacing: 2px;
	border-bottom: 1px #FFF dotted;
	text-align: center;
}

h1, p.tytul, a.TYTUL {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.25em;
	color: #AB5705;
	padding: 6px 0 8px 0;
	margin-bottom: 12px;
	border-bottom: 1px #CD7927 dotted;
	text-align: center;
}

h2, h2 a {
	font-weight: bold;
	font-size: 1.35em;
	font-family : Verdana, Arial;
	color: #DE8A38;
	text-align: left;
	margin-bottom: 12px;
}

h3, p.podtytul, a.PODTYTUL, h3 a {
	font-weight: bold;
	font-size: 1.05em;
	font-family : Verdana, Arial;
	color: #267000;
	text-align: left;
	margin-bottom: 12px;
}

.DATA {font-weight:bold;font-size:0.9em;margin-bottom: 12px;}
.PODPIS {text-align: right;font-weight:bold;}
.WIECEJ {text-align: right; margin: 8px 0;font-weight:bold; font-size:1em;}
.WIECEJ a {color: #AB5705;}
.RAMKA {border: 1px #666 solid; margin: 4px 6px;}

ul.menu {padding: 0;}
ul.menu li {list-style-type: none; letter-spacing: 0px; padding: 1px 0; font-weight: bold; color: #FFF;}
/*ul.menu li:hover {background: #FFF;}
ul.menu li.space:hover {background: none;}*/
ul.menu li a {display: block; padding: 6px 4px; color: #FFF;}
ul.menu li a:hover {color: #333; background: #FFF;}
ul.menu li ul {margin-left: 1.2em;}
ul.menu li ul li{list-style-type: circle; font-weight: normal; font-size: 0.95em; letter-spacing: 0px;}

p#disabled{float: right;line-height:12px; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
p#disabled a {color:#FFF;}
p.center {text-align: center;}
p.right {text-align: right;}

div.center {margin: 0 auto;}

div.menu {display: flex; justify-content: space-between;}
div.menu a {display: inline-block; border: 1px #CCC solid; border-radius: 8px; width: 139px; height: 142px;}
div.menu a:hover {border: 1px #378100 solid; box-shadow: 2px 2px 6px #999;}
div.menu a img {padding: 16px 34px;}
div.menu a span {display: block; background: #F90; color: #000; text-align: center; padding: 2px 2px; text-transform: uppercase; font-size: 0.9em;}

div#menu p, div#menu p a{color:#FFF;}

table {display: display: table; margin: 4px 0; }
table tr {display: display: table-row;}
table tr th {display: display: table-cell; padding: 2px 4px; font-weight: bold; background: #999; color: #FFF; border: 1px #666 solid; vertical-align: middle; font-size: 12px;}
table tr td {display: display: table-cell; padding: 2px 4px; border: 1px #666 solid; font-size: 12px;}
/*table tr:hover td {background: #CCC;}*/

table.clear tr th, table.clear tr td {border: none; background: none;}
table.clear tr:hover td {background: none;}

input[type="submit"], input[type="checkbox"] {cursor: pointer;}

div.blad {border: 1px #C00 solid; margin: 8px; padding: 8px 32px;}
div.blad p {color: #C00; font-weight: bold;margin: 8px 32px;}

div.OK {border: 1px #060 solid; margin: 8px; padding: 8px 32px;}
div.OK p {color: #060; font-weight: bold;margin: 8px 32px;}

.justify{text-align: justify;}

ul {list-style-type:arabic; margin-left: 32px;}

.progress { position:relative; margin: 0 auto; display: block; width:100%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #BBB; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:38%; }

.zgoda{-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
padding: 10px;margin:10px;}