HTML        { margin: 0 auto }
BODY        { text-align: center; margin: 0 auto; margin-top: 10px; background-image: url('grafika-new/tlo.jpg') }

A:link      { color: #871F44; font-weight: bold; text-decoration: none }
A:visited   { color: #871F44; font-weight: bold; text-decoration: none }
A:hover     { color: #FFFFFF; font-weight: bold; text-decoration: underline }

table       { border: 0px; border-collapse: collapse; }
td          { font-family: Comic Sans MS; font-style: italic; font-weight: normal; font-size: 14px; line-height: 16px; color: #871F44; border: 0; padding: 0; vertical-align: top; text-align: left }

img         { border: 0 }

.obraz      { border: 1px solid #FFFFFF }
.obrazek    { border: 1px solid #FFFFFF }

.kom1lewa      { width: 7px; height: 7px; background-image: url('grafika-new/tab-lewa-gora.jpg'); font-size: 3px; line-height: 5px }
.kom1srodek    { background-image: url('grafika-new/tab-gora.jpg'); font-size: 3px; line-height: 5px }
.kom1prawa     { width: 7px; height: 7px; background-image: url('grafika-new/tab-prawa-gora.jpg'); font-size: 3px; line-height: 5px }

.kom2lewa      { width: 7px; height: 557px; background-image: url('grafika-new/tab-lewa.jpg') }
.kom2srodek    { text-align: center; background-image: url('grafika-new/tab-srodek.jpg') }
.kom2prawa     { width: 7px; height: 557px; background-image: url('grafika-new/tab-prawa.jpg') }

.kom3lewa      { width: 7px; height: 7px; background-image: url('grafika-new/tab-lewa-dol.jpg'); font-size: 3px; line-height: 5px }
.kom3srodek    { background-image: url('grafika-new/tab-dol.jpg'); font-size: 3px; line-height: 5px }
.kom3prawa     { width: 7px; height: 7px; background-image: url('grafika-new/tab-prawa-dol.jpg'); font-size: 3px; line-height: 5px }

.top           { margin-top: 0px }

#tytul         { text-align: center; margin-top: 50px; margin-bottom: 10px; font-family: Comic Sans MS; font-style: italic; font-size: 17px; line-height: 19px; color: #871F44 }

.kom1   { text-align: center; width: 150px }
.kom1a  { text-align: center }
#kom2   { width: 100px; text-align: center }
.kom22  { width: 50px; text-align: center }
.kom3   { width: 30px }
#kom3a   { width: 15px }
.kom4   { width: 320px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; text-align: left }
.kom5   { font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; text-align: center }



#container  { width: 1000px; height: 586px; margin: auto }

#diw1  { text-align: left; width: 1000px; height: 586px; background-image: url('grafika/tlo.jpg') }
#diw2  { margin: 0px }
#diw3  { margin-left: 160px; margin-top: 0px; margin-bottom: 0px }
#diw4  { margin-left: 250px; margin-top: 30px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; width: 500px; text-align: center }
#diw4a { margin-left: 200px; margin-top: 30px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; width: 600px; text-align: center }
#diw5  { margin-left: 100px; margin-right: 100px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44 }
#diw5a { margin-left: 50px; margin-top: 10px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; width: 900px; text-align: center }
#diw6  { margin-left: 100px; margin-top: 10px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; width: 800px; text-align: center }
#diw7  { margin-left: 150px; margin-top: 10px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; width: 700px; text-align: center }
#diw8  { margin-left: 100px; margin-top: 10px; font-family: Arial; font-size: 12px; line-height: 13px; color: #871F44; width: 800px }
#diw9  { margin-top: 0px; text-align: left; width: 918px; height: 557px; background-image: url('grafika/intro.jpg') }
#diw10 { margin-left: 680px; margin-top: 370px;  Comic Sans MS; font-style: italic; font-size: 15px; font-weight: bold; line-height: 20px; color: #871F44; width: 150px }
#diw11 { margin-left: 780px; margin-top: 30px;  Comic Sans MS; font-style: italic; font-size: 15px; font-weight: bold; line-height: 20px; color: #871F44; width: 150px }
#diw12 { margin-top: 10px; font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; width: 100%; text-align: center }


#rodowod  { background-color: #FFE7F2; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF }
#rod   { width: 180px; font-family: Arial; font-size: 10px; line-height: 11px; font-style: normal; color: #871F44; background-color: #ECAEC5; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding: 2px; vertical-align: middle }


.par   { text-align: center; margin-top: 2px; margin-bottom: 3px }

#obrazek  { border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; border-right-color: #FFFFFF }

#statystyki { margin-left: 730px; margin-top: 80px }

.par { font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bold; line-height: 16px; color: #871F44; }

.par2 { font-family: Comic Sans MS; font-style: italic; font-size: 14px; font-weight: bolder; line-height: 16px; color: #871F44; text-decoration: underline;}