html {
  background: white;
  font-family: Arial, Helvetica, serif;
  line-height: 150%;
  font-size: 16px;
 color: #1F3864;
 text-align:justify;
}

h6
{
  background: white;
  font-family: Arial, Helvetica, serif;
  
  font-size: 20px;
 color: #1F3864;
 text-align:center;
 padding:0; margin:0; margin-bottom: 0px;
}



body {
  margin: 0px;
}

#podstawa{
  width: 960px;
  padding: 6px 6px 6px 6px;
  margin: 0px auto 0px auto;
}

#container {
  width: 996px;
  padding: 0px 2px 0px 2px;
  margin: 0px auto 10px auto;
}

table {
  border-collapse:collapse;
}

h1, h2, h3, #menu {
  font-family: Georgia, serif;
  letter-spacing: 1px;
  overflow: hidden;
}

h1 {
  text-shadow: #aaaaaa 0px 1px 1px;
}

h3 {margin-bottom: 2px;  }

a {
  color: #1F3864; 
}

a:hover {
  color:  #D86C5C;
}

#header {
  width: 100%;
  height: 205px;
  background: white url('h5szary.jpg') top center no-repeat;
}

#title {
  width: 100%;
  height: 120%;
  padding: 26px 0px 22px 0px;
 background: #254275 url('img/title.jpg') repeat-x;	
  text-align: center;
  margin: 0px 0px 15px 0px;
  color: #f3ecd9;
}

#title h1, #title h2 {
  margin: 0px auto 0px auto;
  letter-spacing: 8px;
  width: 1000px;
  display: block;
}

#title h1 {
  line-height: 50px;
  font-size: 32px;
  color: #F3ECD9;
}

#title h2 {
  line-height: 30px;
  font-size: 25px;
  color: #F3ECD9;
}


#menu {
  width: 240px;
  float: left;
  margin-left: 10px;
  padding-bottom: 10px;
}

#menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#menu ul li {
  margin: 5px 0px 5px 0px;
}

#menu ul li a {
  padding: 5px 5px 5px 5px;
  width: 224px;
  text-decoration: none;
  font-weight: bold;
  background: white;
  color: #1F3864 ;
  font:  16px  Arial, Helvetica,  serif;
  display: block;
  border: 3px solid #1F3864 ;
}

#menu ul li a:hover {
  background: RGB(200,214,238); 
   color:  RGB(27,48,85); 
}

#menu ul li a.selected {
  background: #244274 url('img/title.jpg') repeat-x;
  color: #f3ecd9;
}

.content {
  width: 700px;
  float: left;
  margin: 5px 15px 45px 15px;
  padding: 5px 5px 5px 5px;
  border: 3px solid #254275;
}

div.clear {
  clear: both;
}

/*style wspólne dla co najmniej dwóch podstron*/

.content h1 {
  font-size: 28px;
  text-align: center;
  margin: 20px 15px 20px 0px;
  line-height: 32px;
  color: #4A2900;
}

.content h1.c {
  font-size: 28px;
  text-align: center;
  margin: 25px 15px 20px 0px;
  line-height: 35px;
  color: #db0000;
}

.content h2 {
  font-size: 22px;
  text-align: center;
  margin: 15px 15px 5px 0px;
  line-height: 25px;
  color: #1F3864;
}


.content h3.pod_h1 {
 font:  20x  Arial, Helvetica,  serif;
  font-weight: bold;
  text-align: center;
  text-indent: 0px;
  margin-top: -15px;
  padding-bottom: 10px;
  line-height: 25px;
  color: #4A2900;
}

.content h4 {
  font-size: 20px;
  text-align: center;
  margin: 25px 0px 5px 0px;
  line-height: 25px;
  color: #1F3864;
}

.content h5 {
  font-size: 20px;
  text-align: left;
  margin: 5px 0px 5px 0px;
  line-height: 25px;color: #1F3864;
}

.content h6 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin: 15px 0px 5px 0px;
  color: #1F3864;
}

.content h7 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin: 15px 0px 5px 0px;
  color: #1F3864;
}

.content a.powrot {
  display: block;
  text-indent: 25px;
  margin-bottom: -20px;
  font-size: 13px;
  color: #807040;
}

