html, body {
height:100%
}
body{
  background:#f7f7f7 url('/img/bg1.gif'); 
  padding:0;
  margin:0; 
  position: relative;
}
#pas { 
  position: absolute; 
  top: 50%; 
  width:100%;
  height: 400px; 
  margin-top: -180px; 
  background-color:#FFF;
  z-index:0;
  border-top:solid 1px #dadada;
  border-bottom: solid 1px #dadada;
}
#cont{
  position:relative;
  width:650px;
  margin:10px auto 0;
  height:380px;
  background: transparent url('http://patrykt.net/img/tlo.gif') bottom right no-repeat;
  padding-right:25px
}

#cont h1, .bx h1{
  padding:10px 0 0 0;
  margin:0 0 29px;
  font: normal 22px 'Trebuchet MS';
  /*border-bottom:solid 1px #999;*/
  width:195px;
}
#cont p, #facebox div.popup table td.body div.content p{
   /*font:normal 11px Arial; color:#666; */
  font:normal 11px "Lucida Grande",Geneva,Helvetica,sans-serif;
   margin-left:3px;
   /*width:360px;*/
   color:#555;
   line-height:20px;
}
#cont p.large, #facebox div.popup table td.body div.content p.large{ /*width:470px*/ }
#cont h2, .bx h2{
  color:#606060;
  padding:0;
  margin:18px 0 -6px 17px;
  font:bold 11px Arial;
} 
#cont h2 span, #facebox div.popup table td.body div.content h2 span{  color:#c3c3c3; font:bold 11px "Lucida Grande",Geneva,Helvetica,sans-serif; } 
#cont p a, span a, div.sr a, #facebox div.popup table td.body div.content p a{ color:#3483A9; text-decoration:none }
#cont p a:hover, span a:hover, div a:hover, #facebox div.popup table td.body div.content p a:hover{ color:#296887; }
div.sr a:hover{ color:#296887; text-decoration:underline }

#cont p.date{ font:normal 9px "Lucida Grande",Geneva,Helvetica,sans-serif; letter-spacing:2px; margin:-10px 0 0 17px; color:#7F7F7F; }

#cont #menu{ position: absolute; right:15px; top:0px; text-align:right; width:225px; }

#cont ul.photo{ display:block; clear:both; margin:0; padding:0; text-align:center; margin-left:27px }
#cont ul.photo li { color:#666; list-style-type:none; padding:0 9px 0 0; display:inline; float:left;  }
#cont ul.photo li a{ line-height:30px; text-decoration:none; color:#3483A9; }
#cont ul.photo li a:hover{ color:#296887; }

.p1{ font: normal 22px 'Trebuchet MS'; }
.p2{ font: normal 20px 'Trebuchet MS'; }
.p3{ font: normal 18px 'Trebuchet MS'; margin-top:10px; }
.p4{ font: bold 16px 'Trebuchet MS';   margin-top:-8px; }
.p5{ font: bold 14px 'Trebuchet MS'; }
.p6{ font: bold 12px 'Trebuchet MS'; }
.p7{ font: bold 10px 'Trebuchet MS'; }
.p8{ font: bold 13px 'Trebuchet MS'; }
.p9{  }
.p10{ font: normal 22px 'Trebuchet MS'; }
.p11{ font: normal 22px 'Trebuchet MS'; }

#menu .m1, #menu .m2, #menu .m3, #menu .m4, #menu .m5{ height:13px; display:block; border:none; float:left }
#menu a.m1{ background: #FFF url('http://patrykt.net/img/menu1.gif') 0 0 no-repeat;  width:42px;  }
#menu a.m1:hover{ background: #FFF url('http://patrykt.net/img/menu1.gif') 0 -13px no-repeat;  }
#menu a.m2{ background: #FFF url('http://patrykt.net/img/menu2.gif') 0 0 no-repeat;  width:54px;  }
#menu a.m2:hover{ background: #FFF url('http://patrykt.net/img/menu2.gif') 0 -13px no-repeat;  }
#menu a.m3{ background: #FFF url('http://patrykt.net/img/menu3.gif') 0 0 no-repeat;  width:46px;  }
#menu a.m3:hover{ background: #FFF url('http://patrykt.net/img/menu3.gif') 0 -13px no-repeat;  }
#menu a.m4{ background: #FFF url('http://patrykt.net/img/menu4.gif') 0 0 no-repeat;  width:32px;  }
#menu a.m4:hover{ background: #FFF url('http://patrykt.net/img/menu4.gif') 0 -13px no-repeat;  }
#menu a.m5{ background: #FFF url('http://patrykt.net/img/menu5.gif') 0 0 no-repeat;  width:38px;  }
#menu a.m5:hover{ background: #FFF url('http://patrykt.net/img/menu5.gif') 0 -13px no-repeat;  }



/* #569FBE, 7297BA */