html, body {
margin: 0;
padding: 0;
text-align: center;
background-color: black;
@charset "UTF-8";
font-family: Arial;
background-image: url(grafa/glowna.jpg);
background-repeat: repeat;
color:#000000;
font-size:8pt; 
}

a:link {color:#000000; font-size:8pt; text-decoration:none;}
a:visited {color:#000000; font-size:8pt; text-decoration: none;}
a:hover {color:#111111;  font-size:8pt; filter:Glow(Color=yellow,Strength=255);}
a:active {color:#000000; font-size:8pt;  text-decoration: none;}

.praca{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
.praca:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.wiad{
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}
.wiad:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.ikona{
padding-top:2px;
}

h1 {font-size:11pt;}

h2 {font-size:10pt;}

.emot{
width:19px;
height:19px;
margin:0;
}

#czc
{
font-size:8pt;
border: 0px none;
border-collapse: collapse;
text-align: center;
}
#czc2
{
font-size:8pt;
text-align: center;
}
#czc3
{
font-size:8pt;
text-align: center;
border: 0px none; 
border-collapse: collapse;
width:249px; 
text-align: center;
height:123px;
background-image: url(grafa/plomien.png);
background-repeat: no-repeat;
background-position: 50% 100%;
}
#czc4
{
font-size:8pt;
text-align: center;
border: 0px none; 
border-collapse: collapse;
width:280px; 
text-align: center;
height:123px;
background-image: url(grafa/plomien2.png);
background-repeat: no-repeat;
background-position: 50% 100%;
}

#czc5
{
font-size:8pt;
border: 0px none;
border-collapse: collapse;
text-align: center;
background-image:url(grafa/nagrody.png);
background-repeat:no-repeat;
}

#bubble
{
font-size:9px;
color:#000;
}

#naglowek {
text-align: center;
margin-bottom:5px;
margin-top:5px;
height : 200px;
width: 100%; 
}
#wszystko{
text-align: center;
position: relative;
clear:both;
float:left;
font-size:8pt;
width:100%;
height: 780px;
}

#lewa {
margin-left:-1px;
text-align: center;
position: relative;
float:left;
overflow: visible;
display: block;
color:#999;
font-size:8pt;
height: 605px;
width:187px;
} 

#info {
margin-top:0px;
border: 0px none;
margin-left:1px;
width:100%;
min-width:500px;
height:604px;
text-align: center;
position: relative;
overflow: auto;
display: block;
color:#000000;
font-size:8pt;
float:left;
background-image: url(grafa/nm/info.png);
background-repeat: repeat;
text-color:white;
font-family: Arial;
} 

#prawa { 
margin-left:-3px;
text-color:#000000;
text-align: center;
position: relative;
float:left;
overflow: visible;
display: block;
color:#000000;
font-size:8pt;
height: 755px;
width:250px;
}

#stopka {
text-align: center;
text-color:#444;
font-size:8pt;
position:relative;
clear:both;
margin-top:10px;
background-image: url(grafa/stopka.gif);
background-position: top left;
background-repeat: repeat;
color:#444;
width: 100%; 
}
#stopa {
text-align: center;
text-color:#444;
font-size:8pt;
color:#d8d7d7;
margin-top:-3px;
}
#border { 
border-width: .1em; 
border-style: dotted; 
border-color: #888; 
}
#news{
border: 1px solid #888; 
width:auto;
}

#lewamenu {
width:192px;
height:754px;
vertical-align:top;
margin:0;
border: 0px none;
border-collapse: collapse;
}


#prawamenu {
margin-left:0px;
text-color:#000000;
font-size:8pt;
font-family: Arial;
width:250px;
height:679px;
vertical-align:top;
background-image:url(grafa/nm/prawa.png);
background-repeat: no-repeat;
border: 0px none;
border-collapse: collapse;
}

