/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i");
.cont-buscador {
  position: relative; }
  .cont-buscador [type="text"] {
    font-family: 'Nunito Sans', sans-serif;
    padding: 0.625rem 3.125rem 0.625rem 1.25rem;
    margin-top: 0.625rem;
    border-color: #E0E0E0;
    color: #9C9C9C; }
  .cont-buscador .cont-fa-search {
    position: absolute;
    right: 0.1875rem;
    top: 0;
    border-left: 0.0625rem solid #E0E0E0; }
    .cont-buscador .cont-fa-search .fa-search {
      padding: 0.75rem;
      color: #E0E0E0; }

.header .row-cont-logo {
  margin: 1.875rem auto; }
  @media print, screen and (min-width: 64em) {
    .header .row-cont-logo .col-iconos {
      padding-top: 1.25rem; } }
  .header .row-cont-logo .col-iconos a.login {
    color: #333333;
    margin-top: 0.625rem;
    margin-right: 0.625rem; }
    .header .row-cont-logo .col-iconos a.login span {
      font-weight: 900;
      font-family: 'Nunito Sans', sans-serif;
      font-size: 0.875rem; }
    .header .row-cont-logo .col-iconos a.login:hover span, .header .row-cont-logo .col-iconos a.login:focus span, .header .row-cont-logo .col-iconos a.login:active span {
      border-bottom: 0.0625rem solid #9C9C9C; }
  .header .row-cont-logo .col-iconos .icon-small {
    font-size: 1.25rem;
    margin: 1.25rem 0.625rem;
    color: #333333; }
    @media print, screen and (min-width: 64em) {
      .header .row-cont-logo .col-iconos .icon-small {
        display: none; } }

.dropdown-pane {
  border: none; }
  .dropdown-pane.is-open {
    position: inherit;
    width: 100%; }

.cont-breadcrumbs {
  margin-bottom: 1.25rem; }
  .cont-breadcrumbs ul.breadcrumbs {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.625rem; }
    .cont-breadcrumbs ul.breadcrumbs li {
      text-transform: none;
      font-size: 1.125rem; }
      .cont-breadcrumbs ul.breadcrumbs li i {
        font-size: 1.125rem; }
      .cont-breadcrumbs ul.breadcrumbs li a {
        font-family: 'Nunito Sans', sans-serif;
        color: #9C9C9C;
        text-decoration: none; }
        .cont-breadcrumbs ul.breadcrumbs li a:hover, .cont-breadcrumbs ul.breadcrumbs li a:focus, .cont-breadcrumbs ul.breadcrumbs li a:active {
          border-bottom: 0.0625rem solid #9C9C9C; }
      .cont-breadcrumbs ul.breadcrumbs li.current {
        color: #333333; }

.header ul.dropdown {
  border-top: 0.3125rem solid #E0E0E0;
  border-bottom: 0.3125rem solid #E0E0E0;
  margin-bottom: 1.875rem; }
  .header ul.dropdown li a {
    font-size: 0.9375rem;
    font-weight: 900;
    color: #333333;
    font-family: 'Nunito Sans', sans-serif;
    padding: 0.9375rem 1.25rem; }
    .header ul.dropdown li a.rojo {
      color: #FF0000; }
    .header ul.dropdown li a:hover, .header ul.dropdown li a:focus, .header ul.dropdown li a:active {
      transition: 0.3s;
      background: #E0E0E0; }
    .header ul.dropdown li a.marca-logotipo {
      padding: 0.3125rem 1.25rem; }
      .header ul.dropdown li a.marca-logotipo img {
        height: 2.1875rem !important; }
  .header ul.dropdown ul.is-dropdown-submenu {
    z-index: 5;
    background: #E0E0E0;
    padding: 0 0.5rem; }
    .header ul.dropdown ul.is-dropdown-submenu li a {
      font-weight: 400;
      background: #E0E0E0;
      padding: 0.75rem 0.3125rem; }
      .header ul.dropdown ul.is-dropdown-submenu li a:hover, .header ul.dropdown ul.is-dropdown-submenu li a:focus, .header ul.dropdown ul.is-dropdown-submenu li a:active {
        transition: 0.3s;
        background: #ffffff; }
.header a .fa-bars {
  font-size: 2.1875rem;
  color: #333333;
  margin-top: 0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .header a .fa-bars {
      font-size: 2.8125rem; } }
  .header a .fa-bars:hover, .header a .fa-bars:focus, .header a .fa-bars:active {
    color: #6B6B6B; }
.header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  font-family: 'fontAwesome';
  content: '\f078';
  border: none;
  top: 43%;
  right: 1.0625rem;
  font-size: 0.625rem; }

.is-accordion-submenu-parent > a::after {
  font-family: 'fontAwesome';
  content: '\f078';
  border: none;
  top: 30%;
  right: 8%; }

.is-accordion-submenu-parent[aria-expanded="true"] > a::after {
  top: 66%;
  right: 5%; }

.position-top {
  z-index: 10;
  height: 100%;
  transform: translateY(-100%);
  background: #F6F6F6; }
  .position-top .close-button span {
    font-size: 1.875rem; }
  .position-top ul.tabs {
    background: #E0E0E0;
    border: none; }
    .position-top ul.tabs li a {
      border: none;
      font-weight: 900;
      font-size: 0.875rem; }
  .position-top .tabs-title > a:focus, .position-top .tabs-title > a {
    background: #9C9C9C;
    color: #ffffff; }
  .position-top .tabs-title > a:focus, .position-top .tabs-title > a[aria-selected="true"] {
    background: #F6F6F6;
    color: #9C9C9C; }
  .position-top .tabs-content {
    border: none;
    background: none; }
    .position-top .tabs-content .tabs-panel {
      padding: 0; }
  .position-top ul li a {
    font-size: 1.125rem;
    color: #6B6B6B;
    font-family: 'Nunito Sans', sans-serif;
    border-top: 0.0625rem solid #E0E0E0;
    padding: 1.25rem; }
  .position-top ul ul.is-accordion-submenu {
    background: #E0E0E0; }
    .position-top ul ul.is-accordion-submenu li a {
      font-size: 1rem;
      border-bottom: 0.0625rem solid #F6F6F6; }
  .position-top ul li:first-child a {
    border-top: 0.0625rem solid transparent; }
  .position-top.is-transition-push::after {
    box-shadow: none; }

h1, h2, h3, h4 {
  font-family: 'Nunito Sans', sans-serif; }
  h1.linea, h2.linea, h3.linea, h4.linea {
    background: #ffffff;
    display: inline-block;
    padding: 0 1.25rem; }

h1, h2 {
  font-weight: 100;
  font-size: 1.875rem;
  color: #333333; }
  @media print, screen and (min-width: 40em) {
    h1, h2 {
      font-size: 2.1875rem; } }
  @media print, screen and (min-width: 64em) {
    h1, h2 {
      font-size: 2.8125rem; } }

h3 {
  font-weight: 900;
  font-size: 1.125rem; }
  @media print, screen and (min-width: 40em) {
    h3 {
      font-size: 1.25rem; } }

p, li, div, span, small {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #6B6B6B; }

p a {
  transition: 0.5s;
  color: #9C9C9C; }
  p a:hover, p a:focus, p a:active {
    transition: 0.5s;
    color: #000000; }

form span.form-error {
  display: none; }
form .has-error label {
  color: #FF0000; }
form .has-error span.form-error {
  color: #FF0000;
  font-size: 0.75rem;
  font-weight: 700;
  display: block; }
form .cont-hidden .has-error span.form-error {
  margin-top: 0.625rem; }

label {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
  color: #333333; }
  label span {
    color: #FF0000; }

.field-contactoform-verifycode label {
  color: #9C9C9C;
  font-weight: 400; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], select, textarea {
  color: #6B6B6B;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.8125rem;
  background-color: transparent;
  border-color: #E0E0E0;
  box-shadow: none; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
    background-color: transparent;
    border-color: #E0E0E0;
    box-shadow: none; }

p.help-text {
  color: #333333; }

.quantity {
  position: relative; }
  .quantity input[type=number]::-webkit-inner-spin-button,
  .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .quantity input[type=number] {
    -moz-appearance: textfield; }
  .quantity input {
    width: 6.25rem;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee; }
  .quantity:hover, .quantity:focus, .quantity:active {
    outline: 0; }

.quantity-nav {
  float: left;
  position: relative; }

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #6B6B6B;
  font-size: 0.8125rem;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .quantity-button .quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee; }
  .quantity-button .quantity-down {
    position: absolute;
    height: 50%;
    bottom: -1px; }

.button {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 900;
  padding: 0.9375rem 0;
  width: 100%;
  background: transparent; }
  .button.boton-01 {
    font-size: 0.75rem;
    color: #E0E0E0;
    border: 0.0625rem solid #E0E0E0; }
    .button.boton-01:hover, .button.boton-01:focus, .button.boton-01:active {
      background: transparent;
      color: #6B6B6B; }
  .button.boton-02 {
    color: #6B6B6B;
    border: 0.0625rem solid #E0E0E0; }
    .button.boton-02:hover, .button.boton-02:focus, .button.boton-02:active {
      background: #6B6B6B;
      color: #ffffff; }
  .button.boton-03 {
    color: #ffffff;
    background: #6B6B6B; }
    .button.boton-03:hover, .button.boton-03:focus, .button.boton-03:active {
      background: #333333; }
  .button.boton-04 {
    color: #6B6B6B;
    outline: 0.1875rem solid #6B6B6B;
    outline-offset: -0.25rem; }
    @media print, screen and (min-width: 40em) {
      .button.boton-04 {
        outline: 0.3125rem solid #6B6B6B; } }
    .button.boton-04:hover, .button.boton-04:focus, .button.boton-04:active {
      color: #ffffff;
      background: #6B6B6B; }

.card {
  position: relative;
  padding: 0.3125rem;
  border: 0.125rem solid #E0E0E0; }
  .card .nuevo {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem; }
    .card .nuevo .fa-stack {
      color: #9C9C9C; }
    .card .nuevo .fa-inverse {
      font-family: 'Nunito Sans', sans-serif;
      font-size: 0.75rem; }
  .card img {
    width: 100%; }
  .card .card-section {
    padding: 0.9375rem 0; }
    .card .card-section h4 {
      font-size: 0.875rem;
      line-height: 1rem;
      height: 2.5rem;
      font-weight: 100;
      margin-bottom: 1.5625rem;
      padding-bottom: 0.625rem;
      color: #333333;
      border-bottom: 0.0625rem solid #E0E0E0; }
      @media print, screen and (min-width: 40em) {
        .card .card-section h4 {
          height: 3.125rem;
          font-size: 1.125rem;
          line-height: 1.3125rem; } }
      @media print, screen and (min-width: 64em) {
        .card .card-section h4 {
          height: 5rem;
          font-size: 1.375rem;
          line-height: 1.625rem; } }
      @media screen and (min-width: 75em) {
        .card .card-section h4 {
          font-size: 1.625rem;
          line-height: 1.9375rem; } }
      .card .card-section h4:hover, .card .card-section h4:focus, .card .card-section h4:active {
        color: #9C9C9C; }
    @media print, screen and (min-width: 40em) {
      .card .card-section .cont-boton {
        padding: 0 0.5rem; } }
    .card .card-section .cont-boton .button {
      margin: auto;
      display: block; }

.linea-gris {
  width: 100%;
  background: #E0E0E0;
  height: 0.3125rem;
  margin-bottom: -2.3125rem; }

.row-titulos {
  margin: 2.5rem auto; }

.divisor-20 {
  margin: 1.25rem 0; }

.divisor-50 {
  margin: 3.125rem 0; }

.site-index {
  /* Carrusel */
  /* Carrusel */ }
  .site-index .fade-idx {
    margin-bottom: 3.125rem; }
  .site-index .slick-dots {
    bottom: 0; }
    .site-index .slick-dots li.slick-active button {
      padding: 0.625rem; }
      .site-index .slick-dots li.slick-active button:before {
        color: #E0E0E0; }
    .site-index .slick-dots li button {
      padding: 0.625rem; }
      .site-index .slick-dots li button:before {
        color: #9C9C9C;
        font-size: 0.625rem;
        opacity: 1; }

.producto-producto hr {
  border-bottom: 5px solid #E0E0E0; }
.producto-producto .linea-gris {
  margin-bottom: -0.9375rem; }
.producto-producto h3 {
  font-size: 0.875rem; }
  .producto-producto h3.linea {
    padding: 0 0.9375rem 0 0; }
  .producto-producto h3.margen {
    margin: 0; }
.producto-producto .slick-track {
  padding: 0.0625rem; }
  .producto-producto .slick-track .slick-slide {
    padding-right: 0.3125rem; }
.producto-producto .slider-for button[class^="slick-"] {
  width: 1.875rem;
  height: 2.5rem;
  /*background: transparent;*/
  /*background: $negro;*/
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 5;
  margin: 0; }
  .producto-producto .slider-for button[class^="slick-"]::before {
    font-family: 'fontAwesome';
    font-size: 2.5rem;
    color: #ffffff; }
  .producto-producto .slider-for button[class^="slick-"].slick-prev {
    z-index: 5;
    /*left: -10%;*/
    /*left: rem-calc(-20);*/
    left: 0.3125rem; }
    .producto-producto .slider-for button[class^="slick-"].slick-prev::before {
      content: "\f104"; }
  .producto-producto .slider-for button[class^="slick-"].slick-next {
    /*right: rem-calc(-20);*/
    right: 0.625rem; }
    .producto-producto .slider-for button[class^="slick-"].slick-next::before {
      content: "\f105"; }
.producto-producto .slider-nav {
  padding: 0 2.5rem 0 0; }
  .producto-producto .slider-nav .slick-slide {
    padding: 0.3125rem 0.5rem 0; }
    .producto-producto .slider-nav .slick-slide img.thumbnail {
      transition: 0.3s;
      box-shadow: 0 0 0 1px #E0E0E0;
      width: 5rem;
      margin: rem -calc(0 10);
      cursor: pointer; }
      .producto-producto .slider-nav .slick-slide img.thumbnail:hover, .producto-producto .slider-nav .slick-slide img.thumbnail:focus, .producto-producto .slider-nav .slick-slide img.thumbnail:active {
        transition: 0.3s;
        box-shadow: 0 0 0 2px #9C9C9C; }
  .producto-producto .slider-nav button[class^="slick-"] {
    width: 5rem;
    height: 5rem;
    background: transparent;
    z-index: 5;
    margin: 0; }
    .producto-producto .slider-nav button[class^="slick-"]::before {
      font-family: 'fontAwesome';
      font-size: 5rem;
      color: #000000; }
    .producto-producto .slider-nav button[class^="slick-"].slick-prev {
      z-index: 5;
      left: -10%; }
      .producto-producto .slider-nav button[class^="slick-"].slick-prev::before {
        content: "\f104"; }
    .producto-producto .slider-nav button[class^="slick-"].slick-next {
      right: -2.5rem; }
      .producto-producto .slider-nav button[class^="slick-"].slick-next::before {
        content: "\f105"; }
.producto-producto .cont-video {
  padding: 1.875rem; }
@media screen and (max-width: 63.9375em) {
  .producto-producto .col-informacion {
    padding-top: 3.125rem; } }
.producto-producto .row-caracteristicas {
  margin-bottom: 0.3125rem; }
  .producto-producto .row-caracteristicas .row {
    padding: 0.4375rem 0; }
  .producto-producto .row-caracteristicas .columns {
    font-size: 0.875rem; }
  .producto-producto .row-caracteristicas .col-titulo {
    font-weight: 700; }
  .producto-producto .row-caracteristicas .col-desc {
    text-align: right; }
.producto-producto .btn-opciones {
  border: 0.0625rem #9C9C9C solid;
  vertical-align: top;
  padding: 0.9375rem 0.25rem 0.625rem 0.25rem;
  box-shadow: 0 0 0.3125rem transparent;
  /*        margin: rem-calc(5 5 0);*/
  height: 5.3125rem;
  width: 5.3125rem;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
  color: #9C9C9C; }
  .producto-producto .btn-opciones:hover, .producto-producto .btn-opciones:focus, .producto-producto .btn-opciones:active, .producto-producto .btn-opciones.activo {
    box-shadow: 0 0 0.3125rem #9C9C9C;
    color: #333333; }
  .producto-producto .btn-opciones small {
    display: block;
    font-size: 0.6875rem; }
.producto-producto .col-cantidad-01 {
  padding-top: 0.625rem; }
.producto-producto p.precio {
  font-size: 2.25rem;
  line-height: 2.25rem;
  font-weight: 700; }
.producto-producto .tooltip-img {
  display: inline-block;
  position: relative;
  text-align: left;
  cursor: pointer; }
  .producto-producto .tooltip-img .top {
    top: -8px;
    left: 50%;
    transform: translate(-50%, -100%);
    position: absolute;
    z-index: 10;
    border: 0.0625rem solid #E0E0E0;
    display: none;
    width: 6.25rem; }
    .producto-producto .tooltip-img .top i {
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -0.75rem;
      width: 1.5rem;
      height: 0.75rem;
      overflow: hidden; }
      .producto-producto .tooltip-img .top i:after {
        content: '';
        position: absolute;
        width: 0.75rem;
        border: 0.0625rem solid #9C9C9C;
        height: 0.75rem;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        background-color: #ffffff; }
  .producto-producto .tooltip-img:hover .top, .producto-producto .tooltip-img:focus .top, .producto-producto .tooltip-img:active .top {
    display: block; }

.producto-cotizar table {
  font-size: 0.8125rem;
  border-collapse: collapse; }
  .producto-cotizar table thead {
    background: #E0E0E0;
    border: none; }
    .producto-cotizar table thead tr th {
      color: #333333; }
  .producto-cotizar table tbody {
    border: none; }
    .producto-cotizar table tbody tr {
      border-bottom: 0.1875rem solid #E0E0E0; }
      @media screen and (max-width: 63.9375em) {
        .producto-cotizar table tbody tr {
          padding: 1.25rem 0; } }
      .producto-cotizar table tbody tr td .span-titulo {
        display: inline-block;
        width: 50%;
        font-weight: 900;
        color: #6B6B6B; }
        @media print, screen and (min-width: 40em) {
          .producto-cotizar table tbody tr td .span-titulo {
            width: 40%; } }
        @media print, screen and (min-width: 64em) {
          .producto-cotizar table tbody tr td .span-titulo {
            display: none; } }
.producto-cotizar .col-acciones, .producto-cotizar .col-titulo {
  padding-top: 0.625rem; }
  @media screen and (max-width: 39.9375em) {
    .producto-cotizar .col-acciones, .producto-cotizar .col-titulo {
      padding-bottom: 1.25rem; } }
.producto-cotizar .col-acciones a {
  color: #6B6B6B; }
  @media print, screen and (min-width: 64em) {
    .producto-cotizar .col-acciones a {
      display: block; } }
  .producto-cotizar .col-acciones a:hover, .producto-cotizar .col-acciones a:focus, .producto-cotizar .col-acciones a:active {
    color: #9C9C9C; }
@media screen and (max-width: 63.9375em) {
  .producto-cotizar .col-acciones .fa-pencil, .producto-cotizar .col-acciones .fa-trash-o {
    font-size: 1.375rem;
    border: 0.0625rem solid #9C9C9C;
    padding: 0.625rem;
    margin-left: 0.625rem; } }
@media print, screen and (min-width: 64em) {
  .producto-cotizar span.borde-izq {
    border-left: 0.0625rem solid #E0E0E0;
    padding: 0.625rem; } }
.producto-cotizar .row-resumen h2 {
  font-size: 1.875rem;
  border-bottom: 0.3125rem solid #E0E0E0;
  margin: 1.875rem 0 0.9375rem 0; }
.producto-cotizar .row-resumen .fila {
  margin-bottom: 0.3125rem; }
  .producto-cotizar .row-resumen .fila span {
    font-size: 1.125rem;
    font-weight: 900;
    color: #333333;
    display: inline-block;
    padding: 0.9375rem 0.625rem; }
    .producto-cotizar .row-resumen .fila span.titulo1 {
      width: 40%;
      background: #E0E0E0; }
    .producto-cotizar .row-resumen .fila span.titulo2 {
      width: 60%; }
    .producto-cotizar .row-resumen .fila span.subtotal {
      border-bottom: 0.0625rem solid #E0E0E0; }
.producto-cotizar .row-resumen .fila:nth-last-child(2) span {
  font-size: 1.25rem; }
.producto-cotizar .row-resumen .fila:nth-last-child(3) span {
  font-size: 0.875rem;
  font-weight: 400; }
.producto-cotizar .row-resumen .button {
  margin-top: 1.875rem; }

.site-terminos-condiciones h1 {
  margin-bottom: 1.875rem; }
.site-terminos-condiciones h3 {
  margin-top: 1.25rem; }
.site-terminos-condiciones ul.listado {
  margin-left: 3.125rem; }

.site-envios ul.listado {
  margin: 1.875rem 3.125rem; }
  .site-envios ul.listado li {
    margin-bottom: 1.25rem; }

.site-preguntas-frecuentes h1 {
  margin-bottom: 3.125rem; }
.site-preguntas-frecuentes strong p {
  margin: 0; }

.site-aviso-privacidad h1 {
  margin-bottom: 3.125rem; }

.site-aviso-de-privacidad-modal .contenido {
  font-size: 1.1875rem;
  height: 37.5rem;
  overflow: hidden;
  overflow-y: scroll;
  padding: 0 3.125rem 0 0; }
  @media print, screen and (min-width: 64em) {
    .site-aviso-de-privacidad-modal .contenido {
      padding: 3.125rem; } }

.site-contacto .aviso a {
  color: #9C9C9C; }
  .site-contacto .aviso a:hover, .site-contacto .aviso a:focus, .site-contacto .aviso a:active {
    color: #333333; }
.site-contacto .button {
  padding: 0.625rem 0; }

.site-error ul.menu {
  display: inline; }
  .site-error ul.menu li a {
    color: #333333;
    font-weight: 900; }
    .site-error ul.menu li a:hover, .site-error ul.menu li a:focus, .site-error ul.menu li a:active {
      color: #9C9C9C; }
.site-error .bg-error {
  background: url(../img/bg-error.png) no-repeat;
  background-size: contain;
  background-position: 50% 20%; }
  .site-error .bg-error .error {
    color: #FF0000;
    font-family: 'Nunito', sans-serif;
    line-height: 9.375rem;
    font-size: 9.375rem; }
    @media print, screen and (min-width: 40em) {
      .site-error .bg-error .error {
        line-height: 16.875rem;
        font-size: 16.875rem; } }
.site-error .button {
  width: 80%; }
  @media screen and (max-width: 39.9375em) {
    .site-error .button {
      font-size: 0.625rem; } }

.bg-selector {
  background: #E0E0E0;
  /* Small y Medium */
  /* Small y Medium */ }
  @media print, screen and (min-width: 64em) {
    .bg-selector {
      padding: 0.625rem; } }
  .bg-selector .row-titulos {
    margin: 1.25rem auto; }
    .bg-selector .row-titulos .linea-gris {
      background: #F6F6F6;
      margin-bottom: -1.125rem; }
    .bg-selector .row-titulos h2 {
      background: #E0E0E0;
      font-size: 1.375rem; }
  .bg-selector input[type="text"] {
    background: #F6F6F6; }
    .bg-selector input[type="text"]:after {
      content: '-'; }
  .bg-selector a.color {
    height: 1.75rem;
    width: 1.75rem; }
    .bg-selector a.color.thumbnail {
      border-width: 0.0625rem !important; }
  .bg-selector .button.boton-02 {
    background: #F6F6F6; }
    .bg-selector .button.boton-02:hover, .bg-selector .button.boton-02:focus, .bg-selector .button.boton-02:active {
      background: #9C9C9C; }
  .bg-selector .filtro {
    background: #000000;
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 900;
    padding: 0.9375rem 0; }
  .bg-selector .accordion {
    background: transparent; }
    .bg-selector .accordion li.accordion-item a.accordion-title {
      font-size: 0.75rem;
      font-weight: 900;
      color: #333333; }

.site-login .formulario, .site-request-password-reset .formulario, .site-reset-password .formulario {
  padding: 5% 11%;
  margin-top: 3.125rem;
  border: 0.0625rem solid #F6F6F6;
  border-top: 0.3125rem solid #9C9C9C; }
  .site-login .formulario input[type="text"], .site-login .formulario input[type="password"], .site-request-password-reset .formulario input[type="text"], .site-request-password-reset .formulario input[type="password"], .site-reset-password .formulario input[type="text"], .site-reset-password .formulario input[type="password"] {
    margin-bottom: 0.3125rem; }
  .site-login .formulario label, .site-request-password-reset .formulario label, .site-reset-password .formulario label {
    margin-top: 1.5625rem; }
  .site-login .formulario small, .site-request-password-reset .formulario small, .site-reset-password .formulario small {
    color: #FF0000;
    font-size: 0.875rem; }
  .site-login .formulario .button, .site-request-password-reset .formulario .button, .site-reset-password .formulario .button {
    margin-top: 2.5rem; }

.has-tip {
  border-bottom: none; }

.tooltip {
  background-color: #E0E0E0;
  color: #333333; }
  .tooltip:before {
    border-color: transparent #E0E0E0 transparent !important; }
    @media print, screen and (min-width: 64em) {
      .tooltip:before {
        border-color: #E0E0E0 transparent transparent !important; } }

.mi-cuenta-index h1, .mi-cuenta-pedido h1, .mi-cuenta-perfil h1, .mi-cuenta-informacion-de-acceso h1 {
  margin-bottom: 1.875rem; }
.mi-cuenta-index a, .mi-cuenta-pedido a, .mi-cuenta-perfil a, .mi-cuenta-informacion-de-acceso a {
  color: #005FA3; }
.mi-cuenta-index .accordion-menu, .mi-cuenta-pedido .accordion-menu, .mi-cuenta-perfil .accordion-menu, .mi-cuenta-informacion-de-acceso .accordion-menu {
  border-top: 0.0625rem solid #E0E0E0;
  margin-bottom: 3.125rem; }
  .mi-cuenta-index .accordion-menu li a, .mi-cuenta-pedido .accordion-menu li a, .mi-cuenta-perfil .accordion-menu li a, .mi-cuenta-informacion-de-acceso .accordion-menu li a {
    color: #6B6B6B;
    font-weight: 700;
    border-bottom: 0.0625rem solid #E0E0E0; }
    .mi-cuenta-index .accordion-menu li a:hover, .mi-cuenta-index .accordion-menu li a:focus, .mi-cuenta-index .accordion-menu li a:active, .mi-cuenta-pedido .accordion-menu li a:hover, .mi-cuenta-pedido .accordion-menu li a:focus, .mi-cuenta-pedido .accordion-menu li a:active, .mi-cuenta-perfil .accordion-menu li a:hover, .mi-cuenta-perfil .accordion-menu li a:focus, .mi-cuenta-perfil .accordion-menu li a:active, .mi-cuenta-informacion-de-acceso .accordion-menu li a:hover, .mi-cuenta-informacion-de-acceso .accordion-menu li a:focus, .mi-cuenta-informacion-de-acceso .accordion-menu li a:active {
      color: #333333; }
.mi-cuenta-index .col-tabla h3, .mi-cuenta-pedido .col-tabla h3, .mi-cuenta-perfil .col-tabla h3, .mi-cuenta-informacion-de-acceso .col-tabla h3 {
  font-weight: 700; }
@media screen and (max-width: 39.9375em) {
  .mi-cuenta-index .col-tabla .row-titulo, .mi-cuenta-pedido .col-tabla .row-titulo, .mi-cuenta-perfil .col-tabla .row-titulo, .mi-cuenta-informacion-de-acceso .col-tabla .row-titulo {
    border-bottom: 0.125rem solid #E0E0E0; } }
.mi-cuenta-index .col-tabla .row-header, .mi-cuenta-pedido .col-tabla .row-header, .mi-cuenta-perfil .col-tabla .row-header, .mi-cuenta-informacion-de-acceso .col-tabla .row-header {
  font-weight: 900;
  border-bottom: 0.125rem solid #E0E0E0;
  padding: 0.625rem 0; }
.mi-cuenta-index .col-tabla .row-contenido, .mi-cuenta-pedido .col-tabla .row-contenido, .mi-cuenta-perfil .col-tabla .row-contenido, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido {
  border-bottom: 0.125rem solid #E0E0E0;
  padding: 1.25rem 0; }
  @media print, screen and (min-width: 40em) {
    .mi-cuenta-index .col-tabla .row-contenido, .mi-cuenta-pedido .col-tabla .row-contenido, .mi-cuenta-perfil .col-tabla .row-contenido, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido {
      padding: 0.4375rem 0;
      border-bottom: 0.0625rem solid #E0E0E0; } }
  .mi-cuenta-index .col-tabla .row-contenido span.margen, .mi-cuenta-pedido .col-tabla .row-contenido span.margen, .mi-cuenta-perfil .col-tabla .row-contenido span.margen, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido span.margen {
    color: #E0E0E0;
    margin: 0 0.625rem; }
    @media print, screen and (min-width: 64em) {
      .mi-cuenta-index .col-tabla .row-contenido span.margen, .mi-cuenta-pedido .col-tabla .row-contenido span.margen, .mi-cuenta-perfil .col-tabla .row-contenido span.margen, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido span.margen {
        margin: 0 0.3125rem; } }
  .mi-cuenta-index .col-tabla .row-contenido span.etiqueta, .mi-cuenta-pedido .col-tabla .row-contenido span.etiqueta, .mi-cuenta-perfil .col-tabla .row-contenido span.etiqueta, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido span.etiqueta {
    font-weight: 900;
    display: inline-block;
    width: 50%;
    margin: 0.125rem 0; }
  .mi-cuenta-index .col-tabla .row-contenido strong, .mi-cuenta-pedido .col-tabla .row-contenido strong, .mi-cuenta-perfil .col-tabla .row-contenido strong, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido strong {
    color: #000000; }
  .mi-cuenta-index .col-tabla .row-contenido.detalle, .mi-cuenta-pedido .col-tabla .row-contenido.detalle, .mi-cuenta-perfil .col-tabla .row-contenido.detalle, .mi-cuenta-informacion-de-acceso .col-tabla .row-contenido.detalle {
    padding: 1.25rem 0; }
.mi-cuenta-index .col-tabla .margen-txt, .mi-cuenta-pedido .col-tabla .margen-txt, .mi-cuenta-perfil .col-tabla .margen-txt, .mi-cuenta-informacion-de-acceso .col-tabla .margen-txt {
  display: inline-block;
  width: 50%;
  margin: 0.3125rem 0; }
.mi-cuenta-index .is-accordion-submenu-parent > a::after, .mi-cuenta-pedido .is-accordion-submenu-parent > a::after, .mi-cuenta-perfil .is-accordion-submenu-parent > a::after, .mi-cuenta-informacion-de-acceso .is-accordion-submenu-parent > a::after {
  content: '\f0da';
  right: auto;
  left: 0;
  top: 37%; }
.mi-cuenta-index .is-accordion-submenu-parent[aria-expanded="true"] > a::after, .mi-cuenta-pedido .is-accordion-submenu-parent[aria-expanded="true"] > a::after, .mi-cuenta-perfil .is-accordion-submenu-parent[aria-expanded="true"] > a::after, .mi-cuenta-informacion-de-acceso .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
  left: 0.625rem;
  top: 48%;
  transform: rotate(90deg); }
.mi-cuenta-index ul.pagination .pagination-previous a::before, .mi-cuenta-index ul.pagination .pagination-next a::after, .mi-cuenta-pedido ul.pagination .pagination-previous a::before, .mi-cuenta-pedido ul.pagination .pagination-next a::after, .mi-cuenta-perfil ul.pagination .pagination-previous a::before, .mi-cuenta-perfil ul.pagination .pagination-next a::after, .mi-cuenta-informacion-de-acceso ul.pagination .pagination-previous a::before, .mi-cuenta-informacion-de-acceso ul.pagination .pagination-next a::after {
  display: none; }
.mi-cuenta-index ul.pagination li a, .mi-cuenta-pedido ul.pagination li a, .mi-cuenta-perfil ul.pagination li a, .mi-cuenta-informacion-de-acceso ul.pagination li a {
  border: 0.0625rem solid #E0E0E0; }
.mi-cuenta-index ul.pagination li.current, .mi-cuenta-pedido ul.pagination li.current, .mi-cuenta-perfil ul.pagination li.current, .mi-cuenta-informacion-de-acceso ul.pagination li.current {
  background: #9C9C9C; }

.mi-cuenta-pedido h3.borde {
  font-size: 0.875rem;
  border: 0.0625rem solid #E0E0E0;
  display: inline-block;
  padding: 0.625rem;
  border-bottom: 0.0625rem solid #ffffff;
  padding: 0.625rem 3.75rem 1.25rem 1.25rem; }
.mi-cuenta-pedido .col-tabla .button.pendiente {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.25rem; }
  @media screen and (max-width: 39.9375em) {
    .mi-cuenta-pedido .col-tabla .button.pendiente {
      margin-top: 1.25rem; } }
.mi-cuenta-pedido .col-tabla .cont-detalle {
  border: 0.0625rem solid #E0E0E0;
  padding: 1.25rem;
  margin-top: -0.5625rem; }

.aviso-exito, .aviso-error, .aviso-alerta {
  /*position: absolute;*/
  /*top: 8% !important;*/
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  border-radius: 0.4375rem;
  border: none;
  /*right: 5%;*/
  color: #ffffff;
  /*
  @include breakpoint(small only) {
      min-height: auto !important;
      height: auto !important
  }*/ }
  .aviso-exito h4, .aviso-exito p, .aviso-error h4, .aviso-error p, .aviso-alerta h4, .aviso-alerta p {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.875rem;
    color: #ffffff; }
  .aviso-exito h4, .aviso-error h4, .aviso-alerta h4 {
    font-weight: 900; }
    .aviso-exito h4:after, .aviso-error h4:after, .aviso-alerta h4:after {
      font-family: 'fontAwesome';
      float: right; }

.aviso-exito {
  background: #28B34B; }
  .aviso-exito h4 {
    color: #006325; }
    .aviso-exito h4:after {
      content: '\f00c'; }

.aviso-error {
  background: #FF0000; }
  .aviso-error h4 {
    color: #740000; }
    .aviso-error h4:after {
      content: '\f05e'; }

.aviso-alerta {
  background: #FCB335; }
  .aviso-alerta h4 {
    color: #D36205; }
    .aviso-alerta h4:after {
      content: '\f0a2'; }

.mensajes-generales {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 10%;
  z-index: 1;
  padding: 1.25rem;
  border-radius: 0.4375rem; }
  .mensajes-generales h3, .mensajes-generales p, .mensajes-generales i {
    color: #ffffff; }
  .mensajes-generales h3 {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    color: #ffffff; }
  .mensajes-generales.exito {
    background: #28B34B; }
  .mensajes-generales.error {
    background: #FF0000; }
  .mensajes-generales .close-button {
    top: 0; }
    .mensajes-generales .close-button i {
      font-size: 1.0625rem; }

.footer {
  background: #9C9C9C;
  padding: 1.5625rem 0.9375rem;
  margin-top: 3.125rem; }
  .footer p, .footer h3, .footer li, .footer a {
    color: #E0E0E0; }
  .footer .cont-linea {
    position: relative; }
    @media screen and (max-width: 63.9375em) {
      .footer .cont-linea {
        margin-top: 1.875rem; } }
    .footer .cont-linea h3 {
      background: #9C9C9C;
      position: relative;
      font-weight: 600;
      font-size: 1.1875rem;
      z-index: 3;
      padding-right: 0.625rem;
      display: inline; }
    .footer .cont-linea span.t2 {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 0;
      margin-top: -0.125rem;
      width: 100%;
      height: 0.3125rem;
      background-color: #E0E0E0; }
  .footer ul {
    margin-top: 1.25rem; }
    .footer ul li {
      position: relative;
      border-bottom: 0.0625rem solid #E0E0E0; }
      .footer ul li:nth-last-child(1) {
        border-bottom: 0.0625rem solid transparent; }
      .footer ul li a {
        transition: 0.3s;
        display: inline-block;
        padding: 0.9375rem 1.25rem; }
        .footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {
          transition: 0.3s;
          color: #6B6B6B; }
        .footer ul li a:after {
          position: absolute;
          top: 50%;
          left: 0;
          content: '';
          margin-top: -0.09375rem;
          width: 0.1875rem;
          height: 0.1875rem;
          background-color: #E0E0E0;
          border-radius: 50%; }

.legales {
  background: #6B6B6B;
  padding: 0.9375rem; }
  .legales p {
    color: #E0E0E0;
    margin: 0; }
  .legales a {
    color: #E0E0E0; }
    .legales a i {
      font-size: 1.5625rem;
      margin-left: 0.9375rem; }
      @media screen and (max-width: 63.9375em) {
        .legales a i {
          margin-bottom: 0.625rem; } }
      .legales a i:hover, .legales a i:focus, .legales a i:active {
        transition: 0.5s;
        color: #9C9C9C; }

/*# sourceMappingURL=app.css.map */