.menu{
  width:15px;
  text-align:center; 
  font-size:10px;
  color:blue;
  border:2px solid blue;
  border-radius:5px; 
  background-color:#aaaaaa;
}
.menu2{
  width:15px;
  text-align:center; 
  font-size:12px;
  color:white;
  border:2px solid coral;
  border-radius:5px;
  background-color:#aa11aa;
}
.menu3{
  width:15px;
  text-align:center; 
  font-size:10px;
  font-weight:900;
  color:#792b16;
  border:2px solid darkgray;
  border-radius:5px;
  background-color:PaleGreen;
}
.menu4{
  width:15px;
  text-align:center; 
  font-size:10px;
  font-weight:900;
  color:#0e28a7;
  border:2px solid #a76f0e;
  border-radius:5px;
  background-color:PeachPuff;
}
.cab1{
  text-align:center; 
  color:blue;
  background-color:#4cd8f1;
  border-radius:5px;
}
.tex1{
  font-family:ubuntu1;
  font-size:14px;
  text-align:right;
  color:#d0800d;
  border:2px solid coral;
  background-color:#f4f2b1;
  border-radius:5px;
}
.dat1{
  font-family:ubuntu1;
  font-size:12px
  text-align:right;
  color:#0e0568;
  border:2px solid blue;
  background-color:#bfb4a5;
  border-radius:5px;
}
.dat2{
  font-family:ubuntu1;
  font-size:16px
  text-align:right;
  color:#0e0568;
  border:2px solid blue;
  background-color:#ede17d;
  border-radius:5px;
}
.dat3{
  font-family:tahona;
  font-size:14px
  text-align:right;
  color:#0e0568;
  border:2px solid blue;
  background-color:#ede17d;
  border-radius:5px;
}


.button {
    background-color: lightSeaGreen;
    border: 2px outset solid blue;
    border-radius:5px;
    color: blue;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family:ubuntu1;
    font-size: 16px;
}



.tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.texto_brillo{
   text-shadow:0px 0px 10px rgba(246,115,115,1),
               0px 0px 10px rgba(246,115,115,1),
               0px 0px 10px rgba(246,115,115,1);
}   

.caja1{
  background-color:#aaaaaa;
  box-shadow:-3px -3px 3px rgba(0,0,0,0.5);
  outline: 1px solid #5B25A1;
  outline-offset: 5px;
} 
.caja2{
  background-color:#aaaaaa;
  box-shadow:-3px -3px 3px rgba(255,255,255,0.5);
  outline: 1px solid #5B25A1;
  outline-offset: 7px;
} 

.texto3d{
  tranform: translate(35%,-35%);
  font-family: verdana;
  font-size: 20px;
  font-weight:700;
  color:#f5f5f5;
  text-shadow: 1px 1px 1px #6B056B,
               1px 2px 1px #919191,  
               1px 3px 1px #919191,  
	           1px 4px 1px #919191,  
	           1px 5px 1px #919191,  
	           1px 6px 1px #6B056B,  
 
	           1px 18px 6px rgba(16,16,16,0.4),  
	           1px 22px 10px rgba(16,16,16,0.2),  
	           1px 25px 35px rgba(16,16,16,0.2),  
	           1px 30px 60px rgba(16,16,16,0.4);  
}

.button2 {
    background-color: #C4DC99;
    border: 5px outset solid blue;
    border-radius:5px;
    color: blue;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: aclonica;
    font-size: 16px;
    cursor: pointer
}