body {
   background-color: black;
   font: 12px verdana, sans-serif;
   color: #CCCCCC;
   margin: 0;
   padding: 0;
   /*font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;*/
}
div#kontener{
   width: 550px;
   margin-left: auto;
   margin-right: auto;
}
div#top{
   height: 80px;
}
div#box{
   padding: 0 40px 0 40px;
}
div#stopka {
   height: 40px;
   font-size: 9px;
   color: Gray;
   text-align: center;
   border-top: 1px solid #252525;
   padding-top: 5px;
}
div#stopka a:link, div#stopka a:visited { color: #CCCCCC; text-decoration: none; font-weight: bold; }
div#stopka a:hover{ color: #7E7E7E; text-decoration: none; font-weight: bold; }
div#menu{
   position: fixed;
   top: 0;
   width: 900px;
   height: 40px;
   left: 50%;
   margin-left: -450px;
   background-color: black;
   text-align: center;
   z-index: 100;
}
#menu ul{ position: relative; top: 10px; margin: 0; padding: 0;  }
#menu li{
   list-style-type: none;
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: bold;
   display: inline;
}
#menu li a:link,#menu li a:visited {
   text-decoration: none;
   display: inline;
   padding: 0;
   margin: 0;
   color: #646464;
   border-bottom: 3px solid #121212;
   padding: 2px 7px;
}
#menu li a.aktiv:link,#menu li a.aktiv:visited { color:#999999 ; border-bottom: 3px solid #464646; }
#menu li a:hover{ color:#818181 ; border-bottom: 3px solid #333333;}

/*---- ########## ----*/
a:link, a:visited { color: #CCCCCC; text-decoration: none; }
a:hover { color: #7E7E7E; text-decoration: none; }
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}
h6 {font-size: 8px;}
img {border: none;}
/*---- ########## ----*/
div#zdjecie_blok { width: 450px; text-align: center; margin-left: auto; margin-right: auto; padding: 3px; }
div#zdjecie_blok p {text-align: justify; background: transparent url(../images/podpis.gif) no-repeat bottom right; padding-bottom: 45px; }
div#fundusz {
   height: 50px;
}
div#fundusz ul li a {
   display: block;
   float: left;
   height: 40px;
   margin: 0 10px 0 0;
}
div#fundusz ul li.info {
   width: 200px;
   color: #808080;
   font-size: 10px;
   text-align: left;
   float: right;
   margin: 0;
}
ul {
   padding: 0;
   margin: 0;
   list-style: none;
}
ul li.pusta{
   height: 20px;
}
ul.linki {
   margin-top: 20px;
}
ul.linki li {
   margin: 5px 0 0 15px;
   list-style: none outside url(../images/punkt1.gif);
}

.projekty ul li {
   list-style: none outside url(../images/punkt1.gif);
   margin: 10px 0 5px 40px;
}
.projekty ul.punkty li {
   list-style: none outside url(../images/punkt.gif);
   margin: 10px 0 5px 40px;
}
.projekty ul li a {
   font-weight: normal !important; 
   padding: 2px;
}
.projekty ul li a:hover {
   font-weight: normal;
   padding: 2px;
}
.projekty ul li a.aktiv {
   color: #7E7E7E; 
   text-decoration: none;
}
.projekty h4 {
   margin-top: 50px;
}

.projekty ul li span {
   color: #05448F;
   display: block;
}
.projekty ul li span a {
   color: #B6D6FC;
}
.projekty ul li span a:hover {
   color: #FFF;
}
.inni ul li span {
   color: #05448F;
   display: block;
}
.inni ul li span a {
   color: #B6D6FC;
}
.inni ul li span a:hover {
   color: #FFF;
}
.foto {
   margin-top: 80px;
}
span span  {
   font-style: italic;
   color: #646464 !important;
   display: block;
}
/*    */
ul.wypunktowanie {
   margin-top: 10px;
}
ul.wypunktowanie li {
   padding: 0px;
   margin: 0;
}
ul.wypunktowanie li span{
   display: block;
   position: relative;
   width: 380px;
   left: 90px;
   top: -17px;
   color: #B0B0B0 !important;
   z-index: 1;
}







#noJS {
   color: #C0000C;
   padding: 20px;
   border: 3px double #C0000C;
   background-color: Black;
   position: fixed;
   width: 300px;
   top: 40%;
   left: 50%;
   margin-left: -150px;
   z-index: 100;
}
#noJS h3 {
   color: #C0000C;
   text-align: center;
}



@media print{
div#menu{ display: none; }
* { background-color: white !important; color:#000 !important; }
}