html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  color: #000;
  font-size: 16px;
  padding-top: 74px;
  padding-bottom: 80px;
}
body.modal-open {
  padding-right: 0 !important;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 2501px) {
  body {
    background-size: 100%;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  color: #000;
}
h1 {
  color: #7c7c7c;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  margin: 25px 0;
}
a.btn {
  white-space: initial;
}
a:hover,
a:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  text-decoration: none;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
  color: #000000;
  opacity: 0.5;
}
.uppercase {
  text-transform: uppercase;
}
.separacion {
  clear: both;
  height: 30px;
}
.separacion_txt {
  color: #7c7c7c;
  font-weight: 300;
  font-size: 30px;
  text-align: center;
}
.clear {
  clear: both;
}
.bg-verde {
  background: #9eac66;
}
.rtl {
  text-align: right;
}
.rtl .text-left {
  text-align: right;
}
.rtl .text-right {
  text-align: left;
}
.rtl .close {
  float: left;
}
.rtl .col-xs-1,
.rtl .col-xs-10,
.rtl .col-xs-11,
.rtl .col-xs-12,
.rtl .col-xs-2,
.rtl .col-xs-3,
.rtl .col-xs-4,
.rtl .col-xs-5,
.rtl .col-xs-6,
.rtl .col-xs-7,
.rtl .col-xs-8,
.rtl .col-xs-9,
.rtl .col-md-1,
.rtl .col-md-10,
.rtl .col-md-11,
.rtl .col-md-12,
.rtl .col-md-2,
.rtl .col-md-3,
.rtl .col-md-4,
.rtl .col-md-5,
.rtl .col-md-6,
.rtl .col-md-7,
.rtl .col-md-8,
.rtl .col-md-9,
.rtl col-sm-1,
.rtl .col-sm-10,
.rtl .col-sm-11,
.rtl .col-sm-12,
.rtl .col-sm-2,
.rtl .col-sm-3,
.rtl .col-sm-4,
.rtl .col-sm-5,
.rtl .col-sm-6,
.rtl .col-sm-7,
.rtl .col-sm-8,
.rtl .col-sm-9,
.rtl .col-lg-1,
.rtl .col-lg-10,
.rtl .col-lg-11,
.rtl .col-lg-12,
.rtl .col-lg-2,
.rtl .col-lg-3,
.rtl .col-lg-4,
.rtl .col-lg-5,
.rtl .col-lg-6,
.rtl .col-lg-7,
.rtl .col-lg-8,
.rtl .col-lg-9 {
  float: right;
}
.rtl .keepPosition .col-xs-1,
.rtl .keepPosition .col-xs-10,
.rtl .keepPosition .col-xs-11,
.rtl .keepPosition .col-xs-12,
.rtl .keepPosition .col-xs-2,
.rtl .keepPosition .col-xs-3,
.rtl .keepPosition .col-xs-4,
.rtl .keepPosition .col-xs-5,
.rtl .keepPosition .col-xs-6,
.rtl .keepPosition .col-xs-7,
.rtl .keepPosition .col-xs-8,
.rtl .keepPosition .col-xs-9,
.rtl .keepPosition .col-md-1,
.rtl .keepPosition .col-md-10,
.rtl .keepPosition .col-md-11,
.rtl .keepPosition .col-md-12,
.rtl .keepPosition .col-md-2,
.rtl .keepPosition .col-md-3,
.rtl .keepPosition .col-md-4,
.rtl .keepPosition .col-md-5,
.rtl .keepPosition .col-md-6,
.rtl .keepPosition .col-md-7,
.rtl .keepPosition .col-md-8,
.rtl .keepPosition .col-md-9,
.rtl .keepPosition col-sm-1,
.rtl .keepPosition .col-sm-10,
.rtl .keepPosition .col-sm-11,
.rtl .keepPosition .col-sm-12,
.rtl .keepPosition .col-sm-2,
.rtl .keepPosition .col-sm-3,
.rtl .keepPosition .col-sm-4,
.rtl .keepPosition .col-sm-5,
.rtl .keepPosition .col-sm-6,
.rtl .keepPosition .col-sm-7,
.rtl .keepPosition .col-sm-8,
.rtl .keepPosition .col-sm-9,
.rtl .keepPosition .col-lg-1,
.rtl .keepPosition .col-lg-10,
.rtl .keepPosition .col-lg-11,
.rtl .keepPosition .col-lg-12,
.rtl .keepPosition .col-lg-2,
.rtl .keepPosition .col-lg-3,
.rtl .keepPosition .col-lg-4,
.rtl .keepPosition .col-lg-5,
.rtl .keepPosition .col-lg-6,
.rtl .keepPosition .col-lg-7,
.rtl .keepPosition .col-lg-8,
.rtl .keepPosition .col-lg-9 {
  float: left;
}
.rtl .input-group .form-control:last-child,
.rtl .input-group-addon:last-child,
.rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.rtl .input-group-btn:first-child > .btn:not(:first-child),
.rtl .input-group-btn:last-child > .btn,
.rtl .input-group-btn:last-child > .btn-group > .btn,
.rtl .input-group-btn:last-child > .dropdown-toggle {
  border-radius: 4px 0 0 4px;
}
.rtl .input-group .form-control:first-child,
.rtl .input-group-addon:first-child,
.rtl .input-group-btn:first-child > .btn,
.rtl .input-group-btn:first-child > .btn-group > .btn,
.rtl .input-group-btn:first-child > .dropdown-toggle,
.rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.rtl .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 4px 4px 0;
}
.btn-verde {
  color: #FFF !important;
  background: #93be11 !important;
}
.btn-verde:hover {
  color: #FFF !important;
  background: #e61a27 !important;
}
.btn-rojo {
  color: #FFF !important;
  background: #e61a27 !important;
  line-height: 1.2;
}
.btn-rojo:hover {
  color: #FFF !important;
  background: #93be11 !important;
}
.btn-gris {
  color: #FFF !important;
  background: #3a3a3a !important;
}
.btn-gris:hover {
  color: #cccccc !important;
  background: #3a3a3a !important;
}
.btn-blanco {
  background: none !important;
  border: 2px solid #FFF;
}
.btn-ver_factura,
.btn-pedido {
  color: #FFF !important;
  background: #e61a27 !important;
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  font-size: 16px;
  height: 28px;
  border: 0 none;
  line-height: 1;
  padding: 0;
  margin: 5px 0;
}
.btn-ver_factura i,
.btn-pedido i {
  background: #000000 none repeat scroll 0 0;
  display: inline-table;
  font-size: 0.75em;
  height: 100%;
  vertical-align: middle;
  padding: 0 10px 0 8px;
}
.btn-ver_factura i::before,
.btn-pedido i::before {
  display: table-cell;
  vertical-align: middle;
}
.btn-ver_factura span,
.btn-pedido span {
  display: inline-block;
  padding: 0 12px 0 10px;
}
.btn-ver_factura:hover,
.btn-pedido:hover {
  background: #93be11 !important;
}
.btn-ver_factura:disabled i.fa-shopping-cart::before,
.btn-pedido:disabled i.fa-shopping-cart::before {
  content: "\f1ce";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.btn-ver_factura:disabled.error i.fa-shopping-cart::before,
.btn-pedido:disabled.error i.fa-shopping-cart::before {
  content: "\f00d";
  -webkit-animation: none;
  animation: none;
}
.btn-ver_factura.no_icon i,
.btn-pedido.no_icon i {
  padding: 0;
  background: none;
}
.btn-confirmar-botella {
  background: #e61a27;
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin-top: 15px;
  font-weight: bolder;
}
.btn-confirmar-botella:hover {
  background: #93be11;
}
form label {
  font-weight: normal;
}
form label ins {
  cursor: pointer;
}
.form-horizontal .form-group-checkbox_label label.control-label {
  padding-top: 0;
}
.form-horizontal .form-group-checkbox_label label.txt {
  font-weight: inherit;
  display: inline;
}
label.error {
  color: red;
}
form input.form-control,
form textarea.form-control {
  border: 2px solid #FFF;
  color: #FFF;
  background: rgba(0,0,0,0.5);
  font-size: 18px;
  border-radius: 5px;
  line-height: 36px;
  height: 40px;
}
form input.form-control:invalid,
form textarea.form-control:invalid {
  border-color: #F00;
}
form textarea.form-control {
  height: 100px;
  resize: none;
}
.prettyRadio {
  display: inline-block;
  text-align: center;
  position: relative;
  height: 34px;
  vertical-align: middle;
}
.prettyRadio .sec {
  display: inline-table;
  background: #FFF;
  padding: 2px;
  width: 50px;
  height: 100%;
  position: relative;
  color: #7c7c7c;
}
.prettyRadio .sec.first,
.prettyRadio .sec.first .inner {
  border-radius: 5px 0 0 5px;
  padding-right: 0;
}
.prettyRadio .sec.last,
.prettyRadio .sec.last .inner {
  border-radius: 0 5px 5px 0;
  padding-left: 0;
}
.prettyRadio .sec .inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  font-weight: 500;
}
.prettyRadio .sec input {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.prettyRadio .sec input:checked + .inner {
  background: #e61a27;
  color: #FFF;
}
.prettyCheckbox {
  display: inline-block;
  width: 1em;
  text-align: left;
  position: relative;
  color: #93be11;
}
.prettyCheckbox input {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
}
.prettyCheckbox input + i::before {
  content: "\f096";
}
.prettyCheckbox input:checked + i::before {
  content: "\f046";
}
.QapTcha {
  margin-top: 0;
  width: 100%;
}
.QapTcha .TxtStatus {
  color: #ffffff !important;
  font-family: inherit;
  text-align: center;
  width: 100%;
}
.QapTcha .bgSlider {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  height: 34px;
  position: relative;
}
.QapTcha .bgSliderFlechas {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 52px;
  width: 100%;
  height: 100%;
}
.QapTcha .bgSliderFlechas i {
  display: table;
  width: 20%;
  height: 100%;
  float: left;
  color: #CCC;
}
.QapTcha .bgSliderFlechas i::before {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.QapTcha .Slider {
  background: #e61a27;
  height: 100%;
  display: table;
  vertical-align: middle;
}
.QapTcha .Slider::before {
  color: #FFF;
  font-family: 'FontAwesome';
  content: "\f054";
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.QapTcha .Slider.wait::before {
  content: "\f1ce";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.tag {
  border: 1px solid #ffffff;
  border-radius: 5px;
  display: inline-block;
  font-size: 10px;
  margin: 0 5px;
  padding: 3px 5px;
}
.tag .removeTag {
  margin-left: 5px;
  cursor: pointer;
}
.tag .removeTag i {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  color: #ff0000;
  height: 13px;
  text-align: center;
  vertical-align: middle;
  width: 13px;
}
.tag .removeTag i::before {
  box-sizing: border-box;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}
input[type="text"] + .show_pass .fa-eye::before {
  content: "\f070";
}
.carousel {
  height: 440px;
}
.carousel-caption {
  z-index: 10;
}
.carousel .item {
  height: 100%;
  background-color: #fff;
}
.carousel-inner {
  height: 100%;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}
.carousel-control.left,
.carousel-control.right {
  background: none;
}
.carousel .item {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel-caption {
  background: none repeat scroll 0 0 rgba(0,0,0,0.5);
  left: 0;
  right: 0;
  padding: 7px 48px;
  font-size: 20px;
  bottom: 0;
}
.carousel-control {
  z-index: 10;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  background: #f4f4f3;
  border-radius: 14px;
  height: 28px;
  width: 28px;
  margin-top: -20px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  margin-left: 0;
  left: 35%;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  margin-right: 0;
  right: 35%;
}
.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
  border-radius: 15px;
  display: table-cell;
  font-size: 11px;
  height: 28px;
  text-align: center;
  vertical-align: middle;
  width: 28px;
  color: #666;
}
.carousel .wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel-front {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel-front img {
  left: 55px;
  position: absolute;
  top: 50px;
}
@media only screen and (max-width: 991px) {
  .carousel .carousel-front img {
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .carousel {
    height: 350px;
  }
  .carousel p {
    font-size: 15px;
    line-height: 1.2;
  }
  .carousel .carousel-front img {
    top: 20px;
    width: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .carousel {
    height: 250px;
  }
  .carousel p {
    font-size: 14px;
    line-height: 1.2;
  }
  .carousel .carousel-front img {
    top: 5px;
    width: 149px;
  }
}
@media only screen and (max-width: 400px) {
  .carousel {
    height: 220px;
  }
  .carousel .carousel-caption {
    padding: 3px 40px;
  }
  .carousel p {
    font-size: 13px;
    margin: 0;
    line-height: 1.1;
  }
  .carousel .carousel-front img {
    top: 5px;
    width: 110px;
  }
}
.modal .modal-title img {
  max-height: 50px;
}
.modal .modal-body {
  background: #ececec;
  color: #666;
  text-align: center;
}
.modal iframe {
  width: 100%;
  height: 300px;
}
.modal .modal-body-txt + .modal-body-video {
  margin-top: 10px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #e61a27;
  border-color: #e61a27;
}
.pagination > li > a,
.pagination > li > span {
  color: #e61a27;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #7c7c7c;
}
#header {
  background: #FFF;
}
#header .navbar-brand {
  padding: 5px 10px;
  height: auto;
}
#header a {
  display: inline;
  color: #7c7c7c;
}
#header a:hover {
  color: #e61a27;
  text-decoration: none;
}
#header a.btn {
  color: #FFF;
}
#header .navbar-main_nav,
#header .navbar-lang,
#header .navbar-btns {
  float: left;
}
#header .navbar-main_nav ul,
#header .navbar-main_nav li,
#header .navbar-lang ul,
#header .navbar-lang li,
#header .navbar-btns ul,
#header .navbar-btns li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .navbar-main_nav ul,
#header .navbar-lang ul,
#header .navbar-btns ul {
  display: table;
  height: 73px !important;
}
#header .navbar-main_nav li,
#header .navbar-lang li,
#header .navbar-btns li {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
#header .navbar-main_nav li.active a {
  border-top: 4px solid #93be11;
}
#header .navbar-main_nav a {
  border-top: 4px solid #fff;
  display: table-cell;
  height: 73px;
  vertical-align: middle;
  background: none;
}
#header .navbar-main_nav a:hover {
  color: #93be11;
}
#header .navbar-lang {
  padding: 0 5px;
}
#header .navbar-lang a {
  padding: 0 5px;
  border-left: 1px solid #cccccc;
}
#header .navbar-lang li:first-child a {
  border-left: 0;
}
#header .navbar-lang li.active a {
  color: #e61a27;
}
#header .navbar-btns {
  margin-left: 30px;
}
#header .navbar-btns li {
  border-top-width: 1px;
}
@media only screen and (max-width: 767px) {
  #header .navbar-right {
    padding: 10px;
  }
  #header .navbar-main_nav,
  #header .navbar-lang,
  #header .navbar-btns {
    float: none;
  }
  #header .navbar-main_nav ul,
  #header .navbar-main_nav li,
  #header .navbar-main_nav a,
  #header .navbar-lang ul,
  #header .navbar-lang li,
  #header .navbar-lang a,
  #header .navbar-btns ul,
  #header .navbar-btns li,
  #header .navbar-btns a {
    height: auto !important;
  }
  #header .navbar-main_nav li {
    display: block;
  }
  #header .navbar-main_nav li a {
    padding: 0;
  }
  #header .navbar-lang {
    padding: 0;
  }
  #header .navbar-lang li:first-child a {
    padding-left: 0;
  }
  #header .navbar-btns {
    margin-top: 5px;
    margin-left: 0;
  }
}
.rtl #header .navbar-main_nav,
.rtl #header .navbar-lang,
.rtl #header .navbar-btns {
  float: right;
}
#nav_user {
  font-weight: bolder;
  background: #93be11;
  color: #FFF;
  border-bottom: 1px solid #7b932f;
  box-shadow: 0px 1px 6px 0px #666;
  z-index: 2;
  position: relative;
}
#nav_user .bg_verdeClaro {
  background: #b4d25b;
}
#nav_user .va {
  display: inline-table;
  height: 48px;
}
#nav_user .va span {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
#nav_user a {
  color: #FFF;
}
#nav_user a.tel_user {
  padding: 10px 0;
  color: #000;
  display: inline-block;
}
#nav_user a.tel_user span {
  font-size: 0.875em;
  color: #FFF;
}
#nav_user a.tel_user span .fa-inverse {
  color: #3a3a3a;
}
#nav_user a:hover {
  color: #e61a27;
}
#nav_user a:hover.tel_user span {
  color: #e61a27;
}
#nav_user a:hover.tel_user span .fa-inverse {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #nav_user .text-left,
  #nav_user .text-center,
  #nav_user .text-right {
    text-align: center;
  }
  #nav_user .va {
    height: auto;
  }
}
footer.footer {
  background: #3a3a3a;
}
#footer {
  background: #3a3a3a;
  color: #FFF;
  padding: 10px;
  font-size: 13px;
}
#footer .footer_left {
  margin-top: 14px;
}
#footer a {
  color: #FFF;
  text-decoration: underline;
}
.section_sat {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bolder;
}
.title_sat {
  color: #93be11;
}
.title_sat span {
  font-size: 21px;
}
.title_sat i {
  margin-right: 5px;
  vertical-align: top;
}
.btn-sat {
  cursor: pointer;
}
.titleModalSAT {
  font-weight: bold;
  padding: 5px 10px 0;
  vertical-align: middle;
}
#home_info {
  padding-top: 25px;
  color: #000;
  font-size: 15px;
}
#home_info .home_info_inner .row {
  padding-top: 13px;
  padding-bottom: 10px;
  background: #efefef;
  min-height: 163px;
  font-weight: bolder;
}
#home_info .home_info_inner.left {
  padding-left: 0;
}
#home_info .home_info_inner.right {
  padding-right: 0;
}
#home_info .rojo .row {
  border-bottom: 15px solid #e61a27;
}
#home_info .rojo .row h2 {
  color: #e61a27;
}
#home_info .verde .row {
  border-bottom: 15px solid #93be11;
}
#home_info .verde .row h2 {
  color: #7b932f;
}
#home_info .col-sm-3 {
  padding: 0 0 0 10px;
}
#home_info .home_info_inner {
  display: block;
  padding: 16px 8px 0;
}
#home_info h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
#home_info .min {
  margin-top: 15px;
  color: #000;
  font-size: 11px;
  font-weight: normal;
}
#home_info img {
  max-width: 100%;
}
@media only screen and (max-width: 991px) {
  #home_info .home_info_inner {
    padding: 20px !important;
  }
}
@media only screen and (max-width: 599px) {
  #home_info .col-md-6 {
    height: auto;
  }
}
.title_home_enlaces {
  margin-bottom: 10px;
}
#home_enlaces {
  background-image: url(../../theme/images/bg-home-info.jpg);
  background-position: center center;
  background-size: cover;
  text-align: center;
  color: #FFF;
}
#home_enlaces .ico {
  margin-top: 70px;
  background-color: rgba(0,0,0,0.2);
  border: 2px solid #fff;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  height: 95px;
  line-height: 128px;
  text-align: center;
  vertical-align: middle;
  width: 95px;
}
#home_enlaces .ico .fa {
  font-size: 65px;
  display: table;
  width: 100%;
  height: 100%;
}
#home_enlaces .ico .fa.fa-envelope {
  font-size: 50px;
}
#home_enlaces .ico .fa::before {
  display: table-cell;
  vertical-align: middle;
}
#home_enlaces .ico_new {
  display: inline-block;
  margin-top: 40px;
}
#home_enlaces h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin: 30px 0 20px;
  padding: 0;
}
#home_enlaces p {
  font-size: 15px;
  line-height: 1.2;
  height: 75px;
}
#home_enlaces .btn {
  background: #e61a27;
  color: #FFF;
  padding: 3px 12px;
}
#home_enlaces .col-md-4 {
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  #home_enlaces {
    height: auto;
  }
  #home_enlaces p {
    height: auto;
    margin-bottom: 20px;
  }
}
#home_enlaces .row {
  background-image: url(../../theme/images/bg-verde-1170.png);
  background-size: contain;
}
@media only screen and (max-width: 1199px) {
  #home_enlaces .row {
    background-image: url(../../theme/images/bg-verde-970.png);
  }
}
@media only screen and (max-width: 991px) {
  #home_enlaces .row {
    background-image: url(../../theme/images/bg-verde-750.png);
  }
}
#alta {
  background-image: url(../../theme/images/bg_cocacola.jpg);
  background-position: center center;
  background-size: cover;
  min-height: 435px;
  color: #FFF;
}
#alta h2 {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
}
#alta form {
  margin-top: 10px;
}
#alta a {
  color: #FFF;
  text-decoration: underline;
}
#login {
  background-image: url(../../theme/images/bg_cocacola.jpg);
  background-position: center center;
  background-size: cover;
  min-height: 435px;
  color: #FFF;
}
#login h2 {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
}
#login form {
  margin-top: 10px;
}
#user_edit {
  background-image: url(../../theme/images/bg_cocacola.jpg);
  background-position: center center;
  background-size: cover;
  min-height: 435px;
  color: #FFF;
}
#user_edit h2 {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
}
#user_edit form {
  margin-top: 10px;
}
#user_edit a {
  color: #FFF;
  text-decoration: underline;
}
#productos {
  font-size: 14px;
  color: #7c7c7c;
  background: #ececec;
}
#productos h2 {
  font-size: 18px;
  color: #e61a27;
}
#productos .prod {
  background-image: url(../images/linea.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 45px 25px;
}
#productos .prod.last-prod {
  background: none;
}
#productos .prod.last-col {
  background: #93be11;
  color: #FFF;
  height: 480px;
}
#productos .prod.last-col h2 {
  color: #FFF;
}
#productos .prod.last-col .p_btn {
  bottom: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}
