body {
   text-align: center;
   font-family: verdana;
   /*background: url('foto/gradient.jpg') repeat-x;*/
   background: #5A5A5A; }

   
   #container {
   width: 750px;
   height: 661px;
   position: relative;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 12px;

   background: #000;
   color: #fff;
   border: 5px solid #fff; }
   
   #notka {
   width: 530px;
   background: #444;
   border: 2px solid #5A5A5A;
   position: absolute; top: 130px; left: 70px;
   padding: 10px;   }

  h1 {
  font-size: 17px;
  color: cyan; }
  
  .p0 {
  text-align: justify;
  margin-top: 0; }

  .p1 {
  text-align: justify;}

  .p0:first-letter, .p1:first-letter {
  font-size: 200%;
  font-weight: bold;
  color: cyan; }
  
  .just {
  text-align: justify; }
  
  .podpis {
  color: cyan;
  text-align: right;
  font-style: italic;
  font-weight: bold; }
  
  .podpis2 {
  color: cyan;
  text-align: left;
  font-weight: bold;
  margin-bottom: 0; }
  
  .linek {
  color: #fff;
  text-decoration: none;  }
  
  .linek:hover {
  text-decoration: underline; }

   .main_pic {
   position: absolute; top: 70px; left: 70px; }
   .main_baca {
   position: absolute; top: 50px; left: 370px; }
   .main_baca_gal {
   position: absolute; top: 50px; left: 90px; }
  .button_1 {
   position: absolute; top: 80px; left: 330px; }
  .button0 {
   position: absolute; top: 140px; left: 330px; }
  .button1 {
   position: absolute; top: 200px; left: 330px; }
  .button2 {
   position: absolute; top: 260px; left: 330px; }
  .button3 {
   position: absolute; top: 320px; left: 330px; }
  .button4 {
   position: absolute; top: 380px; left: 330px; }
  .button5 {
   position: absolute; top: 440px; left: 330px; }
  .button6 {
   position: absolute; top: 500px; left: 330px; }
  .vert {
   position: absolute; top: 140px; left: 640px; }
  .vert_gal {
   position: absolute; top: 90px; left: 470px; }
  .rog {
   position: absolute; top: 330px; left: 460px; }
  .motto {
   position: absolute; top: 570px; left: 70px; }
      
   .oblej {
   float: left;
   padding: 0 10px 10px 0; }

  .galeria {
  text-align: center;
  margin: 150px 0 0 0; }

   .galeria img {
   margin: 5px;
   padding: 3px;
   border: 1px solid #ccc; }
   
    .galeria_duza {
  text-align: center;
  margin: 150px 0 0 0; }
  
    .galeria_duza img {
   margin: 10px;
   padding: 5px;
   border: 3px solid #ccc; }
   
   .tytul {
   font-size: 13px;
   margin: 0;
   color: #fff;
   font-weight: bold; }
   
   .technika {
   font-style: italic;
   margin: 0;
   color: cyan; }
   
   .strzala_lewo img, .strzala_prawo img, .strzala_gora img {
   border: 0;
   padding: 0;
   margin: 0; }
   
   .strzala_lewo {
   text-align: left;
   position: absolute; }
   
   .strzala_prawo {
   text-align: right; }

   .strzala_gora {
   text-align: center;
   position: absolute;  left: 370px;  }
  
  .strzaly {
  margin: 30px 200px 0 200px; }
  
  .strzaly a {
  text-decoration: none;
  color: #fff; }
  
  .back {
  text-align: center;
  margin: 20px 0; }