.botonTipo1{
    background-image: linear-gradient( #FFF, #DDD);
    border:thin solid #ccc;
    border-radius:5px;
    padding:8px;
    color:gray;
    box-shadow: 0px 0px 4px #bbb;
}
.botonTipo1:hover{
    box-shadow: 0px 0px 4px #ccc;
    background-color:#ccc;
    box-shadow: 0px 0px 20px #aaa;
}
.botonTipo1:active, .botonTipo1:focus{
    background-image: linear-gradient( #CCC, #AAA);
    border:thin solid black;
    color:black;
}
.botonTipo2{
    background-color: #f1f1f1;
    border:thin solid #ccc;
    padding:8px;
    color:gray;
}
.botonTipo2:hover{
    background-color: black;
    border:thin solid white;
    color:white;
    box-shadow: 0px 0px 10px black;    
}

.botonTipo3{
    background-image: linear-gradient( #FFF, #aaa);
    border:thin solid #ccc;
    border-radius:5px;
    padding:8px;
    color:gray;
    box-shadow: 0px 0px 4px #bbb;
}
.botonTipo3:hover{
    box-shadow: 0px 0px 4px #ccc;
    background-color:#ccc;
    box-shadow: 0px 0px 20px #aaa;
}
.button-dark{
    background-color: #777;
    color:white;
    border-radius: 5px;
}
.button-gray{
    background-color: #ddd;
    color:#666;
    border-radius: 5px;
}
.button-gray:hover{
    color:white;
    
}