<HTML>
<STYLE TYPE="text/css">
<!--

 
  .c4{background: filter:alpha(opacity=500);opacity:1.0;-moz-opacity:1.0;box-shadow: -4px -2px 3px #b5202A;border: none;border-radius:20px; width:100%; }    

.cz12c { color: black; font-size: 12pt;  font-family: verdana}
.cz14c { color: green; font-size: 14pt;  font-family: verdana}
.cz18b { color: beige; font-size: 16pt;  font-family: verdana}
.cz10 { color: black; font-size: 10pt;  font-family: verdana}


.czas3{
	background:  opacity: 0.9;
	 filter:alpha(opacity=90);
     opacity: 0.9;
    -moz-opacity:0.9;
	box-shadow: 10px 8px 10px #000000;
	border: none;border-radius:25px;
    color: white; 
    font-family: arial;
    font-weight: bold;
    font-size: 48px; }

.lduza{
	background:  opacity: 0.3;
	 filter:alpha(opacity=50);
     opacity: 0.3;
    -moz-opacity:0.3;
	box-shadow: 10px 8px 10px #000000;
	border: none;border-radius:25px;
    color: khaki; 
    font-family: arial;
    font-weight: bold;
    font-size: 18px; }
.lduza:hover{background:  opacity: 1.0;background:  filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;box-shadow: 8px 6px 8px #FFFF99; ;cursor:pointer;border: none;border-radius:5px; }
   

#downbox {
text-align:center;
    background-color: green;
    position:fixed;
    width:100%;
    height:30%;
    right:0px;
    bottom:3vh;
}

#topbox {
   text-align:center;
   background-color: #006400;
   position:fixed;
   width:100%;
   height:80%;
   top:10%;
   right:0px;
}

.b9{
background:  opacity: 1.0;
box-shadow: 10px 8px 10px #000000;
border: none;
border-radius:25px;
 width:50%;
   height:10%;
   

 }
.b9:hover{background:  opacity: 1.0;background:  filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;box-shadow: 8px 6px 8px #FFFF99; ;cursor:pointer;border: none;border-radius:5px;}


.b10{
background-color:#8FBC8F; opacity: 0.9;
box-shadow: 10px 8px 10px #000000;
border: none;
border-radius:5px;
//padding-left: 20px;
 //width:40%;
 //  height:8%;
color: #000000; 
font-family: arial; 
font-weight: bold; 
font-size: 18pt;
 }

 .b8{ background-color:#BFFFBF; filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;box-shadow: 7px 4px 5px #A52A2A;cursor:pointer;border: none;border-radius:10px;font:30px verdana;   color:black;width:170px; height:100px;}

.b8:hover{background-color:#BFFFBF; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;box-shadow: 7px 4px 5px #ffffcc;cursor:pointer;border: none;border-radius:10px;font:  28px helvetica;   color:#A52A2A;width:170px; height:100px;}


.b7{ background-color:#006400; filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;box-shadow: 7px 4px 5px #A52A2A;cursor:pointer;border: none;border-radius:10px;font:30px verdana;   color:black;width:170px; height:100px;}

.b7:hover{background-color:#006400; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;box-shadow: 7px 4px 5px #ffffcc;cursor:pointer;border: none;border-radius:10px;font:  28px helvetica;   color:#A52A2A;width:170px; height:100px;}

.b7aaa{background: opacity: 1.0; box-shadow:rgba(0,0,0,0.5) 5px 5px 70px;border: none;border-radius:5px;}

#zaba{background:  opacity: 1.0;box-shadow: 10px 8px 10px #000000;border: none;border-radius:55px; }
#zaba:hover{background:  opacity: 1.0;background:  filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;box-shadow: 8px 6px 8px #FFFF99; ;cursor:pointer;border: none;border-radius:55px;}

-->
</STYLE>
</HTML>



