body {
 width:980px;
 margin: 0 auto;
 padding:header 0 footer 0;
 background-color: #000000;
 background-image: url(tlo.jpg);
 background-position: center;
 background-attachment: fixed;
 background-repeat: no-repeat;
 text-align: center;
 font-family: arial narrow;
 color: #AAAFD2;
}
img {
 border: 0px;
}
div.glowny {
 width: 980px;
 background-color: rgba(0, 0, 0, .88);
 text-align: left;
 border: 1px dotted #ffffff;
 z-index: 501;
 
}

 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:75px;
	background-image: url(images/divgora.png);
	background-position: center;
  background-repeat: no-repeat;
	z-index: 502;
 }
 
 

 
 
 #tresc
	{width: 730px;
	}
 
 div.text
	{border-left: 1px solid #4a4a4a;
	 border-right: 1px solid #4a4a4a;
	 border-bottom: 1px solid #4a4a4a;
	 margin-left: 7px;
	 margin-right: 7px;
	 padding: 8px;
	background-color: #000000;
	}
	
	#info{
	background-color: rgba(0, 0, 0, .88); 
	margin: 0 auto;
	 width: 100%;
	 height: 100%;
	 position: fixed;
	 left: 0px;
	 top: 0px;
	 z-index: 101;
	}
	
#kom1
	{background-color: #000000;
	 width: 600px;
	 min-height: 100px;
	 padding: 0px 0px 0px 0px;
	 border: 2px solid #4a4a4a;
	 position: fixed;
	 left: 26%;
	 right: 26%;
	 top: 25%;
	 z-index: 102;
	}
	
#kom2
	{
	background: url('./images/autoinfo.png') no-repeat;
	 width: 230px;
	 height: 100px;
	 background-position: bottom;
	 float: left;
	 margin: -50px 0px 0px -50px;
	}
	
#kom3
	{background-color: #D8D8D8;
	 background-repeat: repeat-x;
	 padding: 5px 0px 2px 0px;
	 margin: 0px 0px 0px 0px;
	 text-shadow: 5px 5px 2px #000000;
	 font-size: 25px;
	 font-weight: bold;
	 width: 100%;
	 height: 34px;
	 font-weight: bold;
	 text-shadow: 2px 2px 2px #000000;
	 text-align: left;
	}
	
#kom4
	{padding: 10px 10px 10px 10px;
	 font-size: 17px;
	 text-align: justify;
	 }
 
 
 #news
	{
	 text-shadow: 2px 2px 2px #FF003D;
	 font-size: 17px;
	 font-weight: bold;
	}
 
 
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:footer 0;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }






td.lmenu{
 background: url('images/menu/0.jpg');
 font-size: smaller;
 padding: 0px 5px 0px 10px;
}
td.male_menu {
 background: transparent;
 width: auto;
 height: auto;
 vertical-align: top;
 padding: 10px 0px 10px 45px;
}
td.rams1 {
 background:  #000000 ;
 text-align: left;
 font-family: arial narrow;
 border: 1px dotted #ffffff;
 
}
td.form1 {
 background: transparent;
 width: 150px;
 height: 24px;
}
td.pow {
 background: url('images/pow.gif');
 padding: 0px 0px 0px 4px;
 color: #82838c;
}
td.rank {
 background: transparent;
 width: 238px;
 height: 123px;
}
div.rank {
 width: 238px;
 height: 123px;
}
.r1 {
 background: url('images/ranking_t1.gif');
}
.r2 {
 background: url('images/ranking_t2.gif');
}
input, textarea {
 background-color: transparent;
 border: 1px dashed #ff0000;
 color: #aaafd2;
}
input:hover, textarea:hover {
 background: url('images/tlo1.png');
 border: 1px dotted #ffff00;
 color: #aaafd2;
 
}
input.form1 {
 background: transparent;
 border: 0px;
 padding: 0px 0px 0px 10px;
 color: #cdcfda;
}
input.form1:hover {
 background: transparent;
}
input.form2 {
 background: transparent;
 border: 0px;
 width: 76px;
 height: 25px;
}
input.podpowiedz {
 font-size: x-small;
 background: transparent;
 border: 0px;
}

i.komunikat {
 font-style: normal; 
}
a {
 color: #396cf2;
 text-decoration: none;
}
a:hover {
 color: #3A547A;
 text-decoration: none;
}
.podpowiedz {
 font-size: small;
 text-decoration: none;
}
.zielony {
 color: #37ca1e;
}
.zielony a {
 color: #37ca1e;
}
.zielony a:hover{
 color: #269113;
}

.czerwony {
 color: #b30000;
}
.czerwony a{
 color: #b30000;
}
.czerwony a:hover{
 color: #8C0A0A;
}


.pomarancz {
 color: #ff6600;
}
.pomarancz a{
 color: #ff6600;
}
.pomarancz a:hover{
 color: #C9743B;
}


.zolty {
 color: #ffff00;
}
.zolty a{
 color: #ffff00;
}
.zolty a:hover{
 color: #7B7B25;
}

.zi {
 background: url('images/zi.gif');
 width: 100%;
}
.cz {
 background: url('images/cz.gif');
 width: 100%;
}
u.liga {
 text-decoration: none;
 font-size: large;
}
u.mute {
 text-decoration: none;
 color: #4b494c;
}
td.sonline {
 color: #ffffff;
 font-size: smaller;
 padding: 0px 5px 0px 10px;
 background: url('images/sonline.png');
 z-index: 1;
}
a.gielda span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 190px;
}
img {
	border: none;
}
a.gielda:hover span{
    display: inline;
    position: absolute;
	margin: -50px 0 0 5px;
    background: #dddddd;
    border: 1px solid #b30000;
    color: #000000;
		font-size: 11px;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align: left;
}


a.puchar span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 190px;
}

a.puchar:hover span{
    display: inline;
    position: absolute;
	margin: -50px 0 0 -100px;
    background: #000000;
    border: 1px solid #ffffff;
    color: #ffffff;
		font-size: 11px;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align: left;
}
