.boton {
2
text-decoration: none;
3
 color: #fff;
4
 font-weight: bold;
5
 padding: 12px 20px;
6
 font-size: 18px;
7
 border-radius: 10px;
8
 background-color: #666666;
9
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
10
 position: relative;
11
 border-bottom: 1px solid rgba(255,255,255,0.2);
12
 display: inline-block;
13
 font-family: Arial, Helvetica, sans;
14
 text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
15
}
16

17
.boton:hover {
18
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
19
 color: #fff !important;
20
}
21

22
.boton:active {
23
 top: 7px;
24
 box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
25
 color: #fff !important;
26
}
27

28
.formaBoton {
29
 border-radius: 5px;
30
 padding-left: 25px;
31
 padding-right: 25px;
32
}
33

34
.colorRojo{
35
 background-color: #c34747;
36
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
37
}
38

39
.colorRojo:hover {
40
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
41
}
42

43
.colorRojon:active {
44
 box-shadow: 0 2px 0 #5e2525, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
45
}