body
{
width: 770px;
padding: 0;
margin: 10px auto 0 10px;
background-color: #333333;
color: #777777;
font: 12px/1.5 Arial, Helvetica, Verdana, Tahoma, sans-serif;
text-align: left;
}

input, select
{
font: 12px Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

object
{
display: block;
}

ul, img, div, p, form
{
margin: 0;
padding: 0;
border: 0;
}

a
{
color: #6699cc;
text-decoration: none;
}

a:hover
{
color: #3d79b6;
text-decoration: none;
}

#ranking
{
width: 100%;
}

#ranking th
{
background: #EFECE2;
padding: 5px 0;
}

#ranking td, #ranking th
{
text-align: center;
}

#ranking .ran1
{
background: #F8F7F1;
}

#ranking .ran2
{
background: #F5F4EB;
}

h1
{
font-size: 1.2em;
color: #6699CC;
margin: 0;
height: 22px;
padding: 4px 0 2px 6px;
background: url('img/h1.gif') bottom;
background-repeat: repeat-x;
}

h2
{
font-size: 1.1em;
color: #CC3333;
margin: 12px 0 3px 0;
padding-bottom: 2px;
background: url("img/dot_s.gif") bottom;
background-repeat: repeat-x;
}

h3
{
font-size: 1.1em;
color: #eeeeee;
margin: 0 0 5px 0;
height: 20px;
padding: 4px 0 2px 10px;
background: url('img/h3.gif') bottom;
background-repeat: repeat-x;
}

h4
{
text-align: center;
font-size: 1em;
color: #cccccc;
margin: 3px 0;
}

h5
{
margin: 15px 0;
font-size: 1.8em;
color: #CC3333;
}

h6
{
font-size: 1em;
color: #444444;
margin: 3px 0;
}

#top ul
{
height: 16px;
padding: 4px;
background: url('img/menu.jpg');
}

#top ul li
{
text-align: center;
list-style-type: none;
padding: 0.5em 0.1em;
display: inline
}

#top ul li a
{
color: #e4e4e4;
background: #315073;
text-decoration: none;
padding: 2px 8px;
font-weight: bold;
}

#top ul li a:hover
{
background: #294563;
}

#before, #after
{
float: left;
width: 770px;
overflow: hidden;
}

#before
{
height: 8px;
background: url('img/top.gif');
}

#after
{
height: 10px;
background: url('img/end.gif');
}

#main
{
float: left;
width: 770px;
background: url('img/body.gif');
}

#menu
{
float: right;
width: 200px;
padding: 0 10px 50px 0;
}

#content
{
float: left;
width: 540px;
padding: 0 10px;
}

#footer
{
float: right;
text-align: right;
width: 500px;
padding: 6px;
font-weight: bold;
color: #888888;
}

#footer a
{
color: #aaaaaa;
text-decoration: none;
}

#elnino
{
float: left;
}

#elnino img
{
display: block;
}

.bigbox
{
margin: 0 10px 10px 10px;
}

.bigbox p
{
margin: 5px 26px 10px 26px;
text-indent: 18px;
text-align: justify;
}

.green
{
width: 260px;
height: 47px;
padding: 8px 5px 5px 95px;
margin: 5px auto;
text-align: center;
background: url('img/niece.jpg') center;
}

.hid
{
font-weight: bold;
border-color: #ffffff; 
border-width: 0;
width: 20px;
text-align: center;
color: #6699CC;
}

#sudoku
{
margin: 10px auto;
border-spacing: 0;
border-collapse: collapse;
}

#sudoku table
{
border-spacing: 0;
border-collapse: collapse;
}

.sud1
{
border: 2px solid #2D5986;
}

.sud2
{
border:1px solid #4684C1; 
text-align: center; 
width: 28px; 
height: 28px;
font-weight: bold;
}

.center
{
text-align: center;
}

#drukuj
{
margin: 6px 100px;
border: 3px solid #99CC33;
padding: 5px;
text-align: center;
font-size: 12px;
font-weight: bold;
}

#drukuj img
{
margin: 0 3px 0 0;
vertical-align: middle;
}

.tex
{
width: 70px;
}

.box
{
margin: 2px 4px 8px 4px;
}

#menu ul, #menu ol
{
text-align: left;
padding: 0;
margin: 5px 0 5px 20px;
}

#menu ul
{
list-style-type: square;
}

#menu ol
{
margin: 5px 0 5px 30px;
}

#menu a
{
color: #DEDE9A;
}

#menu a:hover
{
color: #F8F8E9;
}

#licznik
{
font-weight: bold;
text-align: center;
margin: 12px 0 0 0;
font-size: 1.2em;
color: #555555;
}

.inp
{
width: 180px;
}

.err, .oki
{
font-weight: bold;
padding: 3px;
margin: 3px 0 0 0;
text-align: center;
}

.err
{
color: red;
border: 1px solid red;
}

.oki
{
color: green;
border: 1px solid green;
}

ol
{
padding: 0;
margin: 10px 25px;
font-weight: bold;
}

.poq
{
display: block;
padding: 3px;
background: #f2f2f2;
border: 1px solid #cccccc;
margin: 3px auto 15px auto;
}

#banner
{
text-align: center;
margin-bottom: 10px;
}