* {
margin: 0;
padding: 0;
border: 0;
}
body {
height: 100%;
font-size: 1em;
font-family: "Arial","Tahoma","Verdana",sans-serif;
background-color: #000000;
color: #FFFFFF;
}
.wrapper { /* it's my solution, it could be left */
float: right;
}
a {
text-decoration: none;
color: #ffffff;
cursor: hand;
}
h1 {
font-family: "Tahoma","Arial","Verdana", sans-serif;
}
acronym, abbr {
border-bottom: 1px dashed black;
}
q, blockquote, code {
display: block;
position: static;
margin: 0.2em 0;
padding: 0.1em;
font-style: italic;
} 
q, blockquote {
background-color: #ffffff;
}
code {
color: #CDFF00;
background-color: black;
}
dt {
display: block;
position: static;
background-color: #ffffff;
padding-left: 2%;
}
dd {
display: block;
position: static;
background-color: #ffffff;
padding-left: 4%;
}
ul, ol {
display: block;
position: static;
}
li {
list-style: none;
margin-left: 0.5em;
padding-left: 25px;
background-image: url('content-li.png');
background-repeat: no-repeat;
background-position: 0px 2px;
}
#content li {
font-size: 0.8em;
padding: 0 0 1px 25px;
}
input {
display: block;
float: left;
}
label {
display: block;
float: left;
margin: 0.05em 0 0.05em 1em;
}
label.title {
width: 100% !important;
margin: 0;
margin: 0.05em 0;
}
label.error, div.warning {
display: block;
position: static;
width: 80% !important;
margin: 0.2em 0 0.2em 1em;
border: 1px dotted black;
padding:  0.2em 0 0.2em 40px;
color: red;
font-size: 0.8em;
font-weight: bold;
background-color: #ffffff;
}
form div {
position: static;
clear: both;
margin: 0.5em 0;
}
form div>label {
margin: 0.2em 0;
}
form div>input {
margin: 0.2em 0;
}
input[type=submit] {
border: 1px solid #ffffff;
background-color: #ffffff;
margin: 0.05em 0;
}
#signupform label {
width: 25%;
}
#signupform input[type=text], #signupform input[type=password], #signupform select {
width: 40%;
}
#signupform textarea {
width: 60%;
}
label {
width: 15%;
}
input[type=text],input[type=password],select {
width: 20%;
}

