body {
	margin:0; 
	padding:0;
}

body, html {
  height: 100%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

form, input {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

td {
  font-family: Arial, sans-serif;
  font-size: 11px;
}
  
img { border: 0px; } 
a img {padding: 0px; margin: 0px; }

body, 
.body-table
{
 height: 100%;
 width: 100%;
}

.body-light {
 background-color: rgb(242,242,242);
}

.body-dark {
 background-color: #F2F2F2;
}

.body-table .top {
 vertical-align: top;
}

.body-table .bottom {
 vertical-align: bottom;
}

/*body header*/
.body-header {
 width: 100%;
}

.body-header .bar-01 {
 height: 25px;
 background-color: rgb(205,205,205);
}

.body-dark .body-header .bar-01 {
 height: 25px;
 background-color: rgb(205,205,205);
}

.body-header .bar-02 {
 height: 4px;
 background-color: rgb(0,0,0);
}

/*body footer*/
.body-footer {
 width: 100%;
 background-color: rgb(242,242,242);
}

.body-footer .bar-01,
.body-footer .bar-01-middle
{
 height: 28px;
 background-color: rgb(0,0,0);
}

.body-dark .body-footer .bar-01, 
.body-dark .body-footer .bar-01-middle {
  background-color: #000000;
}

/*page header*/
.page-header {
 width: 789px;
 margin-top: 25px;
}

.page-header .logo {
  vertical-align: top;
  text-align: left;
  height: 200px;
}

.page-header .mi-img {
  vertical-align: top;
  text-align: right;
  height: 200px;
}

.page-header .menu {
  vertical-align: bottom;
  border-bottom: 1px solid rgb(194,194,194);
  height: 50px;
  padding-bottom: 5px;
}

.page-header .menu table {
  width: 100%;
}

.page-content {
  margin-top: 25px;
  width: 789px;
}

.page-content .right-area {
  width: 400px;
}

.page-content .left-area,
.page-content .right-area {
  vertical-align: top;
  text-align: left;
}

.body-dark .page-content .left-area {
	background-color: #F2F2F2;
	background-image: url(imgs/narzedzia-bg.png);
	background-repeat: no-repeat;
	background-position: 65px 65px;
}

.left-area .left-menu .child-item {
 height: 17px;
 vertical-align: middle;
}

.body-dark .left-area,
.body-dark .right-area {
  color: #000000;
}

.ramka {
 width: 400px;
}

.body-dark .ramka .top {
  background: url('/imgs/frame-b-top.png') bottom left no-repeat;
  height: 13px;  
}

.body-light .ramka .top {
  background: url('/imgs/frame-a-top.png') bottom left no-repeat;
  height: 13px;  
}

.body-dark .ramka .bottom {
  background: url('/imgs/frame-b-bottom.png') top left no-repeat;
  height: 13px;  
}

.body-light .ramka .bottom {
  background: url('/imgs/frame-a-bottom.png') top left no-repeat;
  height: 13px;
}

.ramka .text {
  background: rgb(0,0,0);
  color: rgb(255,255,255);  
}

.body-dark .ramka .text {
  background: rgb(255,255,255);
  color: rgb(0,0,0);
}

.ramka ul {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;  
  list-style-type: disc;
  color: rgb(39,58,135);
}



h1 {
 padding: 2px 10px 2px 5px;
 font-size: 16px;
 color: rgb(39,58,135);
}

h2 {
 padding: 2px 10px 2px 8px;
 font-size: 14px;
 color: rgb(39,58,135);
}

h3 {
 padding: 2px 10px 2px 10px;
 font-size: 13px;
 color: rgb(39,58,135);
}

h4 {
 padding: 2px 10px 2px 12px;
 font-size: 12px;
 color: rgb(39,58,135);
}

h5 {
 padding: 2px 10px 2px 12px;
 font-size: 12px;
 font-weight: normal;
 color: rgb(39,58,135);
}

.body-dark h1,
.body-dark h2,
.body-dark h3,
.body-dark h4,
.body-dark h5 {
  color: #000000;
}


p {
 padding: 2px 10px 2px 15px;
 font-size: 12px;
}