body {
background:#101142;
}

select.select {
font-family : verdana;
font-size:10px;
color:#ddd;
width:140px;
border:1px #333 solid;
background-color: #000033;
margin-top:0px;
margin-left:20px;
margin-right:4px;
border-radius:3px;
appearance:none;
line-height: 1;
padding: 2px;
}


.bg {
 background-image: linear-gradient(to bottom, #121212, #002);
  background-repeat: no-repeat;
  background-attachment: fixed;
 }
 
td.clock {
  font-family: 'Arial';
  font-weight:bold;

}

img#wykres {
animation-name:wysokosc;
animation-duration:1.7s;
}
      @keyframes wysokosc
      {
        0% { 
        opacity:0;
        }
        100% { 
	opacity:1;

        }
      }



color:#aaaaaa;
padding:0px;
border :1px solid #550000;
}

table.main {
background:#d31133;
font-weight:bold;
}

a.logi {
font-family : verdana;
font-size:12px;
align:right;
text-decoration:none;
color:#aa0;
margin-bottom:15px;
}

td {
border :1px solid #555533;
font-family : verdana;
color:#11ffff; 
padding:0px;
font-weight:bold;
min-width:13px;
}

td.copyr {
border :0px solid #555533;
font-family : verdana;
color:#343434;
padding:0x;
font-size:10px;
font-weight:none;
}

td.main {
border : none;
color:#ffff00; 
font-family : verdana;
}


img.lckd {
vertical-align:middle;
}

p {
padding:0px;
border:1px solid #2a2a3a;
}


td.wynik {
border :0px solid #777777;
font-family : verdana;
background:#121221; -moz-transition: all 1000ms ease-in-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
letter-spacing:1px;

}
td.opis {
border:1px solid #000;
border-right-width:0px;
border-left-width:4px;
border-bottom-width:2px;
border-top-width:0px;
font-family : Arial;
font-size:12px;
width:136px;
color:#eeeeee;
background:#414148;
border-radius:5px 0px 0px 5px;
cursor: pointer;
cursor: hand;
height:20px;
text-shadow: #000 2px 2px 2px;
box-shadow: inset 2px 2px 3px rgba(0,0,0,0.3);
color:#fff; -moz-transition: all 1000ms ease-out;
}

.opisbwew2 {
border:0px solid;
color:#eeeeee;
padding:0px;
margin:0px;
width:10px;
text-align:center;
}

.output {
font-family : verdana;
font-size:12px;
width:100%;
border-radius:1px;
border-right:2px solid #334;

}


.opisbwew3 {
text-align:center;
border:0px solid;
width:99px;
color:#eeeeee;
padding:0px;
height:0px;

}

.opisbwew {
font-family : Verdana;
font-size:12px;
border:0px;
height:0px
text-align:center;

}
td.opisb {
width:120px;
text-align:center;
font-size:12px;
color:#dddddd;
background:#2a2a3a;
border-radius:0px 4px 4px 0px;
text-shadow: #000 2px 2px 2px;
box-shadow: inset 5px 3px 4px rgba(0,0,0,0.2);
vertical-align:center;
border:0px solid #000;
border-right-width:0px;
border-left-width:0px;
background:linear-gradient(to right,#444444,#2a2a3a); border-left:2px solid #444;

}

td.null {
border :0px;
width:10px;
}


tr.separator {
padding:0px;
}

td.tsel {
box-shadow: #000 0px 0px 0px 2px;
border :1px solid #000000;
font-family : verdana;
font-size:11px;
width:80px;
text-align:center;
font-weight:bold;
background:#343434;
border-radius:7px 7px;
cursor: pointer;
cursor: hand;
box-shadow: #111 0px 0px 0px 2px;
color:#555; -moz-transition: all 1300ms ease-out

}

td.tsel:hover {
color:#ffff00;
box-shadow: #000 0px 0px 0px 2px;
color:#ff0; -moz-transition: all 1300ms ease-in;
}


td.LINE {
text-align:center;
color:#444477;
background:#221133;
border-radius:5px 5px;
box-shadow: #000000 1px 1px 1px;
border: 1px;
border-color:#ffff00;
}

td.winc {
text-align:center;
color:#ffff00;
background:#111123;
border-radius:5px 5px;
border: 0px;
border-color:#ffff00;
padding:0px;
}

input.zakr {
text-align:center;
color:#99b;
background:#111140;
border-radius:5px 5px;
border: 2px;
border-color:#ffff00;
padding:0px;
}

td.AREA {
color:#444477;
background:#221133;
border-radius:5px 5px;
box-shadow: #000000 1px 1px 1px;
border : 0px;
}

@keyframes cf3FadeInOut {
   0% 
   {
     opacity:1;
     }
     45% {
     opacity:1;
     }
     55% {
     opacity:0;
     }
     100% {
     opacity:0;
     }
     }
     
img.wkrs { 
-webkit-transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

table.opis {
border :0px solid #777777;
text-shadow: 1px 1px 1px  #000000;
width:320px; 

}

td.opis:hover {
color:#ff0; -moz-transition: all 1000ms ease-in;

}

table.super {
border : 0px;
text-shadow: 3px 3px 3px  #111134;
box-shadow: #000000 22px 22px 22px;
text-shadow:
 -1px -1px 0 #000,
  1px -1px 0 #000,
 -1px 1px 0 #000,
  1px 1px 0 #000;  
}

td.super {
border : 0px solid #777777;
padding:0px;
height:0px;
background: #111122;
font-family : verdana;
font-weight : normal;
}

a.grub {
font-family : verdana;
text-decoration:none;
color:#aa0;
padding:2px;
font-size:14px;
font-weight:bold;
}

p {
padding:0px;
margin-left:0px;

}
img
{
vertical-align:text-top;
margin-right:8px;
margin-top:1px;
margin-bottom:1px;
margin-left:20px;
border: 0px;
padding:0px;
}


.bulb
{
border: 0px;
width:16px;
height:20px;

}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color:ffff00;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 0.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
