* {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
}

body {
  width: 100%;
  height: 100%;
}

p {
  text-align: center;
}

p.male {
  font-size: 8pt; 
}

h1 {
  font-size: 16pt;
}

table {
  width: 100%; 
  height: 100%;
  border-collapse: collapse;
}

td {
  background-color: #F8F3E6;
}

td.lg {
  background-image: url(p.gif);
  background-repeat: no-repeat;
  background-position: top left;  
  width: 90px;
  height: 90px;
}

td.pg {
  background-image: url(f.gif);
  background-repeat: no-repeat;
  background-position: top right;  
  width: 90px;
  height: 90px;
}

td.gora {
  padding-top: 15px;
  vertical-align: center;
  background-image: url(g.gif);
  background-repeat: repeat-x;
}

td.ld {
  background-image: url(q.gif);
  background-repeat: no-repeat;
  background-position: bottom left;  
  width: 90px;
  height: 90px;
}

td.pd {
  background-image: url(pfq.gif);
  background-repeat: no-repeat;
  background-position: bottom right;  
  width: 90px;
  height: 90px;
}

td.dol {
  vertical-align: top;
  background-image: url(d.gif);
  background-repeat: repeat-x;
}

td.logo {
  background-image: url(pfqlogomini.gif);
  background-repeat: no-repeat;
  background-position: top center;
  width: 20%;
  background-image: url(d.gif);
  background-repeat: repeat-x;
}

td.ls {
  background-image: url(lewa.gif);
  background-repeat: repeat-y;
  padding-left: 15px;
}

td.ps {
  background-image: url(prawa.gif);
  background-repeat: repeat-y;
  padding-right: 15px;
}

iframe.ramka {
  width: 100%;
  height: 100%;
  border: none;
}

td>p {
  font-size: 8pt;
}