/*---------------------------------------BUTTONS---------------------------------------------*/

/*----------------BRANCO-------------------*/
.btn-white {
  color: #222;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFF;
  background-image: -moz-linear-gradient(top, #FFF, #FFF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FFF));
  background-image: -webkit-linear-gradient(top, #FFF, #FFF);
  background-image: -o-linear-gradient(top, #FFF, #FFF);
  background-image: linear-gradient(to bottom, #FFF, #FFF);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffFFFFFF', GradientType=0);
  border-color: #FFF #FFF #FFF;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #FFF;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.disabled,
.btn-white[disabled] {
  color: #222;
  background-color: #FFF;
  *background-color: #151515;
}
.btn-white:active,
.btn-white.active {
  background-color: #080808 \9;
}

/*----------------PRETO------------------*/

.btn-black {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #222;
  background-image: -moz-linear-gradient(top, #222, #000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#000));
  background-image: -webkit-linear-gradient(top, #222, #000);
  background-image: -o-linear-gradient(top, #222, #000);
  background-image: linear-gradient(to bottom, #222, #000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff000000', GradientType=0);
  border-color: #000 #000 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #000;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled] {
  color: #ffffff;
  background-color: #000;
  *background-color: #151515;
}
.btn-black:active,
.btn-black.active {
  background-color: #080808 \9;
}

/*------------------AÇO------------------*/

.btn-steel {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #647687;
  background-image: -moz-linear-gradient(top, #83919F, #647687);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#83919F), to(#647687));
  background-image: -webkit-linear-gradient(top, #83919F, #647687);
  background-image: -o-linear-gradient(top, #83919F, #647687);
  background-image: linear-gradient(to bottom, #83919F, #647687);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff83919F', endColorstr='#ff647687', GradientType=0);
  border-color: #647687 #647687 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #647687;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-steel:hover,
.btn-steel:focus,
.btn-steel:active,
.btn-steel.active,
.btn-steel.disabled,
.btn-steel[disabled] {
  color: #ffffff;
  background-color: #647687;
  *background-color: #151515;
}
.btn-steel:active,
.btn-steel.active {
  background-color: #080808 \9;
}

/*---------------CARMIM------------------*/

.btn-crimson {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A20025;
  background-image: -moz-linear-gradient(top, #B53351, #A20025);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B53351), to(#A20025));
  background-image: -webkit-linear-gradient(top, #B53351, #A20025);
  background-image: -o-linear-gradient(top, #B53351, #A20025);
  background-image: linear-gradient(to bottom, #B53351, #A20025);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffB53351', endColorstr='#ffA20025', GradientType=0);
  border-color: #A20025 #A20025 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #A20025;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-crimson:hover,
.btn-crimson:focus,
.btn-crimson:active,
.btn-crimson.active,
.btn-crimson.disabled,
.btn-crimson[disabled] {
  color: #ffffff;
  background-color: #A20025;
  *background-color: #151515;
}
.btn-crimson:active,
.btn-crimson.active {
  background-color: #080808 \9;
}

/*----------------VERMELHO------------------*/

.btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #E51400;
  background-image: -moz-linear-gradient(top, #EA4333, #E51400);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EA4333), to(#E51400));
  background-image: -webkit-linear-gradient(top, #EA4333, #E51400);
  background-image: -o-linear-gradient(top, #EA4333, #E51400);
  background-image: linear-gradient(to bottom, #EA4333, #E51400);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEA4333', endColorstr='#ffE51400', GradientType=0);
  border-color: #E51400 #E51400 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #E51400;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #ffffff;
  background-color: #E51400;
  *background-color: #151515;
}
.btn-red:active,
.btn-red.active {
  background-color: #080808 \9;
}

/*----------------LARANJA------------------*/

.btn-orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #FA6800;
  background-image: -moz-linear-gradient(top, #FB8633, #FA6800);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FB8633), to(#FA6800));
  background-image: -webkit-linear-gradient(top, #FB8633, #FA6800);
  background-image: -o-linear-gradient(top, #FB8633, #FA6800);
  background-image: linear-gradient(to bottom, #FB8633, #FA6800);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFB8633', endColorstr='#ffFA6800', GradientType=0);
  border-color: #FA6800 #FA6800 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #FA6800;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  color: #ffffff;
  background-color: #FA6800;
  *background-color: #151515;
}
.btn-orange:active,
.btn-orange.active {
  background-color: #080808 \9;
}

/*------------------ÂMBAR------------------*/

.btn-amber {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #F0A30A;
  background-image: -moz-linear-gradient(top, #F3B53B, #F0A30A);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F3B53B), to(#F0A30A));
  background-image: -webkit-linear-gradient(top, #F3B53B, #F0A30A);
  background-image: -o-linear-gradient(top, #F3B53B, #F0A30A);
  background-image: linear-gradient(to bottom, #F3B53B, #F0A30A);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF3B53B', endColorstr='#ffF0A30A', GradientType=0);
  border-color: #F0A30A #F0A30A #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #F0A30A;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-amber:hover,
.btn-amber:focus,
.btn-amber:active,
.btn-amber.active,
.btn-amber.disabled,
.btn-amber[disabled] {
  color: #ffffff;
  background-color: #F0A30A;
  *background-color: #151515;
}
.btn-amber:active,
.btn-amber.active {
  background-color: #080808 \9;
}

/*----------------AMARELO------------------*/

.btn-yellow {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #E3C800;
  background-image: -moz-linear-gradient(top, #E9D333, #E3C800);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E9D333), to(#E3C800));
  background-image: -webkit-linear-gradient(top, #E9D333, #E3C800);
  background-image: -o-linear-gradient(top, #E9D333, #E3C800);
  background-image: linear-gradient(to bottom, #E9D333, #E3C800);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE9D333', endColorstr='#ffE3C800', GradientType=0);
  border-color: #E3C800 #E3C800 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #E3C800;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
  color: #ffffff;
  background-color: #E3C800;
  *background-color: #151515;
}
.btn-yellow:active,
.btn-yellow.active {
  background-color: #080808 \9;
}

/*----------------VERDE ESCURO (EMERALD)------------------*/

.btn-emerald {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #008A00;
  background-image: -moz-linear-gradient(top, #33A133, #008A00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33A133), to(#008A00));
  background-image: -webkit-linear-gradient(top, #33A133, #008A00);
  background-image: -o-linear-gradient(top, #33A133, #008A00);
  background-image: linear-gradient(to bottom, #33A133, #008A00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33A133', endColorstr='#ff008A00', GradientType=0);
  border-color: #008A00 #008A00 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #008A00;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-emerald:hover,
.btn-emerald:focus,
.btn-emerald:active,
.btn-emerald.active,
.btn-emerald.disabled,
.btn-emerald[disabled] {
  color: #ffffff;
  background-color: #008A00;
  *background-color: #151515;
}
.btn-emerald:active,
.btn-emerald.active {
  background-color: #080808 \9;
}

/*----------------VERDE CLARO (GREEN)------------------*/

.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60A917;
  background-image: -moz-linear-gradient(top, #80BA45, #60A917);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#80BA45), to(#60A917));
  background-image: -webkit-linear-gradient(top, #80BA45, #60A917);
  background-image: -o-linear-gradient(top, #80BA45, #60A917);
  background-image: linear-gradient(to bottom, #80BA45, #60A917);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff80BA45', endColorstr='#ff60A917', GradientType=0);
  border-color: #60A917 #60A917 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #60A917;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #60A917;
  *background-color: #151515;
}
.btn-green:active,
.btn-green.active {
  background-color: #080808 \9;
}

/*----------------VERDE/AZUL (TEAL)------------------*/

.btn-teal {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00ABA9;
  background-image: -moz-linear-gradient(top, #33BCBA, #00ABA9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33BCBA), to(#00ABA9));
  background-image: -webkit-linear-gradient(top, #33BCBA, #00ABA9);
  background-image: -o-linear-gradient(top, #33BCBA, #00ABA9);
  background-image: linear-gradient(to bottom, #33BCBA, #00ABA9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33BCBA', endColorstr='#ff00ABA9', GradientType=0);
  border-color: #00ABA9 #00ABA9 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #00ABA9;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active,
.btn-teal.disabled,
.btn-teal[disabled] {
  color: #ffffff;
  background-color: #00ABA9;
  *background-color: #151515;
}
.btn-teal:active,
.btn-teal.active {
  background-color: #080808 \9;
}

/*----------------AZUL ESCURO (COBALT)------------------*/

.btn-cobalt {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0050EF;
  background-image: -moz-linear-gradient(top, #3373F2, #0050EF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3373F2), to(#0050EF));
  background-image: -webkit-linear-gradient(top, #3373F2, #0050EF);
  background-image: -o-linear-gradient(top, #3373F2, #0050EF);
  background-image: linear-gradient(to bottom, #3373F2, #0050EF);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3373F2', endColorstr='#ff0050EF', GradientType=0);
  border-color: #0050EF #0050EF #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0050EF;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-cobalt:hover,
.btn-cobalt:focus,
.btn-cobalt:active,
.btn-cobalt.active,
.btn-cobalt.disabled,
.btn-cobalt[disabled] {
  color: #ffffff;
  background-color: #0050EF;
  *background-color: #151515;
}
.btn-cobalt:active,
.btn-cobalt.active {
  background-color: #080808 \9;
}

/*----------------AZUL CLARO (CYAN)------------------*/

.btn-cyan {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1BA1E2;
  background-image: -moz-linear-gradient(top, #49B4E8, #1BA1E2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49B4E8), to(#1BA1E2));
  background-image: -webkit-linear-gradient(top, #49B4E8, #1BA1E2);
  background-image: -o-linear-gradient(top, #49B4E8, #1BA1E2);
  background-image: linear-gradient(to bottom, #49B4E8, #1BA1E2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff49B4E8', endColorstr='#ff1BA1E2', GradientType=0);
  border-color: #1BA1E2 #1BA1E2 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #1BA1E2;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan:active,
.btn-cyan.active,
.btn-cyan.disabled,
.btn-cyan[disabled] {
  color: #ffffff;
  background-color: #1BA1E2;
  *background-color: #151515;
}
.btn-cyan:active,
.btn-cyan.active {
  background-color: #080808 \9;
}

/*----------------ROXO (INDIGO)------------------*/

.btn-indigo {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #6A00FF;
  background-image: -moz-linear-gradient(top, #8833FF, #6A00FF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8833FF), to(#6A00FF));
  background-image: -webkit-linear-gradient(top, #8833FF, #6A00FF);
  background-image: -o-linear-gradient(top, #8833FF, #6A00FF);
  background-image: linear-gradient(to bottom, #8833FF, #6A00FF);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8833FF', endColorstr='#ff6A00FF', GradientType=0);
  border-color: #6A00FF #6A00FF #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #6A00FF;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-indigo:hover,
.btn-indigo:focus,
.btn-indigo:active,
.btn-indigo.active,
.btn-indigo.disabled,
.btn-indigo[disabled] {
  color: #ffffff;
  background-color: #6A00FF;
  *background-color: #151515;
}
.btn-indigo:active,
.btn-indigo.active {
  background-color: #080808 \9;
}

/*----------------VIOLETA------------------*/

.btn-violet {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #AA00FF;
  background-image: -moz-linear-gradient(top, #BB33FF, #AA00FF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BB33FF), to(#AA00FF));
  background-image: -webkit-linear-gradient(top, #BB33FF, #AA00FF);
  background-image: -o-linear-gradient(top, #BB33FF, #AA00FF);
  background-image: linear-gradient(to bottom, #BB33FF, #AA00FF);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBB33FF', endColorstr='#ffAA00FF', GradientType=0);
  border-color: #AA00FF #AA00FF #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #AA00FF;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet.active,
.btn-violet.disabled,
.btn-violet[disabled] {
  color: #ffffff;
  background-color: #AA00FF;
  *background-color: #151515;
}
.btn-violet:active,
.btn-violet.active {
  background-color: #080808 \9;
}