html, body              { margin: 0; padding: 0; background-color: #FFFFFF; color: #008000; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 4mm; text-align: center; height: 100%; }

div#supamasta           { position: relative; min-height: 100%; width: 780px; margin-left: auto; margin-right: auto; text-align: left; }
div#winietka            { position: absolute; top: 0; left: 0; width: 780px; height: 150px; background-image: url(osad.jpg); margin: 0; padding: 0; }
div#menu                { position: absolute; top: 150px; left: 0; width: 150px; font-size: 10px; text-align: left; margin: 0; padding: 0; }
div#tresc               { position: absolute; top: 150px; left: 160px; width: 620px; }
div#stopka              { position: relative; margin-top: 40px; width: 100%; margin-left: auto; margin-right: auto; background: #008000; color: #FFFFFF; padding: 2px 0; font-weight: bold; text-align: center; font-size: 10px; }


div#ogloszenie          { position: absolute; left: 220px; top: 155px; width: 480px; border: 2px solid #000000; margin: 0; padding: 5px; background: #FFFFFF; color: #800000; z-index: 100; font-size: 14px; }

div#list1               { position: absolute; right: 10px; top: 65px; border: 1px solid #000000; margin: 0; padding: 5px; background: #FFFFFF; z-index: 200; font-size: 14px; }
div#list2               { position: absolute; right: 10px; top: 20px; border: 1px solid #000000; margin: 0; padding: 5px; background: #FFFFFF; z-index: 200; font-size: 14px; }

div#oferta              { position: absolute; left: 155px; top: 60px; z-index: 300 }


ul#mienu                { list-style-type: none; background: #008000; margin: 0; padding: 0; width: 150px; }
li.lista                { font-size: 14px; padding: 3px 0 3px 8px; margin: 0; color: #000000; font-weight: bold; border-bottom: 1px solid white; }
ul.zakres               { list-style-type: disc; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
dl#kalendarium          { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
dt.kal                  { font-weight: bold; padding: 5px 0 5px 10px; }


span#konf               { position: absolute; top: 100px; right: 10px; text-align: right; font-weight: bold; color: #FFFFF0; font-size: 20px; z-index: 4; }
span#konf_cien          { position: absolute; top: 102px; right: 8px; text-align: right; font-weight: bold; color: gray; font-size: 20px; z-index: 3; }
span#nazwa              { position: absolute; top: 0px; left: 155px; text-align: left; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: #FFFFF0; font-size: 24px; z-index: 2; }
span#nazwa_cien         { position: absolute; top: 2px; left: 157px; text-align: left; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: gray; font-size: 24px; z-index: 1; }
span#data               { position: absolute; top: 125px; right: 10px; text-align: right; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: #FFFFF0; font-size: 15px; z-index: 6; }
span#data_cien          { position: absolute; top: 127px; right: 8px; text-align: right; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: gray; font-size: 15px; z-index: 5; }
span#patron             { position: absolute; top: 0; right: 10px; z-index: 8; text-align: right; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: yellow; font-size: 15px; }
span#patron_cien        { position: absolute; top: 2px; right: 8px; z-index: 7; text-align: right; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: gray; font-size: 15px; }
span.patron_link        { color: yellow; }
span#mini               { font-size: 10px; color: #c0c0c0; font-weight: bold; }


a                       { color: #008000; }
a:hover                 { color: #C0C0C0; }
a:active                { color: #00FF00; }
a:visited               { color: #808080; }
a.menu                  { color: #FFFFFF; text-decoration: none; }
a.menu:visited          { color: #FFFFFF; text-decoration: none; }
a.menu:hover            { color: #98FB98; text-decoration: none; }
a.menu:active           { color: #00FF00; text-decoration: line-through; }
a.valid                 { color: #C0C0C0; text-decoration: none; font-size: 10px; font-weight: bold; }
a.valid:hover           { color: #808080; }
a.patron                { text-decoration:none; cursor:pointer; }


p.blablabla             { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; text-indent: 20px; padding: 0 10px 0 10px; }
p.plaskie_bla           { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; padding: 0 10px 0 10px; }
p.centralne_bla         { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 0 10px 0 10px; }
p.centrum_bla           { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 0; }
p.prawe_bla             { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding: 0 10px 0 10px; }
p.tytul_bla             { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0 10px 10px 10px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #000000; }
p.wtabeli               { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 5px 0 0; padding: 0; }
p.wtabeli_c             { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0; }


input.guzik             { border: 1px solid #008000; background: #008000; color: #FFFFFF; font-weight: bold; font-size: 14px; }


img.no_b                { border: 0; }


sup                     { font-size: 2mm; }


table#rejestracja       { border: 0; width: 600px; margin-left: auto; margin-right: auto; }
td.name                 { width: 300px; text-align: right; vertical-align: bottom; padding: 0 2px 0 0; font-weight: bold; font-size: 13px; }
td.input                { width: 300px; text-align: left; vertical-align: top; padding: 0 0 0 2px; }
table#lista             { border: 0; width: 590px; margin-left: auto; margin-right: auto; }
table#program           { border-left: 1px solid #000000; border-top: 1px solid #000000; width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding:0; border-spacing: 0; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3.5mm; }
td.data                 { border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 100px; text-align: center; vertical-align: middle; padding: 3px; }
td.referaty             { border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 500px; text-align: left; vertical-align: top; padding: 3px; }
table#mala              { border-left: 1px solid #000000; border-top: 1px solid #000000; width: 100%; padding:0; border-spacing: 0; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3.5mm; }
td.male                 { border-right: 1px solid #000000; border-bottom: 1px solid #000000; width: 33%; text-align: center; vertical-align: top; }
table#sponsorzy_tem     { border: 0; width: 600px; margin-left: auto; margin-right: auto; padding: 0; border-spacing: 0; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3.5mm; }
td.sponsor_tem          { text-align: center; vertical-align: middle; width: 300px; padding: 15px 0 0 0; }
table#sponsorzy         { border: 0; width: 600px; margin: 0; margin-left: auto; margin-right: auto; padding: 0; border-spacing: 0; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3.5mm; }
td.sponsor              { text-align: center; vertical-align: middle; width: 100%; padding: 10px; }

