html {

  }

body {
    width:100%;
    margin:0;padding:0;
    overflow:auto;
    background-color:#191919;}



@font-face {
    font-family:'futurax';
    src: url('Futura.eot');
    src:  url('Futura.eot?#iefix') format('embedded-opentype'),
          url('Futura.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#elipsa {margin:auto; margin-top:25px; auto;width:1200px;height:700px;} /* elipsa wysrodkowania   */
#naglowekl {float:left;margin-top:50px;margin-left:90px;width:410px;height:120px;
            font:oblique 69px futurax, Tahoma, Geneva, sans-serif; color:red;
            text-shadow:3px 2px 1px #444444;}



#naglowekp {float:left;margin-top:120px;margin-left:50px;width:650px;height:50px;
            animation:naglowekp1 1s;}
      @keyframes naglowekp1
      {
        0% {}
      }

#tytul {float:left;width:auto;height:30px;margin-top:15px;margin-left:3px;font:bold 17px Tahoma, Geneva, sans-serif;color:#DEDEDE;
        text-shadow:1px 1px 1px #444444;
        animation:tytul1 1s;}

       @keyframes tytul1
      {
        0% {color:#555555;}
      }


.menu0 {float:left;text-align:center; width:auto; height:23px;padding:8px;padding-top:9px;  background-image:url('../grafika/menu.png');margin-left:1px;
            font:bold 16px Arial, Geneva, sans-serif;font-style:normal;color:#0F0F0F;
            box-shadow:1px 1px 3px #333333;-moz-box-shadow:1px 1px 3px #333333;-webkit-box-shadow:1px 1px 3px #333333;
            border-radius:10px 0px 0px 10px;-moz-border-radius:10px 0px 0px 10px;-webkit-border-radius:10px 0px 0px 10px;cursor:pointer;
            transition-duration:0.3s;}
.menu0:hover{transform:translateY(-2px);background-image:url('../grafika/menuw.png');margin-left:1px;}

.menu1 {float:left;text-align:center; color:red; font-size:12px;width:auto; height:23px;padding:8px;padding-top:9px; background-image:url('../grafika/menu.png');margin-left:1px;
            font:bold 16px Arial, Geneva, sans-serif;font-style:normal;color:#0F0F0F;
            box-shadow:1px 1px 3px #333333;-moz-box-shadow:1px 1px 3px #333333;-webkit-box-shadow:1px 1px 3px #333333;cursor:pointer;
            transition-duration:0.3s;
             }
            
.menu1:hover{transform:translateY(-2px);background-image:url('../grafika/menuw.png');margin-left:1px;}


.menu2 {float:left;text-align:center; width:auto; height:23px;padding:8px;padding-top:9px; background-image:url('../grafika/menu.png');margin-left:1px;
            font:bold 16px Arial, Geneva, sans-serif;font-style:normal;color:#0F0F0F;
            box-shadow:1px 1px 3px #333333;-moz-box-shadow:1px 1px 3px #333333;-webkit-box-shadow:1px 1px 3px #333333;
            border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;-webkit-border-radius:0px 10px 10px 0px;cursor:pointer;
            transition-duration:0.3s;}
.menu2:hover{transform:translateY(-2px);background-image:url('../grafika/menuw.png');margin-left:1px;}

.linia {float:left;width:1200px;height:1px;margin-top:1px;background-color:#555555}
#stopka{float:left;text-align:right;font:normal 13px Tahoma, Geneva, sans-serif;color:#AAAAAA;width:100%;height:auto;padding-right:10px;margin-top:4px;}


#zawartosc {position:relative;float:left;width:1200px;height:470px;margin-top:30px}


.tekst_lewy{position:absolute;font:bold 16px Tahoma, Geneva, sans-serif;font-style:normal;color:#BBBBBB;line-height:30px;width:450px;height:auto;top:10px;left:5px;
            animation:tekst_lewy1 500ms; }
       @keyframes tekst_lewy1
      {
        0% {color:#555555;}
      }

/* systemy  */

.box{position:absolute;font:bold 11px Tahoma, Geneva, sans-serif;font-style:normal;color:#0f0f0f;background:#a3baba;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:center;box-shadow:1px 1px 3px #555555;-moz-box-shadow:1px 1px 3px #555555;-webkit-box-shadow:1px 1px 3px #555555;border-radius:6px 6px 6px 6px;
      -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;width:350px; height:290px;padding-top:5px;margin-left:0.0%;
      animation:box1 500ms;
      }

      @keyframes box1
      {
        0% {transform:translateY(-500px);}
      }
      @keyframes box2
      {
        0% {transform:translateY(-500px);}
      }
      
.boxb{position:absolute;font:bold 11px Tahoma, Geneva, sans-serif;font-style:normal;color:#0f0f0f;background:#a3baba;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:center;box-shadow:1px 1px 3px #555555;-moz-box-shadow:1px 1px 3px #555555;-webkit-box-shadow:1px 1px 3px #555555;border-radius:6px 6px 6px 6px;
      -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;width:350px; height:290px;padding-top:5px;margin-left:0.0%;
      animation:boxb1 750ms;
     }


      @keyframes boxb1
      {
        0% {transform:translateY(-500px);}
      }

      @keyframes boxb2
      {
        0% {transform:translateY(-500px);}
      }

.box_naglowek{float:left;font:bold 14px Tahoma, Geneva, sans-serif;font-style:normal;color:#DDDDDD;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:center;box-shadow:1px 1px 3px #555555;-moz-box-shadow:1px 1px 3px #555555;-webkit-box-shadow:1px 1px 3px #555555;border-radius:6px 6px 6px 6px;
      -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;width:315px; height:20px;padding:5px;margin-left:10px;margin-top:3px;
      }
      
.box_zawartosc{float:left;text-align:left;font:normal 14px Tahoma, Geneva, sans-serif;color:#2f2f2f;width:310px;height:240;padding:20px;padding-top:0px;margin-top:11px;line-height:15px;}


.optifaktbox{position:absolute;font:bold 11px Tahoma, Geneva, sans-serif;font-style:normal;color:#0f0f0f;background:#a3baba;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:center;box-shadow:1px 1px 1px #555555;-moz-box-shadow:1px 1px 1px #555555;-webkit-box-shadow:1px 1px 1px #555555;border-radius:1px 1px 1px 15px;
      -moz-border-radius:1px 1px 1px 15px;-webkit-border-radius:1px 1px 1px 15px;width:150px; height:150px;padding-top:0px;margin-left:0.0%;
      animation:optifaktbox1 500ms;transform:rotate(-29deg);
      }

      @keyframes optifaktbox1
      {
        0% {transform:translateY(-300px);}
      }
      
.optifaktbox_naglowek{float:left;font:bold 21px Tahoma, Geneva, sans-serif;font-style:normal;color:#DDDDDD;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:center;box-shadow:0px 0px 1px #555555;-moz-box-shadow:0px 0px 1px #555555;-webkit-box-shadow:0px 0px 1px #555555;border-radius:2px 2px 2px 10px;
      -moz-border-radius:2px 2px 2px 10px;-webkit-border-radius:2px 2px 2px 10px;width:120px;height:90px;padding:5px;padding-top:35px;margin-left:10px;margin-top:10px;
      }


.tekst_optifakt{position:absolute;text-align:left;font:bold 17px Tahoma, Geneva, sans-serif;font-style:normal;color:#BBBBBB;line-height:30px;width:450px;height:auto;top:0px;left:100px;
            animation:tekst_optifakt1 500ms; }
       @keyframes tekst_optifakt1
      {
        0% {color:#555555;}
      }



.tytul_optifakt{position:absolute;font:oblique 40px futurax, Tahoma, Geneva, sans-serif; color:red;
            text-shadow:3px 2px 1px #444444; margin-right:200px;animation:optifaktbox1 500ms;}


.kontakt_tekst{position:absolute;font:bold 11px Tahoma, Geneva, sans-serif;font-style:normal;color:#0f0f0f;background:#a3baba;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
               text-align:center;box-shadow:1px 1px 3px #555555;-moz-box-shadow:1px 1px 3px #555555;-webkit-box-shadow:1px 1px 3px #555555;border-radius:6px 6px 6px 6px;
               -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;width:280px; height:150px;padding-top:5px;margin-left:0.0%;
               animation:kontakt_tekst1 500ms;}

      @keyframes kontakt_tekst1
      {
        0% {transform:translateX(-300px);}
      }
               
               
.kontakt_naglowek{float:left;font:bold 14px Tahoma, Geneva, sans-serif;font-style:normal;color:#EEEEEE;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:center;box-shadow:1px 1px 3px #555555;-moz-box-shadow:1px 1px 3px #555555;-webkit-box-shadow:1px 1px 3px #555555;border-radius:6px 6px 6px 6px;
      -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;width:250px;height:20px;padding:5px;margin-left:10px;margin-top:3px;
      }

.kontakt_zawartosc{float:left;text-align:left;font:normal 15px Tahoma, Geneva, sans-serif;color:#2f2f2f;width:240px;height:120;padding:20px;padding-top:0px;margin-top:11px;line-height:15px;}

.kontakt_zawartosc2{float:left;text-align:left;font:bold 14px Tahoma, Geneva, sans-serif;font-style:normal;color:#EEEEEE;width:auto;height:40px;padding:7px;padding-top:0px;margin-top:5px;}


.kontakt_i{font:normal 14px Tahoma, Geneva, sans-serif;font-style:normal;color:#111111;background:#6699cc;border:0px solid #ffffff;text-shadow:0px 0px 0px #222222;
      text-align:left;box-shadow:1px 1px 3px #000000;-moz-box-shadow:1px 1px 3px #000000;-webkit-box-shadow:1px 1px 3px #000000;border-radius:2px 2px 2px 2px;
      -moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;width:20%; height:22px;padding:3px;margin-top:1px;margin-left:3px;}
.kontakt_i:focus{background-color:#99ccff;}



.button0{float:center;font:bold 17px Tahoma;font-style:normal;color:#bbbbbb;background-color:#4e6586;border:1px solid #bbb;text-shadow:0px 0px 0px #000000;
         box-shadow:0px 3px 1px #000000;-moz-box-shadow:0px 3px 1px #000000;-webkit-box-shadow:0px 3px 1px #000000;border-radius:5px 5px 5px 5px;
         -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;width:auto;width:330px;height:40px;padding:2px;cursor:pointer;margin-top:20px;}
.button0:active{cursor:pointer;top:2px;position:relative;}
.button0:hover{border:1px solid #111111;}
.button0:disabled{color:#999999;}



.button1{float:left;font:bold 13px Helvetica;font-style:normal;color:#000000;background:#ffcc99;border:1px solid #bbb;text-shadow:0px 0px 0px #ffffff;
         box-shadow:0px 3px 1px #000000;-moz-box-shadow:0px 3px 1px #000000;-webkit-box-shadow:0px 3px 1px #000000;border-radius:5px 5px 5px 5px;
         -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;width:auto;min-width:60px;height:21px;padding:2px;cursor:pointer;margin-left:10px;}
.button1:active{cursor:pointer;top:2px;position:relative;}
.button1:hover{border:1px solid #111111;}
.button1:disabled{color:#999999;}

.button2{float:left;font:bold 11px Helvetica;font-style:normal;color:#000000;background:#a5dada;border:1px solid #bbb;text-shadow:0px 0px 0px #ffffff;
         box-shadow:0px 3px 1px #000000;-moz-box-shadow:0px 3px 1px #000000;-webkit-box-shadow:0px 3px 1px #000000;border-radius:5px 5px 5px 5px;
         -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;width:auto;min-width:60px;height:17px;cursor:pointer;margin-left:10px;}
.button2:active{cursor:pointer;top:2px;position:relative;}
.button2:hover{border:1px solid #111111;}

.button3{float:left;font:bold 11px Helvetica;font-style:normal;color:#000000;background:#a5dada;border:1px solid #bbb;text-shadow:0px 0px 0px #ffffff;
         box-shadow:0px 3px 1px #000000;-moz-box-shadow:0px 3px 1px #000000;-webkit-box-shadow:0px 3px 1px #000000;border-radius:5px 5px 5px 5px;
         -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;width:120px;height:40px;cursor:pointer;margin-left:10px;margin-top:5px;margin-bottom:5px;}
.button3:active{cursor:pointer;top:2px;position:relative;}
.button3:hover{border:1px solid #111111;}