#productos .prod.last-col .p_btn .btn {
  height: 28px;
  padding-top: 2px;
}
#productos .prod .center-block {
  width: 150px;
}
#productos .prod .center-block .input-group-btn {
  padding: 0 5px;
}
#productos .prod .center-block .input-number {
  border: 1px solid #e61a27;
  border-radius: 5px;
  color: #000;
  background: #FFF;
  height: 36px;
  font-size: 14px;
}
#productos .ima_prod {
  display: inline-block;
  width: 140px;
  height: 140px;
}
#productos .alert.center-block {
  width: 80%;
}
@media only screen and (max-width: 991px) {
  #productos .prod {
    background: none;
  }
  #productos .prod.last-col {
    height: auto;
  }
  #productos .prod.last-col .p_btn {
    bottom: inherit;
    left: inherit;
    padding-top: 20px;
    position: relative;
    width: 100%;
  }
}
#ayuda {
  margin-top: 30px;
}
#ayuda .flip_card {
  width: 100% !important;
  height: 240px;
  margin-top: 20px;
}
#ayuda .flip_card .front,
#ayuda .flip_card .back {
  width: 100% !important;
  height: 100% !important;
  padding: 10px 20px;
  display: table;
  vertical-align: middle;
}
#ayuda .flip_card .front .inner,
#ayuda .flip_card .back .inner {
  display: table-cell;
  vertical-align: middle;
}
#ayuda .flip_card .front {
  background-position: center center;
  border-radius: 5px;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
}
#ayuda .flip_card .front.botella {
  background-image: url(../../theme/images/bg_cocacola.jpg);
}
#ayuda .flip_card .front.base {
  background-image: url(../../theme/images/bg_base.jpg);
}
#ayuda .flip_card .front p {
  margin: 0;
}
#ayuda .flip_card .back {
  background: #eeeeee;
  background: -moz-linear-gradient(top,#eeeeee 0%,#d9d9d9 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#d9d9d9));
  background: -webkit-linear-gradient(top,#eeeeee 0%,#d9d9d9 100%);
  background: -o-linear-gradient(top,#eeeeee 0%,#d9d9d9 100%);
  background: -ms-linear-gradient(top,#eeeeee 0%,#d9d9d9 100%);
  background: linear-gradient(to bottom,#eeeeee 0%,#d9d9d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#d9d9d9',GradientType=0);
  border-radius: 5px;
  font-size: 14px;
  color: #6f6f6f;
}
#pedido {
  color: #FFF;
}
#pedido .bg {
  background-image: url(../../theme/images/bg_pedido.jpg);
  background-position: center center;
  background-size: cover;
}
#pedido .garantia {
  background: rgba(0,0,0,0.5);
  padding: 20px;
}
#pedido .garantia .div_input_garantia {
  margin: 0 auto;
  max-width: 300px;
  text-align: center;
}
#pedido .garantia input {
  width: 100%;
  color: #000;
  border-style: solid;
}
#pedido .garantia input.error {
  border-color: #e61a27;
}
#pedido .garantia input.success {
  border-color: #93be11;
}
#pedido .txtArea {
  padding: 15px 50px 35px;
  font-size: 18px;
  line-height: 1.2;
}
#pedido .txtArea h2 {
  font-size: 24px;
  color: #FFF;
  font-weight: 500;
  margin-bottom: 15px;
}
#pedido .producto {
  background-image: url(../images/linea2.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 15px 0;
}
#pedido .producto.last {
  background: none;
}
#pedido .producto h3 {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-size: 18px;
}
#pedido .producto .descripcion {
  font-size: 14px;
}
#pedido .producto .center-block {
  margin-top: 15px;
  width: 70px;
}
#pedido .producto .center-block input,
#pedido .producto .center-block button {
  padding: 0 3px;
  height: 20px;
}
#pedido .producto .center-block .input-number {
  border: none;
  border-radius: 0;
  color: #000;
  background: #FFF;
  font-size: 14px;
  height: 20px;
  line-height: 14px;
}
#pedido .producto .center-block button {
  font-size: 10px;
}
#pedido .producto .res_final {
  border: 2px solid #FFF;
  color: #FFF;
  background: rgba(0,0,0,0.5);
  width: 84px;
  font-size: 18px;
  border-radius: 5px;
  line-height: 36px;
  margin-top: 9px;
  height: 36px;
}
#pedido .sec_form.product_2 h3 {
  margin: 11px 0 0;
}
#pedido .sec_form {
  position: relative;
  margin: 20px 20px 50px;
}
#pedido .sec_form.disabled {
  opacity: 0.5;
}
#pedido .sec_form.disabled + .no_tocar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
#pedido .sec_form .inner {
  padding: 0 15px 30px;
  border-radius: 5px;
  border: 2px solid transparent;
}
#pedido .sec_form .inner:hover {
  border: 2px solid #FFF;
}
#pedido .sec_form .plazo {
  font-size: 14px;
  margin-top: 15px;
}
#pedido .sec_form .check_sec,
#pedido .sec_form .btn-elegir {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  cursor: pointer;
}
#pedido .sec_form .check_sec:checked + .btn-elegir + .inner,
#pedido .sec_form .check_sec:hover + .btn-elegir + .inner {
  border: 2px solid #FFF;
}
#pedido .sec_form .check_sec:hover + .btn-elegir button {
  background: #93be11 !important;
}
#pedido .sec_form .btn-elegir {
  z-index: 1;
}
#pedido .sec_form .btn-elegir button {
  height: 22px;
  line-height: 1;
  padding: 0 12px 2px;
}
#pedido .sec_form .check_sec {
  z-index: 2;
  height: 22px;
  opacity: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
}
#pedidos_usuario {
  background: #93be11;
  min-height: 435px;
  color: #FFF;
}
#pedidos_usuario h2 {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
}
#pedidos_usuario .table {
  background: none;
  color: #000;
}
#pedidos_usuario .panel-collapse {
  border-top: 1px solid #93be11;
  padding: 0 5px;
}
#pedidos_usuario .panel-heading {
  padding: 0;
}
#pedidos_usuario .panel-heading div {
  display: inline-block;
  height: 100%;
  padding: 10px 15px;
  width: 100%;
}
#pedidos_usuario .panel-heading .fa-eye {
  float: right;
  margin-left: 10px;
}
#pedidos_usuario .ver_factura {
  text-align: right;
  padding: 5px 5px 10px;
}
#pedidos_usuario .ver_factura a {
  color: #000;
}
#pedidos_usuario .ver_factura a .fa {
  color: #e61a27;
}
#merchant_ok {
  background: #93be11;
  color: #000;
  padding: 20px;
}
#merchant_ko {
  background: #93be11;
  color: #000;
  padding: 20px;
}
#faq #accordionFAQ {
  position: relative;
  padding: 10px 0;
  margin: 0 auto;
  max-width: 850px;
  background: #f2f2f2;
  border-radius: 10px;
}
#faq #accordionFAQ .panel {
  background-color: transparent;
  background-image: url(../images/linea3.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  box-shadow: none;
  border: none;
}
#faq #accordionFAQ .panel:last-child {
  background: none;
}
#faq #accordionFAQ .panel .panel-heading,
#faq #accordionFAQ .panel .panel-title {
  background: none;
  border: none;
  color: #000;
  font-size: 20px;
}
#faq #accordionFAQ .panel .panel-heading {
  padding: 15px;
}
#faq #accordionFAQ .panel .panel-title a {
  position: relative;
  padding-left: 40px;
  display: block;
}
#faq #accordionFAQ .panel .panel-title a .ico {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 38px;
}
#faq #accordionFAQ .panel .panel-title a .ico .fa-stack {
  color: #e61a27;
  font-size: 14px;
}
#faq #accordionFAQ .panel .panel-body {
  background-color: transparent;
  background-image: url(../images/bg_faq.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  border: none;
  color: #7c7c7c;
  font-size: 16px;
  padding: 5px 60px 15px 60px;
  min-height: 154px;
}
#faq #accordionFAQ .panel .panel-body img {
  width: 100%;
  max-width: 100%;
}
#faq #btnContactFaq {
  padding: 20px 0;
}
@media only screen and (max-width: 599px) {
  #faq #accordionFAQ .panel .panel-body {
    padding: 5px 20px 15px 20px;
  }
}