img{
   max-width: 100%;
   height:auto;
   width:auto;
}

img_staly{
   max-width: 100%;
   height:50%;
   width:50%;
}


      @keyframes rotacja_a
      {
        0% { transform:rotate(0deg); }
        100% { transform:rotate(360deg); }
      }
      @-webkit-keyframes rotacja_a
      {
        0% { transform:rotate(0deg); }
        100% { transform:rotate(360deg); }
      }

#img_rotacja_a{
   max-width: 100%;
   height:auto;
   width:auto;
        animation-name:rotacja_a;
        animation-duration:8s;
        animation-iteration-count:infinite;

        -webkit-animation-name:rotacja_a;
        -webkit-animation-duration:8s;
        -webkit-animation-iteration-count:infinite;
}

      @keyframes rotacja
      {
        0% { transform:rotateY(0deg); }
        100% { transform:rotateY(360deg); }
      }
      @-webkit-keyframes rotacja
      {
        0% { transform:rotateY(0deg); }
        100% { transform:rotateY(360deg); }
      }

#img_rotacja{
   max-width: 100%;
   height:auto;
   width:auto;
        animation-name:rotacja;
        animation-duration:5s;
        animation-iteration-count:infinite;

        -webkit-animation-name:rotacja;
        -webkit-animation-duration:5s;
        -webkit-animation-iteration-count:infinite;
}

      @keyframes skala
      {
        0% { transform:scale(1,1); }
        100% { transform:scale(1.2,1.2); }
      }
      @-webkit-keyframes skala
      {
        0% { transform:scale(1,1); }
        100% { transform:scale(1.2,1.2); }
      }

#img_skala{
   max-width: 100%;
   height:auto;
   width:auto;
   padding: 0px 10px 0px 10px;
        animation-name:skala;
        animation-duration:1s;
        animation-iteration-count:infinite;

        -webkit-animation-name:skala;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:infinite;
}

     @keyframes przesun
      {
        0% { transform:translate(0%, 0px); opacity: 0; }
        90% { transform:translate(100%, 0px); opacity: 1; }
        100% { transform:translate(100%, 0px); opacity: 0; }
      }
      @-webkit-keyframes przesun
      {
        0% { transform:translate(0%, 0px); opacity: 0; }
        90% { transform:translate(100%, 0px); opacity: 1; }
        100% { transform:translate(100%, 0px); opacity: 0; }
      }

#img_przesun{
   max-width: 100%;
   height:auto;
   width:auto;
   padding: 0px 0px 0px 100px;
        animation-name:przesun;
        animation-duration:10s;
        animation-iteration-count:infinite;

        -webkit-animation-name:przesun;
        -webkit-animation-duration:10s;
        -webkit-animation-iteration-count:infinite;
}
     @keyframes przesun_l
      {
        0% { transform:translate(100%, 0px); opacity: 0; }
        90% { transform:translate(-100%, 0px); opacity: 1; }
        100% { transform:translate(-100%, 0px); opacity: 0; }
      }
      @-webkit-keyframes przesun_l
      {
        0% { transform:translate(100%, 0px); opacity: 0; }
        90% { transform:translate(-100%, 0px); opacity: 1; }
        100% { transform:translate(-100%, 0px); opacity: 0; }
      }

#img_przesun_l{
   max-width: 100%;
   height:auto;
   width:auto;
   padding: 0px 10px 0px 10px;
        animation-name:przesun_l;
        animation-duration:10s;
        animation-iteration-count:infinite;

        -webkit-animation-name:przesun_l;
        -webkit-animation-duration:10s;
        -webkit-animation-iteration-count:infinite;
}





a{text-decoration: none;
   color: #444444;
   font-size: 22px;
   line-height: 28px;}

a.visited{text-decoration: none;
   color: #444444;
   font-size: 22px;
   line-height: 28px;}


body
{
   color: #444444;
   font-family: Open Sans, sans-serif, calibri, arial, times;
   background-color: #28281e;
   background-image: url('gdow_gfx/background.jpg');
   background-repeat: repeat-x;
   font-size: 18px;
   line-height: 1.4em;
   
}


#cyfra
   {
      border-radius: 10px;
      border: 1px solid #ffffff;
      background-color: #ffffff;
      color: #000000;
      text-align: center;
      font-weight: bold;
      width: 40px;
      padding: 3px 3px 3px 3px;
      vertical-align: middle;
      font-size: 22px;
   }

#tresc
{
   border-radius: 10px;
   color: #444444;
   AAAborder: 3px solid #ffffff;
   border: 0px solid #000000;
   box-shadow: 5px 5px 10px #444444;
   background-color: #ffffff;
   padding: 10px 10px 0px 10px;
}

#dodatkowe_info
{
   border-radius: 10px;
   color: #ffffff;
   border: 1px solid #9a2b29;
   box-shadow: 5px 5px 10px #444444;
   background-color: #6e1f1d;
   padding: 10px 20px 10px 20px;
}

#historia
{
   border-radius: 10px;
   border: 1px solid #7d5c18;
   box-shadow: 5px 5px 10px #444444;
   color: #ffffff;
   background-color: #4d2e11;
   padding: 20px 20px 20px 20px;
}

#mapka
{
   border-radius: 10px;
   border: 1px solid #ffffff;
   box-shadow: 5px 5px 10px #444444;
   background-color: #ffffff;
   padding: 10px 20px 10px 20px;
}

#odpowiedz
{
   border-radius: 10px;
   border: 1px solid #364c9d;
   box-shadow: 5px 5px 10px #364c9d;

   background-color: #364c9d;
   padding: 20px 20px 20px 20px;
}


#dziekujemy
{
   border-radius: 10px;
   border: 1px solid #ffffff;
   box-shadow: 5px 5px 10px #444444;
   color: #222222;
   background-color: #ffffff;
   padding: 20px 20px 20px 20px;
}




#udaj_sie
{
   border-radius: 10px;
   border: 1px solid #000000;
   box-shadow: 5px 5px 10px #444444;

   background-color: #000000;
   padding: 10px 10px 10px 10px;
}

#przycisk
{
    width: 100px;
    height: 40px;
    text-decoration: none;
    font weight: bold;
    font-size: 20px;
}