@font-face {
  src: url("../fonts/NunitoSans-Light.ttf");
  font-family: NunitoSans;
}
body {
  font-family: NunitoSans;
  /*font-family:'Roboto', sans-serif;*/
  line-height: 1.2em;
  font-size: 14px;
  line-height: 20px;
  /*background-color: #717272;*/
}
.list-group .list-group-item:hover {
  background-color: #ccc;
  transition-duration: 1s;
}
.list-group .list-group-item:hover a {
  color: #FFF;
}
.button-sp,
.button-sp:visited,
.button-sp:focus {
  border: none;
  background-color: #86b235;
  color: #181A1C;
  display: inline-block;
  border-radius: 20px;
  padding: 10px 15px;
  font-size: 15px;
}
.buttonPay {
  padding: 7px;
  margin: 0 10px;
  border-radius: 5px;
  border: 2px solid #ccc;
  background-color: #ccc;
  box-shadow: inset 0px 0px 5px #ccc;
  -moz-box-shadow: inset 0px 0px 5px #ccc;
  -webkit-box-shadow: inset 0px 0px 5px #ccc;
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.buttonPay:hover {
  background-color: #86b235;
  border: 2px solid #86b235;
  box-shadow: inset 0px 0px 5px #86b235;
  -moz-box-shadow: inset 0px 0px 5px #86b235;
  -webkit-box-shadow: inset 0px 0px 5px #86b235;
}
.button-sp:hover,
.button-sp:active {
  background-color: #000;
  color: #FFF;
}
.button-sp:disabled {
  background-color: #ccc;
  color: #FFF;
  cursor: no-drop;
  opacity: 0.4;
  pointer-events: none;
}
#menu_alcos {
  min-height: 95px;
  background: #86b235;
}
#menu_alcos .navbar-header .navbar-brand {
  padding: 5px;
}
#menu_alcos .navbar-header .navbar-brand img {
  width: 90px;
}
#menu_alcos .navbar-nav {
  margin-top: 20px;
}
#menu_alcos .navbar-nav > li {
  color: #86b235;
}
#menu_alcos .navbar-nav > li a {
  text-decoration: none;
  border-radius: 30px;
  padding: 10px 15px 10px;
  color: #fff;
  border: 1px solid #86b235;
  font-size: 15px;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #86b235;
}
#menu_alcos .navbar-nav > li a:focus,
#menu_alcos .navbar-nav > li a:hover {
  border: 1px solid #fff;
  background-color: #fff;
  transition: border-color 1s ease;
  color: #000;
}
#menu_alcos .navbar-nav > li a.active {
  border: 1px solid #fff;
  background-color: #fff;
  transition: border-color 1s ease;
  color: #000;
}
#menu_alcos .navbar-nav > li ul.dropdown-menu li a {
  text-decoration: none;
  border-radius: 0px;
  padding: 5px 10px;
  color: #86b235;
  border: 0px solid #86b235;
  font-size: 15px;
  text-transform: lowercase;
  vertical-align: middle;
  background-color: #fff;
  font-weight: bold;
}
#menu_alcos .navbar-nav > li ul.dropdown-menu li button {
  padding: 5px 10px;
  color: #86b235;
  font-weight: bold;
}
#menu_alcos .navbar-nav > li ul.dropdown-menu li a:first-letter,
#menu_alcos .navbar-nav > li ul.dropdown-menu li button:first-letter {
  text-transform: uppercase;
}
#menu_alcos .navbar-nav > li:hover > a {
  border: 1px solid #9f9c9c;
  background-color: #fff;
  border-radius: 25px;
  transition: border-color 1s ease;
}
#menu_alcos .navbar-nav > li#promociones > a {
  padding: 5px 10px 5px;
}
#menu_alcos .navbar-nav > li#button_dmc_cart > a {
  padding: 5px 10px 5px;
}
#menu_alcos .navbar-nav > li#button_dmc_cart > a .glyphicon-shopping-cart {
  font-size: 30px;
}
#menu_alcos .navbar-nav > li#button_dmc_cart > a #qty-cart {
  width: auto;
  padding: 0px 4px;
  /*background-color: #fff;*/
  color: #000;
  border-radius: 50%;
  font-size: 10px;
  display: block;
  margin-top: -18px;
  position: relative;
  margin-left: 4px;
  top: -12px;
  text-align: center;
  font-weight: bold;
  /*border: 1px solid red;*/
}
#menu_alcos .navbar-nav > li#button_dmc_cart > a:hover #qty-cart {
  color: #fff;
}
#contentApp1 h1 {
  color: #337ab7;
  font-weight: 700;
}