.content.strona_kursu p {
  font-family: Arial, Helvetica, serif;
  font-size: 16px;
  text-align: justify;
  margin: 0px 20px 10px 10px;
  text-indent: 15px;
  color: #1F3864;
}

 
.content.strona_kursu a.powrot {
  text-align: center;
  margin-top: 25px;
}

.content.strona_kursu span.czerwone {
    color: red; }  



.content div.wazne {
  background: #f3ecd9;
  font-family: Arial, Helvetica, serif;
  font-size: 16px;
  text-indent: 25px;
  padding: 10px 10px 0px 10px;
  margin: 0px 20px 10px 10px;
  border: 1px solid #cccccc;
}
.content p {
  font-size: 16px;
  text-align: justify;
  margin: 5px 20px 5px 10px;
  text-indent: 15px;
  color:  color: #1F3864;
}

.content p.wazne {
  font-size: 16px;   color: red;
  font-weight: bold;
 text-indent: 0px;
  margin: 5px 20px 5px 10px;}


.content p.wazne_srodek {
  font-size: 16px;
  font-weight: bold;
   text-align: center;
  margin: 5px 20px 5px 10px;}

 
.content p.data {
  font-size: 15px;
  font-style: italic;
  text-align: right;
  margin: 0px 15px 10px 0px;
}


.content p.opis {
  font-size: 15px;
  font-style: italic;
  text-align: center;
  margin: 0px 15px 10px 0px;
}



.content p.bez_wciecia_lewe {
  text-indent: 0px;
   text-align: left;
}

.content span.opis {
  font-size: 15px;
  font-style: italic;
  text-align: center;
  margin: 0px 15px 10px 0px;
}

.content span.mniejsze {
  text-align: left;
  font-size: 15px; }                  


.content span.bk {
    font-weight: bold; }    

.content span.red {
    color: red;font-weight: bold;  } 

 .content ul  {
  list-style-position: outside;
  list-style-type: disc;
  margin: 0px 15px 10px 20px;
  padding-left: 20px;
  font-size:16px;
  line-height: 150%;
   color: #1F3864;
}

.content ul.blizej  {
   margin: -2px 15px 10px 20px;
}

  .content li {
   font-size: 16px;
   color: #1F3864;
   margin: 0px 15px 0px 20px;
}

  .content li.lewo {
   font-size: 16px;
   color: #1F3864;
   margin: 0px 15px 0px 10px;
}

  .content li.blizej {
   margin: -8px 15px 0px 20px;
}


  
.content ol {
  list-style-position: outside;
  margin: 0px 15px 10px 10px;
  padding-left: 20px;
  font-size: 16px;
   color: #1F3864;
}

.content.organizacja ol   {
  padding-left: 0px;   }

 .content.organizacja ul   {
  padding-left: 10px;   }


 .content hr {
  width: 100%;
  height: 3px;
  color:  RGB(27,48,85);
  background-color: RGB(27,48,85);
  }

.content table {
  width: 670px;
  margin: 0px 10px 10px 20px;
  
}


.content table td {
  padding: 5px 5px 5px 5px;
  text-align : middle;
  background: white;
  color: #1F3864;
  font: 16px Arial, Helvetica,  serif;
}

.content td.lewe {
  text-align : left;
  color: #1F3864;
  font: 16px Arial, Helvetica,  serif;
}

.content  table td.wazne { 
 letter-spacing: 1px;
 text-align: left;
 font-weight: bold;
 color: #1F3864;
 font:  16px  Arial, Helvetica,  serif;
} 

.content table td.kolumna1 {
  width: 150px;
  color: #222222;
  font-style: italic;
  text-align: right;
  padding: 0px 15px 0px 5px;
}

.content table td.data {
  font-style: normal;  width: 120px;
}

.content table td.kolumna1.strony {
  width: 50px;
}



/*blad*/

.content.blad {
  background: #FFF883;
}


#footer {
  width: 100%;
  height: 118px;
  margin: 5px 3px 3px 3px;
  }
 .footer p { 
font-family: Arial, Helvetica, serif; 
font-size: 15pt; 
text-align: center; 
color:#1F3864;}