/*
 Boton con CSS3
 autor: Miquel ;
 url: http://miiquel.com;

body, div{ margin:0; padding:0;}
body{background: url(bg.jpg);}
.wrap{ width:600px; margin:80px auto; text-align:center;}
.wrap h1{ color:#23aebe; font:normal 28px 'Lobster'; margin-bottom:80px;}

*/
/* Creamos los estilos del boton */
.button{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:6px 8px 6px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #105782;

  /* Bordes redondenados - Border Radius */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #105782, #105782); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #105782, #105782); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #105782, #105782); /* IE10 */
  background:        linear-gradient(top, #105782, #105782); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}

/*================================*/
/*Responsive button*/
/*@media screen and (max-width:960px){
    .button{
   FONT-SIZE: 10px; COLOR: #fff; FONT-FAMILY: Century Gothic;
text-align: center;
}
}

@media screen and (max-width:640px){
    .button{
    FONT-SIZE: 7px; COLOR: #fff; FONT-FAMILY: Century Gothic;
text-align: center;
}
}

@media screen and (max-width:480px){
    .button{
    FONT-SIZE: 5px; COLOR: #fff; FONT-FAMILY: Century Gothic;
text-align: center;
}
}*/
/*Fin Responsive ofertaceste*/
/*===================================*/

.button:hover{
  border-color:#196b9c; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #196b9c, #196b9c); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #196b9c, #196b9c); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #196b9c, #196b9c); /* IE10 */
  background:        linear-gradient(top, #196b9c, #196b9c);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}


.buttonverdelkn{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:5px 8px 5px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #055012;

  /* Bordes redondenados - Border Radius */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #055012, #055012); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #055012, #055012); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #055012, #055012); /* IE10 */
  background:        linear-gradient(top, #055012, #055012); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}


.buttonverdelkn:hover{
  border-color:#187c29; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #187c29, #187c29); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #187c29, #187c29); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #187c29, #187c29); /* IE10 */
  background:        linear-gradient(top, #187c29, #187c29);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}



    /***FIRST STYLE THE BUTTON***/
    input#bigbutton {
    width:100px;
    background: #4393c4; /*the colour of the button*/
    padding: 4px 14px 4px; /*apply some padding inside the button*/
    border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    /*style the text*/
    font-size:10;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
	font-weight: bold;
    letter-spacing:.1em;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    color: #fff;
    /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
    -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #105782, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #105782, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #3e9cbf, 0px 4px 0px 0px #105782, 0px 8px 5px #999;
    /*give the corners a small curve*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }
    /***SET THE BUTTON'S HOVER AND FOCUS STATES***/
    input#bigbutton:hover, input#bigbutton:focus {
    color:#dfe7ea;
    /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #105782, 0px 2px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #105782, 0px 2px 5px #999;
    box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #105782, 0px 2px 5px #999;
    }

.buttbajalkn{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:5px 8px 5px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #c42a1c;

  /* Bordes redondenados - Border Radiu	s */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #c42a1c, #c42a1c); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #c42a1c, #c42a1c); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #c42a1c, #c42a1c); /* IE10 */
  background:        linear-gradient(top, #c42a1c, #c42a1c); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}


.buttbajalkn:hover{
  border-color:#d93a2b; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #d93a2b, #d93a2b); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #d93a2b, #d93a2b); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #d93a2b, #d93a2b); /* IE10 */
  background:        linear-gradient(top, #d93a2b, #d93a2b);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}


.historico{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:5px 8px 5px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #0088cc;

  /* Bordes redondenados - Border Radiu	s */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #0088cc, #0088cc); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #0088cc, #0088cc); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #0088cc, #0088cc); /* IE10 */
  background:        linear-gradient(top, #0088cc, #0088cc); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}


.historico:hover{
  border-color:#1ba0e2; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #1ba0e2, #1ba0e2); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #1ba0e2, #1ba0e2); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #1ba0e2, #1ba0e2); /* IE10 */
  background:        linear-gradient(top, #1ba0e2, #1ba0e2);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}


.buttcongelkn{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:5px 8px 5px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #2c3741;

  /* Bordes redondenados - Border Radiu	s */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #2c3741, #2c3741); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #2c3741, #2c3741); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #2c3741, #2c3741); /* IE10 */
  background:        linear-gradient(top, #2c3741, #2c3741); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}


.buttcongelkn:hover{
  border-color:#394653; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #394653, #394653); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #394653, #394653); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #394653, #394653); /* IE10 */
  background:        linear-gradient(top, #394653, #394653);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}





    /***FIRST STYLE THE BUTTON***/
    input#bigbutton {
    width:100px;
    background: #4393c4; /*the colour of the button*/
    padding: 4px 14px 4px; /*apply some padding inside the button*/
    border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    /*style the text*/
    font-size:10;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
	font-weight: bold;
    letter-spacing:.1em;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    color: #fff;
    /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
    -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #105782, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #105782, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #3e9cbf, 0px 4px 0px 0px #105782, 0px 8px 5px #999;
    /*give the corners a small curve*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }
    /***SET THE BUTTON'S HOVER AND FOCUS STATES***/
    input#bigbutton:hover, input#bigbutton:focus {
    color:#dfe7ea;
    /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #105782, 0px 2px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #105782, 0px 2px 5px #999;
    box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #105782, 0px 2px 5px #999;
    }



.asistGuardar{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:4px 8px 4px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #105782;

  /* Bordes redondenados - Border Radius */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #105782, #105782); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #105782, #105782); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #105782, #105782); /* IE10 */
  background:        linear-gradient(top, #105782, #105782); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}

.asistGuardar:hover{
  border-color:#196b9c; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #196b9c, #196b9c); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #196b9c, #196b9c); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #196b9c, #196b9c); /* IE10 */
  background:        linear-gradient(top, #196b9c, #196b9c);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}


.asistUpd{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:4px 8px 4px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #055012;

  /* Bordes redondenados - Border Radius */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #055012, #055012); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #055012, #055012); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #055012, #055012); /* IE10 */
  background:        linear-gradient(top, #055012, #055012); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}


.asistUpd:hover{
  border-color:#187c29; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #187c29, #187c29); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #187c29, #187c29); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #187c29, #187c29); /* IE10 */
  background:        linear-gradient(top, #187c29, #187c29);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}


.buttrojo{
  background:#e5e5e5;
  display:inline-block;
  margin:0 6px;
  padding:4px 8px 4px;
  color:#ffffff;
  font:400 12px 'Century Gothic';
  text-decoration:none;
  /*text-shadow: 0 1px 1px #000;*/
  border:1px solid #c42a1c;

  /* Bordes redondenados - Border Radiu	s */
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;

  /* Fondo Degradado - Background Gradient */
  background:-webkit-linear-gradient(top, #c42a1c, #c42a1c); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #c42a1c, #c42a1c); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #c42a1c, #c42a1c); /* IE10 */
  background:        linear-gradient(top, #c42a1c, #c42a1c); 
  
  /* Aplcamos sombras al boton - Box Shadow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);

  /* Animacion - Transition */
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}


.buttrojo:hover{
  border-color:#d93a2b; /* Modificamos el color del borde */
  
  /* Cambiamos los colores del fondo degradado */
  background:-webkit-linear-gradient(top, #d93a2b, #d93a2b); /* Chrome 10+ */
  background:   -moz-linear-gradient(top, #d93a2b, #d93a2b); /* Firefox 3.6+ */
  background:    -ms-linear-gradient(top, #d93a2b, #d93a2b); /* IE10 */
  background:        linear-gradient(top, #d93a2b, #d93a2b);
  
  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
  -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
  box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}