input[type=text], input[type=password],textarea, select {
border: 1px solid #ffffff;
background-color: #000000;
color: white;
padding: 2px;
margin: 0.05em 0;
}
form div input[type=submit] {
margin: 0.5em 1em;
height: 30px;
width: 100px !important;
text-align: center;
font-weight: bold;
font-family: "Tahoma","Arial","Verdana", sans-serif;
border: none;
background-image: url('content-button.png');
background-repeat: no-repeat;
}
table {
width: 100%;
color: black;
}
table a {
margin: 0.5em 0;
}
table a {
color: black !important;
}
table td {
margin: 0.1em 0.25% 0.1em 0.25%;
padding: 0.3em 1% 0.3em 1%;
background-color: #ffffff;
}
table input {
display: inline-block;
background-color: inherit;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid black !important;
background-color: inherit !important;
}
table tr>td:first-child { /* start of a new table, waiting for CSS3 to solve this problem better. */
width: 60px !important;
}
table.payment tr>td:first-child {
width: auto !important;
}
table tr:first-child>td {
background-color: #ffffff !important;
}
table.payment tr:first-child>td {
background-color: #ffffff !important;
}
table select {
width: 40px;
}
#header {
min-width: 780px;
padding: 0.2em 0; /* cut */
background-color: #000000;
}
#header, #header div {
overflow: hidden;
}
#header, #topmenu, #container {
min-width: 780px;
}
#header, #header div {
overflow: hidden;
}
#topmenu { /*menu on the top*/
height: 36px;
background-image: url('topmenu-bg.png');
background-color: #000000;
background-repeat: repeat-x;
}
#topmenu ul:first-child {
float: left;
width: 48%;
}
#topmenu li {
float: left;
height: 35px;
background-image: none;
margin: 0 2%;
padding: 0;
}
#topmenu a {
display: block;
height: 21px;
padding: 9px 1em;
font: bold 0.8em "Georgia" , sans-serif;
letter-spacing: 0.001em;
color: #ffffff;
}
#topmenu a:hover {
color: black;
padding: 8px 1em;
background-image: url('topmenu-bg-hover.png');
background-repeat: repeat-x;
}
#topmenu-logo {
float: left;
width: 360px;
margin: 0 0 0 4%;
width: 46%;
min-height: 120px;
background-repeat: repeat-x;
}
#topmenu-logo img {
float: left;
}
#topmenu-domain {
float: left;
width: 48%;
padding: 0.6em 0;
}
#topmenu-domain h1 {
display: block;
height: 24px;
padding: 3px 0.5em;
font-size: 1.2em;
font-family: sans-serif;
background-image: url('topmenu-domain-h1.png');
border: none;
}
#topmenu-domain .content {
margin: 0 3px 0 3px;
padding: 0.2em 0 0.6em 0;
background-image: url('topmenu-domain-bg.png');
background-repeat: repeat-x;
background-position: top;
}
#topmenu-domain .content div {
clear: both;
margin: 1px 0;
}
#topmenu-domain .content input, select {
float: left;
}
#topmenu-domain .content input[type=text] {
width: 33%;
padding: 3px;
margin: 3px 0 0 0.25em;
}
#topmenu-domain .content select {
width: 33%;
margin: 3px 0 0 0.25em;
}
#topmenu-domain .content input[type=submit] {
display: block;
padding: 0 0 5px 0;
width: 25%;
margin: 0 0 0 0.25em;
color: #000000;
}
/* content */
#container {
clear: both;
height: 100%;
width: 100%;
padding: 100px 0 0 0;
background-image: url('content-bg.png');
background-color: inherit;
background-repeat: repeat-x;
}
#container input[type=text], #container input[type=password] {
border: none;
background-color: #000000;
}
/* menu */
#menu, #panel {
float: right;
width: 18%;
margin: -20px 5% 30px 2%;
}
#menu h1 {
display: block;
height: 23px;
padding: 2px 0 0 2%;
font-size: 1em;
font-weight: bold;
margin-bottom: 1px;
background-image: url('content-h1.png');
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#menu div:first-child>h1 {
border-left: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important;
}
#menu div {
position: static;
clear: both;
margin-bottom: 2px;
}
#menu div:first-child {
margin-top: 0 !important;
}
#menu ul, #panel ul {
list-style: none;
}
#menu li, #panel li {
margin: 3px 0 0 0;
padding: 0;
background-image: none;
}
#menu li a, #panel li a {
display: block;
height: 20px;
text-decoration: none;
color: #ffffff;
font-size: 0.8em;
font-family: sans-serif;
font-weight: bold;
padding-left: 4%;
background-image: url('menu-bg.png');
border-bottom: 1px solid #ffffff;
}
#menu li a:hover, #panel li a:hover {
background-image: url('menu-bg-hover.png');
}
#menu p {
padding: 1px 0.2em 0 0.2em;
}
#content {
float: left;
width: 69%;
min-width: 530px;
margin: -20px 0 0 3%;
padding: 0 1% 40px 1%;
font-size: 1em;
line-height: 1.2em;
min-height: 25.8em;
}
#column-left {
width: 32%;
float: left;
}
.main .wrapper {
width: 66%;
}
#column-middle {
margin: 0 1%;
width: 48%;
float: left;
}
#column-right {
margin-left: 2%;
width: 48%;
float: left;
}
#content h1, #content li.master, div.order label.title { /*title */
font-weight: bold;
font-size: 1.1em;
display: block;
position: static;
overflow: hidden;
height: 23px;
margin-top: 0.2em;
padding: 2px 0 0 2%;
clear: both;
background-image: url('content-h1.png');
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#content div:first-child>h1 {
border-left: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important;
}
.master {
list-style: none !important;
background-image: none !important;
}
#content h1:first-child {
margin-top: 0 !important;
}
/* description */
#content .subtitle {
font-size: 0.9em;
padding: 0.1em 0.4em;
border-bottom: 1px dotted #ffffff;
background-color: #bebdf4;
}
/* content and all other stuff */
.content>p {
text-indent: 1em;
margin-top: 0.2em;
}
.content, .footer {
word-spacing: 0.05em;
letter-spacing: 0.04em;
padding: 0 1em;
}
/* footer of the content: tags etc. */
#content .footer {
margin-bottom: 0.1em;
padding: 0.1em 0.5em;
background-color: #bebdf4;
border-top: 1px dotted #ffffff;
font-size: 0.9em;
}
/* site's footer */
#footer {
position: fixed;
bottom: 0;
clear: both;
margin: 0.2em 0 0 0;
padding: 3px 0;
width: 100%;
height: 19px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
background-image: url('content-h1.png');
font-size: 15px;
font-weight: bold;
color: white;
text-align: center;
}
.licznik
{
width: 100px;
height: 1em;
padding: 0.01em 0;
border: 1px solid white;
}
.licznik>div
{
background-color: green;
height: 0.98em;
}