.left
{
position:absolute;
left:5px;
}

.right
{
position:absolute;
right:50px;
}

.center
{
position:absolute;
margin-left:220px;
margin-right:0px;
width:75%;
}

#wynik{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;

  width:100%;
  height:header-<length>
  position:absolute;
  top:0;
  left:110px;
//  color:#f00;
}

 body{
  margin:0;
  padding:header-<length> 0 footer-<length> 0;
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
 // width:25%;
  height:header-<length>;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:footer-<length>;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

#header{ 
width:300px; 
}


div#header{

}

.srodek
{
text-align:center;
}



.center .tabela
{
    margin: 0 auto; 
    width: 70%; 
}

.tabela_comment
{
    width:98%; 
    margin-left:1%; 
    margin-right:1%;
}

#results-header{ 
background: #FEFEDD; 
}

body {
    font-family: Tahoma;
    font-size: 12px;
    color:#000000;
    background-color: #FFFFFF;
    margin: 0px;
}
    
tr.nag {
    font-family: Tahoma;
    color:#FFFFFF;
    font-size: 12px;
    border: 0px;
	background: #A52A2A;
	font-weight: bold;
}

tr.pyt {
    font-family: Tahoma;
    color:#000000;
    font-size: 12px;
    border: 0px;
	background: #FEFEDD;
}

td.cen {
	text-align: center;
}

tr.odp {
    font-family: Tahoma;
    color:#000000;
    font-size: 12px;
    border: 0px;
	background: #DDDDDD;
}

input.cie {
	background-color:#FEFEDD;
	border: 0px;
	font-weight: bold;
    font-size: 10px;
}

form.p {
	padding:0px;
}