<HTML>
<STYLE TYPE="text/css">
<!--

/* logo ------------ */
//#header { height:100px;	background: #354458; margin: 0 0 10px 0; }
//#header h1 {padding: 20px; color: #E9E0D6;}


#prawo {
//background-image: url(./img/pas300200e.jpg) ; 
  transform:rotateY(90deg) translateZ(50px); 
//background: blue;
}

#teren  {font-weight: bold; margin-top:40px;margin-bottom:30px;font-family: 'arial'; font-size:12; color: #000000;}

#ostatnie p { font-family: 'arial'; font-size:14; color: #000000;}
// <p style="text-shadow: 5px 5px 20px #ff9900;font-weight: bold; font-family: 'Comic Sans MS'; font-size:20; color: #000000; //margin-//left: 20; margin-right: 20"> 
 


.czerwony14 { color: red; font-size: 16pt;  font-family: arial }
.zielony24 { color: #9900FF; font-size: 28pt;  font-family: times }
.niebo18 {  position: absolute; top: 200px; left: 80px; color: blue; font-size: 18pt;  font-family: times }
Li.okrag {  list-style-type: circle;  }

.b0inde
            {           background: url(./gify/start0.gif) no-repeat; opacity: 1.0;
                           //  background-color: #AEAD81;
							 box-shadow: 5px 5px 20px #182019;
                         cursor:pointer;
                         border: none;
                          border-radius:10px;
                         font: bold 42px Comic Sans MS; 
                            color:white;
                         width:450px; 
                         height:300px;  

						 }			
			
.b0inde:hover{           background: url(./gify/start0.gif) no-repeat; opacity: 1.0;
                           //  background-color: #AEAD81;
							 box-shadow: 5px 5px 20px #ffffff;
                         cursor:pointer;
                         border: none;
                          border-radius:10px;
                         font: bold 40px Comic Sans MS; 
                            color:white;
                         width:400px; 
                         height:280px;  

						 }	



.b0{background:  opacity: 1.0;box-shadow: 5px 4px 5px #999;cursor:pointer;border: none;border-radius:3px;}

.b1{background: url(./obraz/b1.jpg) no-repeat; opacity: 1.0;box-shadow: 7px 4px 5px #999;cursor:pointer;border: none;border-radius:10px;font: bold 16px helvetica; 
  color:black;width:220px; height:50px;}
.b2{background:  opacity: 1.0;box-shadow: 5px 4px 5px #000000;cursor:pointer;border: none;border-radius:5px;}
.b3{background:  opacity: 1.0;box-shadow: 10px 8px 10px #000000;border: none;border-radius:5px;}
.b10{background:  opacity: 1.0;box-shadow: 4px 2px 4px #669966;cursor:pointer;border: none;border-radius:4px;}
.b4{background:  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;box-shadow: 5px 3px 5px #ffffcc;cursor:pointer;border: none;border-radius:15px;}
.b5{background:  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;box-shadow: 10px 8px 10px #808080;cursor:pointer;border: none;border-radius:5px;}
.b7{background:  opacity: 1.0;box-shadow: -5px -5px 10px #000000;cursor:pointer;border: none;border-radius:5px;}
.b7a{background:  opacity: 1.0;box-shadow: -5px -5px 10px #C9D99C;border: none;border-radius:5px;}
.b7aaa{background: opacity: 1.0; box-shadow:rgba(0,0,0,0.5) 5px 5px 70px;border: none;border-radius:3px;}
.b8{background:  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;box-shadow: 10px 8px 10px #808080;border: none;font-family: 'Comic Sans MS';border-radius:5px;}
.b9{background:  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;box-shadow: 14px 8px 10px #808080;border: none;font-family: 'Comic Sans MS';border-radius:5px;}

.b10{background-color: #FFFFCC;
 border-width:1px; font: 20px Arial; color:black; width: 320px; height: 28px; }
  
.b14{ background-color: #7FFFD4; opacity: 1.0;box-shadow: 7px 4px 5px #999;cursor:pointer;border: none;border-radius:10px; font: 20px helvetica; color:black;width:260px; height:52px;}
.b14:hover{background: url(./gify/piorop.jpg) no-repeat; opacity: 1.0;box-shadow: 7px 4px 5px #ffffff;cursor:pointer;border: none;border-radius:10px;font: 18px helvetica; color:black;width:255px; height:50px;}


A:VISITED {	color : #9900FF;	text-decoration : none;}

.czerwony { color: red; font-size: 14pt;  font-family: arial}
.cz21 {color: green; font-size: 8pt;  font-family: arial}
.cz20 {color: black; font-size: 8pt;  font-family: arial}
.cz0 {color: black; font-size: 16pt;  font-family: arial}
.cz1 {color: black; font-size: 12pt;  font-family: arial}
.cz2 { color: black; font-size: 10pt;  font-family: arial}
.cz3 { color: green; font-size: 14pt;  font-family: arial}
.cz4 { color: green; font-size: 12pt;  font-family: arial}
.cz5 { color: brown; font-size: 14pt;  font-family: arial}
.cz5a { color: brown; font-size: 12pt;  font-family: arial}
.cz6 { color: red; font-size: 12pt;  font-family: arial}
.cz7 { color: black; font-size: 14pt;  font-family: arial}
.cz8 { color: green; font-size: 16pt;  font-family: arial}
.cz9 { color: brown; font-size: 16pt;  font-family: arial}
.cz10 { color: green; font-size: 10pt;  font-family: arial}
.cz14z { color: orange; font-size: 14pt;  font-family: verdana;}
.cz14 { color: orange; font-size: 14pt;  font-family: verdana;}
.cz16 { color: black; font-size: 16pt;  font-family: calibri; font-weight: bold;}
.cz19 { color: #DCDCDC; font-size: 6pt;  font-family: arial}
  A:LINK {
	text-decoration:  none;
	}
	A:HOVER {
	color: green; 
	text-decoration: none;
	} 
	
	A:visited { color: brown; 
	text-decoration: none;
	
                  } 
   
	SELECT {
	
	background-color: white;
	font-color: red;
	}
  img
           {
	     border-style: solid;
	     border-width: 0px;
	     border-color:  #FFFFCC;
           }

#gora {
  transform:rotateX(-90deg) translateZ(50px);
//background: green;
}#dol {  transform:rotateX(90deg) translateZ(50px);
//background: yellow;
    }
	

.panelwykresu{ 
margin-left:auto;
margin-top:1px;
margin-right:auto;
 width: 100%; 
 border: 0px solid #8c8e9b; 
 
    background: #C9D99C;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C9D99C), to(#FFFFFF));
    background: -webkit-linear-gradient(#C9D99C, #FFFFFF);
    background: -moz-linear-gradient(#C9D99C, #FFFFFF);
    background: -ms-linear-gradient(#C9D99C, #FFFFFF);
    background: -o-linear-gradient(#C9D99C, #FFFFFF);
    background: linear-gradient(#C9D99C, #FFFFFF);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }
 
 
 canvas {
	// background:url(obrazx.jpg); 
  width: 100%;
  height: auto;
  box-shadow:  rgba(0,0,0,0.5) 5px 5px 50px;
}	
	
-->
</STYLE>
</HTML>