#gora1{
height:75px;
border: 0px none;
border-collapse: collapse;
background-image:url(grafa/nm/ln.png);
background-repeat: no-repeat;
background-position:127px 0px;
}
#gora2{
margin-top:0px;
margin-left:1px;
height:75px;
width:100%;
border: 0px none;
background-image:url(grafa/nm/gora.png);
background-repeat: repeat;
}
#gora3{
height:75px;
width:240px;
border: 0px none;
border-collapse: collapse;
background-image:url(grafa/nm/rn.png);
background-repeat: no-repeat;
}

#dol1{
height:75px;
border: 0px none;
border-collapse: collapse;
background-image:url(grafa/nm/dln.png);
background-repeat: no-repeat;
background-position:127px 0px;
}
#dol2{

margin-left:1px;
float:left;
margin-top:0px;
width:100%;
border-collapse: collapse;
height:75px;
border: 0px none;
background-image:url(grafa/nm/dol.png);
background-repeat: repeat;
}
#dol3{
height:75px;
border: 0px none;
border-collapse: collapse;
background-image:url(grafa/nm/dpn.png);
background-repeat: no-repeat;
}

#czas2 {
border: 0px none;
text-align: center;
margin-top:5px;
padding-top:5px;
width:380px;
height:213px;
background-image:url(grafa/zegar.png);
background-repeat: no-repeat;
font-size:8pt;
}
input,button{
border: 1px solid;
font-family: georgia;
font-size: 8pt;
color: #999;
background-image: url(grafa/inputa.gif);
background-repeat: repeat; 
text-align: center;
font-weight: bold;
}

input.sklep{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
background-image: none;
border: 0px;
}
input.sklep:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
background-image: none;
border: 0px;
}
input:hover,button:hover{
border: 1px solid white;
font-family: georgia;
font-size: 8pt;
color: white;
background-image: url(grafa/inputh.gif);
background-repeat: repeat-y; 
text-align: center;
font-weight: bold;
}


input.google:hover{
border: 1px solid white;
font-family: georgia;
font-size: 8pt;
color: black;
text-align: center;
font-weight: bold;
}
select {

border: 1px solid black;
font-family: georgia;
font-size: 8pt;
color: #999;
background-color: #222;
}

select:hover {
border: 1px solid black;
font-family: georgia;
font-size: 8pt;
color: #777;
background-color: #222;
}

button.bena{
border: 0px;
width:141px;
height:211px;
background-image: url(grafa/bena.png);
background-repeat: no-repeat;
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}
button.bena:hover{
border: 0px;
width:141px;
height:211px;
background-image: url(grafa/bena.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}

button.opony{
border: 0px;
width:168px;
height:171px;
background-image: url(grafa/opony.png);
background-repeat: no-repeat;
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
}
button.opony:hover{
border: 0px;
width:168px;
height:171px;
background-image: url(grafa/opony.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}
.list{
border: 1px solid;
font-family: georgia;
font-size: 8pt;
color: #999;
background-image: url(grafa/lista.gif);
background-repeat: repeat;
}
.list:hover{
border: 1px solid white;
font-family: georgia;
font-size: 8pt;
color: white;
background-image: url(grafa/listh.gif);
background-repeat: repeat;
}
#procent {
border: 1px solid white;
height:20px;
width:100px;

}
#procentnow{
margin-top:-14px;
background-image: url(grafa/proc.png);
background-position: 100% 50%;
margin-left: 0px;
float: left;
}

#procencik4{
position:relative;
text-align: center;
z-index:2;
font-size:9pt;
}
#procencik2{
margin-top:-15px;
background-image: url(grafa/proc.png);
background-position: 100% 50%;
margin-left: 0px;
float: left;
}

#liczba{
height:30px;
margin-bottom:2px;
}

#tekstproc{
position:relative;
text-align: center;
z-index:2;
font-size:9pt;
}
#avekuser{
height: 126px;
width: 96px;
background-image: url(grafa/ramka.png);
background-repeat: no-repeat;
}
#tableteam{
padding-top:10px;
padding-left:-10px;
}
#avekuser2{
height: 126px;
width: 126px;
background-image: url(grafa/ramkateam.png);
background-repeat: no-repeat;
}

