A:link    {color: #000020;text-decoration: none;}
A:visited {color: #000020;text-decoration: none;}
A:active  {color: #000020;text-decoration: none;}
A:hover   {color: #002020;text-decoration: none;}

H1 {
 font-size: 36px;
 font-weight: bold;
 text-align: center;
 font-family: Verdana, Helvetica, Arial, Courier, sans-serif;
 color:white;
 background-color: black;
}

H2 {
 font-size: 24px;
 font-weight: bold;
 text-align: left;
 font-family: Verdana, Helvetica, Arial, Courier, sans-serif;
 color:white;
 background-color: black;
}

H3 {
 font-size: 16px;
 text-align: left;
 font-family: Verdana, Helvetica, Arial, Courier, sans-serif;
 color:white;
 background-color: black;
}

H4 {
 font-size: 10px;
 text-align: justify;
 font-family: Tahoma, Verdana, Helvetica, Arial, Courier, sans-serif;
 color:white;
 background-color: black;
}

th {
 font-family: sans-serif;
 text-align: center;
 /*background-color : #EFDFBF;*/
 font-size: smaller;
}

th.sel {
 background-color: #EADDBF;
}

td {
 font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
 /*background-color: #E8D8B8;*/
 text-align: center;
 font-size: smaller;
}

td.a {
 font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
 /*background-color: #E8D8B8; */
 font-size: smaller;
}

.kep {
 color:          black;
 font-family:    times;
 font-size:      12px;
 position:       absolute;
 z-index:        0;
}

 
/*
#g1{
 top:20px;
 bottom:20px;
 width:120px;
 left: calc(100%/2 - 50px);
}

#g2{
 top:20px;
 bottom:20px;
 width:300px;
 left: calc(100%/2 - 119px);
}
*/
input {
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px;
 box-shadow: 1px 2px 6px #666666;
 background:#f6f6f6;
 text-align: center;
}

span.fancy,#g1,#g2{
 display: inline-block;
 position:relative;
 top:2px;
 text-align:center;
/* line-height: 50px;
 height: 50px;
*/
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-property: transform;
 transition-property: transform;
 box-shadow: 1px 2px 6px #666666;
/* border:solid; */
 border-color:black;
 border-width: 1px;
 border-radius:15px;
 background:#f6f8e8;
 text-align: center;
 width: 90px; 
}


span.fancy:hover,#g1:hover,#g2:hover{
 cursor:pointer;
 background:#d6d6f6;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}

span.fancy.selclass,#g1.selclass,#g2.selclass{
 cursor:pointer;
 background:#f6c6c6;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
span.fancy2{
 display: inline-block;
 position:relative;
/* top:2px;*/
 text-align:center;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-property: transform;
 transition-property: transform;
/* box-shadow: 1px 2px 6px #666666;
 border:solid; */
 border-width: 0px;
 text-align: center;
}
span.fancy2:hover{
 cursor:pointer;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
g.gfancy:hover {
  transform: scale(1.2);
}
g.gfancy {
  transition: all 1s;
  transform-origin: 50% 50%;
}