html {

  }

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



@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;
}




#main {position:relative;width:90%;min-width:1000px;max-width:1300px;min-height:300px;height:0px;margin:0px auto; background-color:white;}


#naglowekl {float:left;margin-top:20px;margin-left:5%;width:90%;height:120px;
            font:oblique 69px futurax, Tahoma, Geneva, sans-serif; color:red;
            text-shadow:3px 2px 1px #444444;
            background:linear-gradient(to right bottom,#FEFEFE 0%, #DDDDDD 100%);}

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

       @keyframes tytul1
      {
        0% {color:#FEFEFE;}
      }
      
#faktura {float:left;position:absolute;text-align:center; width:auto;top:80px;right:15%;
          background:linear-gradient(to right bottom,#FEFEFE 0%, #DDDDDD 100%);
          width:350px;height:500px;
            font:bold 16px Arial, Geneva, sans-serif;font-style:normal;color:#0F0F0F;
            box-shadow:3px 3px 3px #777777;-moz-box-shadow:3px 3px 3px #777777;-webkit-box-shadow:3px 3px 3px #777777;
            border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;cursor:pointer;
            transform:rotate(10deg);}