body {
   background: url(img/background.png);
   font: 12pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#outer {
   border: 2px solid black;
   width: 80%;
   margin: 15px auto 0 auto;
   background-color: white;
}

#top {
   text-align: center;
}

#menu {
   margin: 20px auto 0 auto;
   text-align: center;
   font: 12pt/30pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#menu li {
   display: inline;
}

#menu a {
   background-color: #eee;
   padding: 5px;
   border: outset 2px;
   text-decoration: none;
}

#menu a:hover {
   border: inset 2px;
}

#menu a:visited {
   color: #333
}

div.cell {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

div.cell a {
   font-size: 10pt
}

img {
   border: 0
}

#logo {
   float: left
}

#szukaj {
   margin-top: 30px; /* approximate centering until I figure out how to do
                        this better */
}

#content {
   margin: 0 0.7cm;
}

h1 {
   text-align: center;
   font-size: 20pt;
}

h2 {
   text-align: left;
   font-size: 16pt;
}

p {
   margin-left: 5px;
   margin-right: 5px;
   text-align: justify
}

p.footer {
   border-top: 1px solid black;
   margin: 0 auto;
   padding: 5px;
   font: 9pt/12pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
   text-align: center
}

a:link {
   color: #333;
}

a:visited {
   color: #666
}

li {
   text-align: justify;
}

#flags {
   float: right;  
}

#flags img {
   margin: 0;
   padding: 0;
}