#bolidav{
height: 49px;
width: 46px;
}

textarea 
{height: 250px;
width: 300px;
} 

.checkbox { 
background-color: black; 
border: 1px solid white; 
}
.skasuj { 
background-color: black; 
border: 1px solid white; 
}
img
{border:0px;
}

#wymban
{border:0px;
margin-top:0px;
}
#av
{border:3px double;
margin-top:0px;
margin-bottom:0px;
}
#avus
{border:3px double #999999;
margin-top:3px;
margin-bottom:0px;
}
#obrazki
{border:0px;
margin-top:4px;
margin-bottom:0px;
}
#obrazki2
{border:0px;
margin-top:4px;
margin-bottom:0px;

}

#zaloguj
{
border:3px double;
margin-top:0px;
}

#obr1 { 
background-image:url(grafa/nm/1.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;

}
#obr1:hover { 
background-image:url(grafa/nm/1c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr2 { 
background-image:url(grafa/nm/2.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr2:hover { 
background-image:url(grafa/nm/2c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr3 { 
background-image:url(grafa/nm/3.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr3:hover { 
background-image:url(grafa/nm/3c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr4 { 
background-image:url(grafa/nm/4.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr4:hover { 
background-image:url(grafa/nm/4c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr5 { 
background-image:url(grafa/nm/5.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr5:hover { 
background-image:url(grafa/nm/5c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr6 { 
background-image:url(grafa/nm/6.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr6:hover { 
background-image:url(grafa/nm/6c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr7 { 
background-image:url(grafa/nm/7.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr7:hover { 
background-image:url(grafa/nm/7c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr8 { 
background-image:url(grafa/nm/8.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr8:hover { 
background-image:url(grafa/nm/8c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr9 { 
background-image:url(grafa/nm/9.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr9:hover { 
background-image:url(grafa/nm/9c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr10 { 
background-image:url(grafa/nm/10.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr10:hover { 
background-image:url(grafa/nm/10c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr11 { 
background-image:url(grafa/nm/11.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#obr11:hover { 
background-image:url(grafa/nm/11c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}

#g { 
background-image:url(grafa/nm/1.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#g:hover { 
background-image:url(grafa/nm/1c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}

#r { 
background-image:url(grafa/nm/r.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#r:hover { 
background-image:url(grafa/nm/rc.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#l { 
background-image:url(grafa/nm/l.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#l:hover { 
background-image:url(grafa/nm/lc.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#w { 
background-image:url(grafa/nm/w.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#w:hover { 
background-image:url(grafa/nm/wc.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#ko { 
background-image:url(grafa/nm/ko.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#ko:hover {
background-image:url(grafa/nm/koc.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#mg { 
background-image:url(grafa/nm/mg.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#mg:hover { 
background-image:url(grafa/nm/mgc.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#tr { 
background-image:url(grafa/nm/tr.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#tr:hover { 
background-image:url(grafa/nm/trc.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#lista { 
background-image:url(grafa/nm/4.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}
#lista:hover { 
background-image:url(grafa/nm/4c.png);
background-repeat: no-repeat;
height: 76px;
width: 192px;
}

#pustelewa { 
background-image:url(grafa/nm/pustel.png);
background-repeat: repeat;
width: 192px;
}

#pusteprawa { 
background-image:url(grafa/nm/puster.png);
background-repeat: repeat;
width: 192px;
}
#jasny{
background:#FFAA00;

border: 0px none;
border-collapse: collapse;
}
#ciemny{
background:#FF7F00;

border: 0px none;
border-collapse: collapse;
}
#ziel{background-image:url(grafa/ziel.jpg); background:green; background-repeat: no-repeat; color:white}
#zolt{background-image:url(grafa/zolt.jpg); background:yellow; background-repeat: no-repeat; color:black}
#czer{background-image:url(grafa/czer.jpg); background:red; background-repeat: no-repeat; color:white}