.cRamkaCal 
{
   /* zelonkawy kolor ramki i centrowanie w TD + zaokrąglenia ramki */

     float: center;
     margin-left: auto;
     margin-right: auto; 
	 color: teal;
	 border: 2px solid green;
     border-radius: 4px;
    
}

.cPole
{
     /* między innymi centrowanie klawisz w TD */
     
	 width: 50;
     float: center; 
     margin: auto;
     text-align: center;
     resize: none; 



 
}


.cEdit
{
     /* */
	 
     width:90px;
     padding: 0px 10px 0px 0px;
     font-size: 14px;
     color: teal;
     border: 2px solid green;
     border-radius: 4px;
     text-align: right;    
}


.cMemoColor {


    float: center;
    padding: 3px 3px 3px 3px;
	font-size: 14px;
	color: teal;
	border: 2px solid green;
    border-radius: 4px;
    resize: none;
    text-align: center;  
 

    

}




.styledButton
{
    border: 0;
    line-height: 2;
    padding: 0 10px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(0, 200, 0, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, .2),  rgba(0, 0, 0, .2) 30%,  rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6), inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.styledButton:hover 
{  
    /* mysz najechała na pole */
    background-color: rgba(0, 255, 0, 1);
}

.styledButton:active 
{ 
    /* mysz stoi na polu i jest naciśnięty lewy klawisz */
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}