body {
  background: url(/images/background_repeat.png) repeat-x #8CBCE7;
  font-family: 'Trebuchet', Verdana;
  font-size: 14px;
  margin: 0; }

#page {
  background: url('/images/background_image.png') no-repeat top center;
  margin: 0 auto 0 auto;
  width: 945px;
  height: 700px; }

#header {
  height: 90px;
  font-size: 45px;
  overflow: hidden;
  padding: 35px 0 25px 0px; }
  #header .logo {
    float: left; }
  #header .nav {
    float: right;
    padding: 10px;
    text-align: right;
    line-height: 25px; }

hr {
  background: none;
  border: none;
  border-bottom: 1px solid #E7E7E7; }

#container {
  background: url(/images/rounded_bg.png) no-repeat top center;
  padding: 10px;
  overflow: hidden;
  height: 432px; }
  #container #content {
    float: left;
    width: 635px;
    padding: 10px;
    position: relative; }
  #container #sidebar {
    text-align: center;
    float: right;
    width: 245px;
    border-left: 1px solid #EFEFEF;
    padding-left: 5px; }
    #container #sidebar .hint {
      background: url(/images/czy_wiesz.png) no-repeat top center;
      text-align: left;
      height: 25px;
      font-size: 11px;
      color: #0F2339;
      padding-top: 25px;
      padding-left: 13px; }
    #container #sidebar .stats {
      text-align: left;
      color: #0F2339;
      font-size: 11px;
      padding: 5px; }
      #container #sidebar .stats .woman strong {
        color: #C30072; }
      #container #sidebar .stats .men strong {
        color: #2D73BF; }

#footer {
  padding: 10px;
  font-size: 11px;
  overflow: hidden;
  color: #0F2339; }
  #footer .left {
    float: left; }
  #footer .right {
    float: right; }
  #footer a {
    color: #0F2339; }

img, a {
  border: none; }

a {
  color: #282828; }

a:hover {
  color: #5F5959; }

h1 {
  margin: 0;
  padding: 0; }

#wrap {
  width: 650px; }

#wrap h1 {
  font-size: 16px;
  font-weight: normal; }
  #wrap h1 .right {
    float: right; }

#flash-notice, #flash-error, #flash-message {
  padding: 8px;
  margin-bottom: 18px; }

#flash-error.error {
  background: #fcc;
  border: 1px solid #f00; }

#flash-notice.notice {
  background: #fee37a;
  border: 1px solid #fd9b5b; }

#flash-message.message {
  background: #cbf285;
  border: 1px solid #3cab09; }

#ciekawostki h1 {
  padding: 5px;
  color: #C30072;
  font-size: 180%;
  font-weight: bold; }