body { margin: 20px  auto;  font-family: sans-serif, "Verdana", "Arial", "Helvetica";   font-weight: bold;  font-size: 12px;  
  line-height: 130%;  width: 920px; color: black;    background: #DCDCDC;  border: none; }  

font.nowy {text-align: center; color:magenta; font-size:14px; font-weight:bold;  margin-top: 10px;}   /* kolory nowych programów    */

img.foto { float:left;  border:0px;   width: 400px;   height: 300;   margin:15px; }   
 .logo {float: left;  clear:left; border: none; margin-left: 10px; margin-top: 20px; width: 197px;  height: 98px}
.znak { vertical-align:middle;    border: none; width: 48px; height: 24px;   }
 hr { background: #DCDCDC;  color:gray;  width: 920px; height:2px;    }

 a {  text-decoration:none;   }   /* decoration= łącza bez podkreślenia*/
 a:link {color: blue; }          /* taki wygląd hiperłącza w spoczynku*/
 a:visited {color: #8B008B;}     /*  ten kolor dla łącza już odwiedzonego*/
 a:hover {color: #996600;}                                  /*tak po najechaniu myszą */
 a.maly {float: right;   font-size: 12px;   color: #CC0000;  text-align:right; margin-right: 40px;}  
 a.kasa { font-size: 14px;   color: yellow;  text-align:right; }  
 a.kasa: visited { font-size: 14px;   color: yellow;  text-align:right; }  

  h1 {  margin-top: 25px;  color:maroon;    font-size:40px;  text-align: center;}
  h2 {text-align: center; color:black; font-size:14px; font-weight:bold;  margin-top: 0px;}
  h2.forsa {text-align: center; color:maroon; font-size:12px; font-weight:bold;  margin-top: 10px;}
  h5 { font-size:14px; font-weight:bold; text-align:center;  margin-bottom: 10px; }

 p {  text-align: justify; text-indent:1cm;  margin-left: 20px; margin-right: 20px;  margin-top:0px; }
 p.tagi {float: right;   font-size: 12px;  font-weight: normal;  color: #006633;  text-align:right;  margin-top: 0px;  margin-bottom:0px;  margin-right: 50px;}
 p.dolne {float: right;   font-size: 12px;   color: green;  text-align:right;   margin-right: 50px;}  


   table { width: 920px;height:600px;  background-color: #dcdcdc; border: 3px solid black; }
     td{ vertical-align:middle; padding-top: 0px;  }
   td.tytulik {height:130px; text-align: center; color: maroon; border-bottom: 2px solid black;  }
   td.lewa {width:210px; height:570px; border-right: 2px solid black;}
   td.prawa {width:710px; height:570px;}
   td.notka { height:20px; text-align: right; color: green; border-top: 2px solid black; padding-right: 70px; }
   div {height:570px;  overflow: auto;}

/*########   to klawisze u góry  ########*/
 #menu {	list-style: none; margin-bottom: 1px; margin-right: 20px;  float:right; }  
 /* menu górne przesuwa do prawej */

  #menu li {float: left;  margin: 3px;   border: 3px solid gray;  background: #FFFF00;   padding-left: 8px;
 padding-right: 8px; height: 20px; }                       /* 30px kolory klawiszy u góry  */	

#menu a:hover, #menu a:active { background:maroon;  color: yellow;  line-height:150% ;   }  
/*line-height dokładam i OK to menu  górne --podswietlenie-*/

 #maluj {  color: maroon; background:#DCDCDC;   } 

  #maluj ul {list-style: none;margin: 0;padding: 0;border: none; } /*to kasuje kropki przed nazwami po lewej */

#maluj li {text-align: center; border-right: 0px solid gray;  border-left: 0px solid gray; border-bottom: 2px solid black; 
   margin-right: 0px;	margin-left: 0px;}
    /*  daje -15 bo w body margin =20    to linie w panelu po lewej !!! */

                                     /*      niżej to litery po lewej  */		    
#maluj li a {display: block;     padding: 8px;     color: black;  text-decoration: none;  } 

#maluj li a:hover { color: yellow;  background: maroon;  }  
                                /*to podswietlenie kursora myszy na menu po lewej kasuje bordery */