@charset "UTF-8";
/* CSS Document */
/*************************************************************************** [[ Reset defaul navegator styles ]] ******************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  font-size: 16px;
  font-family: "arial";
  letter-spacing: .2em; }

h1, h2, h3, .sku {
  letter-spacing: .2em;
  text-transform: uppercase; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }
  a > img {
    border: none; }

/*************************************************************************** [[ Header ]] ******************/
#Header {
  float: left;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 10; }
  #Header > .hLogo {
    float: left;
    margin: .5em 1em;
    position: relative; }
    #Header > .hLogo > .imgLogo {
      float: left;
      height: 90px;
      position: relative;
      width: 212px; }
    #Header > .hLogo > .skin {
      bottom: -.8em;
      left: 174px;
      transition: .3s;
      position: absolute;
      width: 36px; }
  #Header > #HMenuBenesta {
    float: left; }
    #Header > #HMenuBenesta > .hMenus {
      float: left;
      width: 38em; }
      #Header > #HMenuBenesta > .hMenus > .hMenu {
        float: left; }
        #Header > #HMenuBenesta > .hMenus > .hMenu:hover > .hMenuLink {
          background-color: #ffef00;
          font-weight: bold; }
        #Header > #HMenuBenesta > .hMenus > .hMenu:hover > .hSubMenusCont {
          height: auto;
          opacity: 1;
          z-index: 1; }
        #Header > #HMenuBenesta > .hMenus > .hMenu > .hMenuLink {
          border-radius: 1em;
          color: #000;
          float: left;
          font-size: .9em;
          margin: 2.6em .5em 0;
          text-align: center;
          transition: .3s;
          padding: .1em .5em; }
        #Header > #HMenuBenesta > .hMenus > .hMenu > .hSubMenusCont {
          height: 0;
          left: 0;
          opacity: 0;
          overflow: hidden;
          position: absolute;
          top: 3.6em;
          transition: opacity .3s ease-in-out;
          width: 100%; }
          #Header > #HMenuBenesta > .hMenus > .hMenu > .hSubMenusCont > .hSubMenus {
            box-sizing: border-box;
            float: left;
            margin-top: 5em;
            position: relative;
            width: 20%; }
            #Header > #HMenuBenesta > .hMenus > .hMenu > .hSubMenusCont > .hSubMenus > .hSubMenu {
              background-color: #fff;
              box-sizing: border-box;
              float: left;
              padding-left: 1em;
              width: 100%; }
              #Header > #HMenuBenesta > .hMenus > .hMenu > .hSubMenusCont > .hSubMenus > .hSubMenu > .hSubMenuLink {
                color: #000;
                display: inline-block;
                font-size: .7em;
                font-weight: 600;
                padding: .2em 1em;
                transition: .3s; }
                #Header > #HMenuBenesta > .hMenus > .hMenu > .hSubMenusCont > .hSubMenus > .hSubMenu > .hSubMenuLink:before {
                  content: '•';
                  font-size: 1.5em; }
                #Header > #HMenuBenesta > .hMenus > .hMenu > .hSubMenusCont > .hSubMenus > .hSubMenu > .hSubMenuLink:hover {
                  background-color: #000;
                  color: #fff; }
  #Header > .hSocialNetworks {
    float: right;
    margin: 2.2em 2em 0; }
    #Header > .hSocialNetworks > a {
      float: left;
      margin: 0 .2em;
      width: 2em; }
      #Header > .hSocialNetworks > a > img {
        float: left;
        width: 100%; }
  #Header > #HMenu {
    float: left;
    position: relative;
    width: 100%; }
    #Header > #HMenu > #Navicon {
      border: none;
      background: #000;
      cursor: pointer;
      display: none;
      float: right;
      margin: .4em;
      padding: 1rem 0.44rem;
      position: relative;
      transition: .3s; }
      #Header > #HMenu > #Navicon .lines {
        background: #fff;
        border-radius: 0.15714rem;
        display: block;
        display: inline-block;
        height: 0.31429rem;
        position: relative;
        transition: background .3s .3s ease;
        width: 2.2rem; }
        #Header > #HMenu > #Navicon .lines:before, #Header > #HMenu > #Navicon .lines:after {
          content: '';
          display: inline-block;
          height: 0.31429rem;
          background: #fff;
          border-radius: 0.15714rem;
          transition: 0.2s;
          position: absolute;
          right: 0;
          transition: top .3s .3s ease, transform .3s ease;
          transform-origin: 50% 50%;
          width: 2.2rem; }
        #Header > #HMenu > #Navicon .lines:before {
          top: 0.55rem; }
        #Header > #HMenu > #Navicon .lines:after {
          top: -0.55rem; }
      #Header > #HMenu > #Navicon.close > .lines {
        transition: background .3s 0s ease;
        background: transparent; }
        #Header > #HMenu > #Navicon.close > .lines:before, #Header > #HMenu > #Navicon.close > .lines:after {
          transition: top .3s ease, transform .3s .3s ease;
          top: 0;
          width: 2.2rem; }
        #Header > #HMenu > #Navicon.close > .lines:before {
          transform: rotate3d(0, 0, 1, 45deg); }
        #Header > #HMenu > #Navicon.close > .lines:after {
          transform: rotate3d(0, 0, 1, -45deg); }
    #Header > #HMenu > .hMenus {
      float: left;
      transition: .5s;
      width: 100%; }
      #Header > #HMenu > .hMenus.showHMenus {
        right: .2em;
        width: 14em;
        z-index: 12; }
      #Header > #HMenu > .hMenus > .hMenu {
        box-sizing: border-box;
        background-color: #000;
        border-radius: .8em;
        float: left;
        margin: .5em 1% 1em;
        position: relative;
        width: 18%; }
        #Header > #HMenu > .hMenus > .hMenu:hover {
          background-color: transparent; }
        #Header > #HMenu > .hMenus > .hMenu:hover > .hMenuLink {
          color: #000;
          text-align: center; }
          #Header > #HMenu > .hMenus > .hMenu:hover > .hMenuLink:before {
            opacity: 1; }
        #Header > #HMenu > .hMenus > .hMenu:hover > .hSubMenus {
          height: auto;
          opacity: 1; }
        #Header > #HMenu > .hMenus > .hMenu > .hMenuLink {
          box-sizing: border-box;
          color: #fff;
          float: left;
          font-size: .9em;
          font-weight: 600;
          padding: .2em .5em;
          position: relative;
          transition: .3s;
          width: 100%; }
          #Header > #HMenu > .hMenus > .hMenu > .hMenuLink:before {
            background-color: #ffef00;
            content: '';
            height: .6em;
            left: 25%;
            opacity: 0;
            position: absolute;
            top: .4em;
            transition: .3s;
            width: 50%;
            z-index: -1; }
        #Header > #HMenu > .hMenus > .hMenu > .hSubMenus {
          background-color: #000;
          border-radius: 1em;
          height: 0;
          opacity: 0;
          overflow: hidden;
          position: absolute;
          top: 1.4em;
          transition: .3s;
          width: 100%; }
          #Header > #HMenu > .hMenus > .hMenu > .hSubMenus > .hSubMenu {
            float: left;
            overflow: hidden;
            width: 100%; }
            #Header > #HMenu > .hMenus > .hMenu > .hSubMenus > .hSubMenu > .hSubMenuLink {
              box-sizing: border-box;
              color: #fff;
              float: left;
              font-size: .7em;
              font-weight: 600;
              margin: 0;
              opacity: .9;
              padding: .5em 10%;
              width: 100%;
              transition: .3s; }
              #Header > #HMenu > .hMenus > .hMenu > .hSubMenus > .hSubMenu > .hSubMenuLink:hover {
                background-color: #fff;
                color: #000; }

/*************************************************************************** [[ Footer ]] ******************/
#Footer {
  background-color: #ffef00;
  color: #000;
  float: left;
  padding: 1em calc(50% - 640px);
  width: 1280px; }
  #Footer > div {
    box-sizing: border-box;
    float: left;
    margin: 2em 0 1em;
    padding: 0 5%;
    width: 25%; }
    #Footer > div h3 {
      font-size: 1.5em;
      margin-bottom: .5em; }
    #Footer > div a {
      color: #000;
      float: left;
      font-weight: 400; }
      #Footer > div a > img {
        float: left; }
    #Footer > div > ul {
      float: left;
      width: 100%; }
      #Footer > div > ul > li {
        list-style-type: none;
        float: left;
        margin: .2em 0;
        width: 100%; }
    #Footer > div.fBenesta > a {
      margin-top: -2.2em;
      width: 100%; }
      #Footer > div.fBenesta > a > img {
        height: 65px;
        margin-bottom: 1em;
        width: 160px; }
      #Footer > div.fBenesta > a > span {
        float: left;
        font-weight: 400;
        width: 100%; }
    #Footer > div.fContacto > ul .whatsapp {
      background-image: url("/images/web/whatsapp.png");
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 1.2em;
      padding-left: 1.5em; }
    #Footer > div.fContacto > a {
      height: 32px;
      margin: 0 .5em;
      width: 32px; }
      #Footer > div.fContacto > a > img {
        width: 100%; }

/*************************************************************************** [[ Main ]] ******************/
#Main {
  float: left;
  width: 100%;
  /****************************** [[ 404 ]] ******************/ }

.bgImage {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%; }
  .bgImage > picture {
    height: fit-content;
    width: 100%; }
    .bgImage > picture > img {
      height: auto;
      width: 100%; }

/*************************************************************************** [[ Main ]] ******************/
#Main {
  /****************************** [[ Estuilos Paginas Principales ]] ******************/ }
  #Main #Slide {
    float: left;
    height: 40em;
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 0; }
    #Main #Slide > #ContHSlide {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 0; }
      #Main #Slide > #ContHSlide > .slides {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 1; }
        #Main #Slide > #ContHSlide > .slides > .slide {
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          color: #000;
          display: block;
          height: 100%;
          opacity: 0;
          position: absolute;
          transition: .3s;
          width: 100%;
          z-index: 0; }
          #Main #Slide > #ContHSlide > .slides > .slide.active {
            opacity: 1;
            z-index: 1; }
          #Main #Slide > #ContHSlide > .slides > .slide#slide_1 {
            background-image: url("/images/index/benesta_1920_1.jpg"); }
          #Main #Slide > #ContHSlide > .slides > .slide#slide_2 {
            background-image: url("/images/index/benesta_1920_2.jpg"); }
          #Main #Slide > #ContHSlide > .slides > .slide > .divTxt {
            background-color: #ffef00;
            bottom: 0;
            position: absolute;
            left: 0;
            width: 100%; }
            #Main #Slide > #ContHSlide > .slides > .slide > .divTxt > p {
              float: left;
              font-size: 1.8em;
              font-weight: 600;
              line-height: .8em;
              padding: .5em 0;
              text-align: center;
              text-transform: uppercase;
              width: 100%; }
              #Main #Slide > #ContHSlide > .slides > .slide > .divTxt > p > span {
                font-size: .5em; }
      #Main #Slide > #ContHSlide > .pagings {
        position: absolute;
        left: 45%;
        bottom: 6em;
        z-index: 2; }
        #Main #Slide > #ContHSlide > .pagings > .paging {
          background-color: #000;
          border: none;
          border-radius: 50%;
          cursor: pointer;
          float: left;
          font-size: 1em;
          height: 1.5em;
          margin: .5em;
          position: relative;
          transition: .3s;
          width: 1.5em; }
          #Main #Slide > #ContHSlide > .pagings > .paging:hover {
            background-color: #ffef00;
            height: 2em;
            margin: .25em;
            width: 2em; }
          #Main #Slide > #ContHSlide > .pagings > .paging.active {
            background-color: #ffef00; }
      #Main #Slide > #ContHSlide > .arrows {
        background-color: transparent;
        border: 0;
        cursor: pointer;
        display: none;
        height: 8em;
        bottom: 4em;
        position: absolute;
        width: 5em;
        z-index: 1; }
        #Main #Slide > #ContHSlide > .arrows::before {
          background-color: transparent;
          border-color: #000;
          border-style: solid;
          box-sizing: border-box;
          content: '';
          height: 4em;
          margin: 1.5em;
          position: absolute;
          top: 0;
          width: 4em; }
        #Main #Slide > #ContHSlide > .arrows.left {
          left: 0; }
          #Main #Slide > #ContHSlide > .arrows.left::before {
            border-width: 0 0 2px 2px;
            left: 0;
            transform: rotate(53deg) skew(20deg); }
        #Main #Slide > #ContHSlide > .arrows.right {
          right: 0; }
          #Main #Slide > #ContHSlide > .arrows.right::before {
            border-width: 2px 2px 0 0;
            right: 0;
            transform: rotate(53deg) skew(20deg); }
  #Main > .contIndex {
    display: grid;
    grid-gap: .4em;
    grid-template-columns: auto auto auto auto auto;
    float: left;
    width: 100%; }
    #Main > .contIndex > a {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      box-sizing: border-box;
      color: #000;
      float: left;
      height: 32em;
      position: relative; }
      #Main > .contIndex > a.fullWidth {
        grid-column: 1 / 6; }
      #Main > .contIndex > a.width40 {
        grid-column: 4 / 6; }
      #Main > .contIndex > a.width60 {
        grid-column: 1 / 4; }
      #Main > .contIndex > a.alignLeft > h2 {
        float: left; }
      #Main > .contIndex > a.alignLeft > p {
        float: left; }
      #Main > .contIndex > a.alignLeft > a {
        float: left; }
      #Main > .contIndex > a.alignRight > h2 {
        float: right; }
      #Main > .contIndex > a.alignRight > p {
        float: right;
        text-align: right; }
      #Main > .contIndex > a.alignRight > a {
        float: right; }
      #Main > .contIndex > a > h2 {
        font-size: 3em;
        font-weight: 400;
        margin: .8em .8em .3em .8em; }
      #Main > .contIndex > a > p {
        clear: both;
        margin: 0 3.4em;
        width: 20em; }

/*************************************************************************** [[ Main ]] ******************/
#Main > .headPages {
  float: left;
  width: 100%; }
  #Main > .headPages > .banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 70vh;
    width: 100%; }
  #Main > .headPages > h1 {
    background-color: #ffef00;
    float: left;
    font-size: 2em;
    padding: .3em 0;
    text-align: center;
    width: 100%; }
    #Main > .headPages > h1 > span {
      float: left;
      font-size: .5em;
      width: 100%; }

#Main > .contPages {
  display: grid;
  grid-gap: .4em;
  grid-template-columns: auto auto auto auto auto;
  float: left;
  width: 100%; }
  #Main > .contPages > section {
    background-color: #ddd;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    position: relative; }
    #Main > .contPages > section#abdomen-y-espalda {
      background-image: url("/images/productos/ortopedia/abdomen-y-espalda_1920.jpg"); }
    #Main > .contPages > section#auxiliares-para-la-vida {
      background-image: url("/images/productos/medica/auxiliares-para-la-vida_1920.jpg"); }
    #Main > .contPages > section#basculas {
      background-image: url("/images/productos/bienestar/basculas_1920.jpg"); }
    #Main > .contPages > section#baumanometros-digitales {
      background-image: url("/images/productos/medica/baumanometros-digitales_1920.jpg"); }
    #Main > .contPages > section#bota-walker {
      background-image: url("/images/productos/ortopedia/bota-walker_1920.jpg"); }
    #Main > .contPages > section#calidad-del-aire {
      background-image: url("/images/productos/bienestar/calidad-del-aire_1920.jpg"); }
    #Main > .contPages > section#cintas-kinesiologicas {
      background-image: url("/images/productos/fitness/cintas-kinesiologicas_1920.jpg"); }
    #Main > .contPages > section#codo-y-muneca {
      background-image: url("/images/productos/ortopedia/codo-y-muneca_1920.jpg"); }
    #Main > .contPages > section#cojines-de-memory-foam {
      background-image: url("/images/productos/bienestar/cojines-de-memory-foam_1920.jpg"); }
    #Main > .contPages > section#cojines-electricos {
      background-image: url("/images/productos/bienestar/cojines-electricos_1920.jpg"); }
    #Main > .contPages > section#colchones-de-compresion-alterna {
      background-image: url("/images/productos/medica/colchones-de-compresion-alterna_1920.jpg"); }
    #Main > .contPages > section#cuidado-de-la-piel {
      background-image: url("/images/productos/belleza/cuidado-de-la-piel_1920.jpg"); }
    #Main > .contPages > section#cuidado-de-los-pies {
      background-image: url("/images/productos/ortopedia/cuidado-de-los-pies_1920.jpg"); }
    #Main > .contPages > section#dispensadores-de-gel {
      background-image: url("/images/productos/bienestar/dispensadores-de-gel_1920.jpg"); }
    #Main > .contPages > section#estimulacion-muscular {
      background-image: url("/images/productos/fitness/estimulacion-muscular_1920.jpg"); }
    #Main > .contPages > section#lamparas-de-diagnostico {
      background-image: url("/images/productos/medica/lamparas-de-diagnostico_1920.jpg"); }
    #Main > .contPages > section#lancetas {
      background-image: url("/images/productos/medica/lancetas_1920.jpg"); }
    #Main > .contPages > section#masajeadores-y-asientos {
      background-image: url("/images/productos/bienestar/masajeadores-y-asientos_1920.jpg"); }
    #Main > .contPages > section#ortopedia-deportiva {
      background-image: url("/images/productos/fitness/ortopedia-deportiva_1920.jpg"); }
    #Main > .contPages > section#rodilla-y-rotula {
      background-image: url("/images/productos/ortopedia/rodilla-y-rotula_1920.jpg"); }
    #Main > .contPages > section#soportes-y-correctores-de-postura {
      background-image: url("/images/productos/ortopedia/soportes-y-correctores-de-postura_1920.jpg"); }
    #Main > .contPages > section#suenos-y-descanso {
      background-image: url("/images/productos/bienestar/suenos-y-descanso_1920.jpg"); }
    #Main > .contPages > section#terapia-frio-calor {
      background-image: url("/images/productos/bienestar/terapia-frio-calor_1920.jpg"); }
    #Main > .contPages > section#terapia-respiratoria {
      background-image: url("/images/productos/medica/terapia-respiratoria_1920.jpg"); }
    #Main > .contPages > section#termometros-digitales {
      background-image: url("/images/productos/medica/termometros-digitales_1920.jpg"); }
    #Main > .contPages > section#tobillo {
      background-image: url("/images/productos/ortopedia/tobillo_1920.jpg"); }
    #Main > .contPages > section.fullWidth {
      grid-column: 1 / 6; }
    #Main > .contPages > section.alignLeft > h2 {
      float: left; }
    #Main > .contPages > section.alignLeft > p {
      float: left; }
    #Main > .contPages > section.alignLeft > a {
      float: left; }
    #Main > .contPages > section.alignRight > h2 {
      float: right; }
    #Main > .contPages > section.alignRight > p {
      float: right;
      text-align: right; }
    #Main > .contPages > section.alignRight > a {
      float: right; }
    #Main > .contPages > section::before {
      background-color: rgba(255, 255, 255, 0.4);
      content: '';
      display: none;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 0; }
    #Main > .contPages > section > h2 {
      font-size: 2em;
      font-weight: 400;
      margin: .5em 1.8em .5em 3em;
      position: relative;
      z-index: 1; }
    #Main > .contPages > section > p {
      clear: both;
      font-size: 1.5em;
      margin: 0 4em;
      position: relative;
      text-align: justify;
      width: 60%;
      z-index: 1; }
    #Main > .contPages > section > a {
      background-color: #fff;
      border-radius: 1em;
      clear: both;
      color: #000;
      margin: 1em 6em 1em;
      padding: .2em 1em;
      position: relative;
      z-index: 1; }

/*************************************************************************** [[ Main ]] ******************/
#Main > .productos {
  float: left;
  position: relative;
  width: 100%; }
  #Main > .productos > .titProducto {
    background-color: #000;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding: .2em 0;
    text-align: center;
    width: 100%; }
  #Main > .productos > .subSecDesc {
    float: left;
    font-size: 1.4em;
    margin: 1.5em 20%;
    text-align: center;
    width: 60%; }
  #Main > .productos > .carruselProductos {
    float: left;
    margin: 1em 5% 4em;
    overflow: hidden;
    position: relative;
    width: 90%; }
    #Main > .productos > .carruselProductos > .divButton {
      background-color: transparent;
      border: 0;
      cursor: pointer;
      height: 8em;
      margin-top: 12em;
      position: absolute;
      width: 5em;
      z-index: 1; }
      #Main > .productos > .carruselProductos > .divButton::before {
        background-color: transparent;
        border-color: #000;
        border-style: solid;
        box-sizing: border-box;
        content: '';
        height: 4em;
        margin: 1.5em;
        position: absolute;
        top: 0;
        width: 4em; }
      #Main > .productos > .carruselProductos > .divButton.left {
        left: 0; }
        #Main > .productos > .carruselProductos > .divButton.left::before {
          border-width: 0 0 2px 2px;
          left: 0;
          transform: rotate(53deg) skew(20deg); }
      #Main > .productos > .carruselProductos > .divButton.right {
        right: 0; }
        #Main > .productos > .carruselProductos > .divButton.right::before {
          border-width: 2px 2px 0 0;
          right: 0;
          transform: rotate(53deg) skew(20deg); }
    #Main > .productos > .carruselProductos > .contProductos {
      float: left;
      left: 0;
      position: relative;
      transition: .3s;
      width: 100%;
      z-index: 0; }
      #Main > .productos > .carruselProductos > .contProductos > a {
        box-sizing: border-box;
        color: #000;
        float: left;
        height: 37em;
        margin: 1em 0;
        position: relative;
        text-align: center; }
        #Main > .productos > .carruselProductos > .contProductos > a > .sku {
          float: left;
          font-size: .7em;
          position: relative;
          margin: 0 5%;
          width: 90%;
          z-index: 1; }
        #Main > .productos > .carruselProductos > .contProductos > a > .titProducto {
          float: left;
          font-size: 1.2em;
          font-weight: 200;
          margin: 0 5%;
          position: relative;
          width: 90%;
          z-index: 1; }
        #Main > .productos > .carruselProductos > .contProductos > a > button {
          background-color: #ffef00;
          border: none;
          border-radius: 1em;
          bottom: -1em;
          color: #000;
          font-size: .9em;
          left: calc(50% - 6em);
          padding: .2em 1em;
          position: absolute;
          z-index: 1;
          width: 12em; }
        #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral {
          height: 24em;
          position: relative;
          width: 50%; }
          #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > img {
            margin: 0.5em calc(50% - 10.5em);
            position: relative;
            width: 21em;
            z-index: 0; }
          #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > .bulletsProducto {
            float: right;
            font-size: .8em;
            margin: .5em 0;
            position: relative;
            width: 80%;
            z-index: 1; }
            #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > .bulletsProducto > li {
              box-sizing: border-box;
              float: left;
              margin: .1em 5%;
              text-align: left;
              width: 38%; }
          #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > button {
            bottom: -1.2em; }
        #Main > .productos > .carruselProductos > .contProductos > a.productoSkin {
          width: 25%; }
          #Main > .productos > .carruselProductos > .contProductos > a.productoSkin > img {
            float: left;
            margin: 0.5em calc(50% - 10.5em);
            position: relative;
            width: 21em; }

/*************************************************************************** [[ Main ]] ******************/
#Main > .pageProductos > h1 {
  float: left;
  font-size: 1.6em;
  margin: 2em 0 0 20%;
  position: relative;
  text-align: center;
  width: 60%; }

#Main > .pageProductos > p {
  float: left;
  font-size: .8em;
  margin: 0 0 1em 25%;
  text-align: center;
  width: 50%; }

#Main > .pageProductos > #SlideProducto {
  float: left;
  height: 600px;
  margin: 0 10%;
  position: relative;
  width: 80%;
  z-index: 1; }
  #Main > .pageProductos > #SlideProducto > .slides {
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0; }
    #Main > .pageProductos > #SlideProducto > .slides > .slide {
      height: 100%;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 0; }
      #Main > .pageProductos > #SlideProducto > .slides > .slide.active {
        left: 0;
        z-index: 1; }
      #Main > .pageProductos > #SlideProducto > .slides > .slide.preview, #Main > .pageProductos > #SlideProducto > .slides > .slide.next {
        height: 50%;
        top: 150px;
        width: 50%; }
      #Main > .pageProductos > #SlideProducto > .slides > .slide.preview {
        left: -400px; }
      #Main > .pageProductos > #SlideProducto > .slides > .slide.next {
        right: -400px; }
      #Main > .pageProductos > #SlideProducto > .slides > .slide > .imgProducto {
        height: 100%;
        position: relative;
        right: 0; }
  #Main > .pageProductos > #SlideProducto > .pagings {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 120px;
    z-index: 1; }
    #Main > .pageProductos > #SlideProducto > .pagings > .paging {
      background-color: #ddd;
      background-size: cover;
      border: none;
      cursor: pointer;
      font-size: 1em;
      height: 90px;
      margin: .4em;
      transition: .3s;
      width: 100%; }
      #Main > .pageProductos > #SlideProducto > .pagings > .paging.active {
        background-color: #000;
        color: #fff; }
      #Main > .pageProductos > #SlideProducto > .pagings > .paging:hover {
        background-color: #000;
        opacity: 1; }
    #Main > .pageProductos > #SlideProducto > .pagings > .show {
      visibility: visible; }
  #Main > .pageProductos > #SlideProducto > .arrows {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    height: 8em;
    margin-top: 250px;
    position: absolute;
    width: 5em;
    z-index: 1; }
    #Main > .pageProductos > #SlideProducto > .arrows::before {
      background-color: transparent;
      border-color: #000;
      border-style: solid;
      box-sizing: border-box;
      content: '';
      height: 4em;
      margin: 1.5em;
      position: absolute;
      top: 0;
      width: 4em; }
    #Main > .pageProductos > #SlideProducto > .arrows.left {
      right: 4em; }
      #Main > .pageProductos > #SlideProducto > .arrows.left::before {
        border-width: 0 0 2px 2px;
        left: 0;
        transform: rotate(53deg) skew(20deg); }
    #Main > .pageProductos > #SlideProducto > .arrows.right {
      right: 0; }
      #Main > .pageProductos > #SlideProducto > .arrows.right::before {
        border-width: 2px 2px 0 0;
        right: 0;
        transform: rotate(53deg) skew(20deg); }

#Main > .pageProductos > .bulletsDetProducto {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  float: left;
  list-style-type: none;
  margin: 4em 5%;
  width: 90%; }
  #Main > .pageProductos > .bulletsDetProducto > li {
    flex-grow: 1;
    float: left;
    margin: 1em 0;
    text-align: center; }
    #Main > .pageProductos > .bulletsDetProducto > li > img {
      width: 9em; }
    #Main > .pageProductos > .bulletsDetProducto > li > span {
      float: right;
      margin: 0 10%;
      width: 80%; }

#Main > .pageProductos #ProductoEspecificaciones {
  float: left;
  width: 100%; }
  #Main > .pageProductos #ProductoEspecificaciones.general > div .bullet::before {
    color: #ffef00; }
  #Main > .pageProductos #ProductoEspecificaciones.general > div.active > h2 {
    background-color: #ffef00; }
  #Main > .pageProductos #ProductoEspecificaciones.general > div > h2:hover, #Main > .pageProductos #ProductoEspecificaciones.general > div > a:hover {
    background-color: #ffef00; }
  #Main > .pageProductos #ProductoEspecificaciones.skin > div .bullet::before {
    color: #00a7f7; }
  #Main > .pageProductos #ProductoEspecificaciones.skin > div.active > h2 {
    background-color: #00a7f7; }
  #Main > .pageProductos #ProductoEspecificaciones.skin > div > h2:hover, #Main > .pageProductos #ProductoEspecificaciones.skin > div > a:hover {
    background-color: #00a7f7; }
  #Main > .pageProductos #ProductoEspecificaciones .bullet::before {
    content: '•';
    font-size: 2em;
    left: .3em;
    position: absolute;
    top: -.2em; }
  #Main > .pageProductos #ProductoEspecificaciones > div {
    float: left;
    width: 100%; }
    #Main > .pageProductos #ProductoEspecificaciones > div.active > h2, #Main > .pageProductos #ProductoEspecificaciones > div.active > a {
      color: #000; }
      #Main > .pageProductos #ProductoEspecificaciones > div.active > h2.mas, #Main > .pageProductos #ProductoEspecificaciones > div.active > a.mas {
        content: '-'; }
        #Main > .pageProductos #ProductoEspecificaciones > div.active > h2.mas::after, #Main > .pageProductos #ProductoEspecificaciones > div.active > a.mas::after {
          content: '-'; }
    #Main > .pageProductos #ProductoEspecificaciones > div.active > ul {
      height: auto;
      padding: 2em 0; }
    #Main > .pageProductos #ProductoEspecificaciones > div > h2, #Main > .pageProductos #ProductoEspecificaciones > div > a {
      background-color: #000;
      color: #fff;
      cursor: pointer;
      float: left;
      font-size: 1.4em;
      font-weight: 400;
      padding: .2em 0;
      position: relative;
      text-align: center;
      transition: .3s;
      width: 100%; }
      #Main > .pageProductos #ProductoEspecificaciones > div > h2:hover, #Main > .pageProductos #ProductoEspecificaciones > div > a:hover {
        color: #000; }
      #Main > .pageProductos #ProductoEspecificaciones > div > h2.mas::after, #Main > .pageProductos #ProductoEspecificaciones > div > a.mas::after {
        content: '+';
        position: absolute;
        right: 2em; }
    #Main > .pageProductos #ProductoEspecificaciones > div > ul {
      box-sizing: border-box;
      float: left;
      font-size: 1.2em;
      height: 0;
      list-style-type: none;
      overflow: hidden;
      position: relative;
      transition: .5s;
      padding: 0; }
      #Main > .pageProductos #ProductoEspecificaciones > div > ul > li {
        box-sizing: border-box;
        color: #555;
        float: left;
        padding: .3em 0 .3em 2em;
        position: relative;
        width: 100%; }
        #Main > .pageProductos #ProductoEspecificaciones > div > ul > li > .concepto {
          float: left; }
        #Main > .pageProductos #ProductoEspecificaciones > div > ul > li > .dato {
          float: right;
          text-align: right; }
  #Main > .pageProductos #ProductoEspecificaciones > #PriductoCaracteristicas ul {
    margin: 0 0 0 5.3%;
    width: 42%; }
  #Main > .pageProductos #ProductoEspecificaciones > #ProductoDescTecnica ul {
    margin: 0 0 0 5.3%;
    width: 42%; }
  #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica {
    float: left;
    width: 100%; }
    #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica ul {
      margin: 0 15%;
      width: 70%; }
      #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica ul > li {
        border-bottom: 1px solid #555; }
        #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica ul > li > span {
          float: left;
          width: 50%; }
  #Main > .pageProductos #ProductoEspecificaciones > #ProductosDescargas {
    float: left;
    width: 100%; }

#Main > .pageProductos > #ProductosRelacionados {
  float: left;
  width: 100%; }
  #Main > .pageProductos > #ProductosRelacionados > h2 {
    background-color: #ffef00;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 1.4em;
    padding: .8em 0;
    text-align: center;
    transition: .3s;
    width: 100%; }
    #Main > .pageProductos > #ProductosRelacionados > h2 > span {
      font-size: .6em; }
  #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    float: left;
    margin: 0 5%;
    position: relative;
    width: 90%; }
    #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel {
      color: #000;
      float: left;
      margin: 2em 5%;
      position: relative;
      text-align: center;
      width: 90%; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > img {
        margin: 1em 0;
        width: 100%; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > .skuProdRel {
        text-transform: uppercase; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > .titProdRel {
        background-color: #ffef00;
        border-radius: 1em;
        font-size: 1.2em;
        font-weight: 400;
        margin: .5em 0 1.5em;
        padding: .2em 0; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > span {
        float: left;
        font-size: .8em;
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%; }

/*************************************************************************** [[ Contacto ]] ******************/
/*************************************************************************** [[ Main ]] ******************/
#Main.nosotros {
  box-sizing: border-box;
  float: left;
  height: 80vh;
  margin-bottom: 1em;
  width: 100%; }
  #Main.nosotros > .img {
    background-image: url("/images/nosotros/benesta-care.jpg");
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 50%; }
  #Main.nosotros > .txt {
    background-color: #FFF6CC;
    box-sizing: border-box;
    float: left;
    height: 100%;
    padding: 5em;
    width: 50%; }
    #Main.nosotros > .txt > h1 {
      font-size: 2.5em;
      margin-bottom: 1em; }
    #Main.nosotros > .txt > p {
      float: left;
      font-size: 1.4em;
      margin-bottom: 1em;
      width: 100%; }

/*************************************************************************** [[ Main ]] ******************/
#Main.distribuidores {
  box-sizing: border-box;
  float: left;
  margin-bottom: 1em;
  width: 100%; }
  #Main.distribuidores > .txt {
    box-sizing: border-box;
    float: left;
    padding: 4em 4em 0em 4em;
    position: relative;
    width: 100%; }
    #Main.distribuidores > .txt > h1 {
      font-size: 2.5em;
      margin-bottom: 1em; }
    #Main.distribuidores > .txt > p {
      float: left;
      font-size: 1.4em;
      margin-bottom: 1em;
      width: 100%; }
  #Main.distribuidores > .mapaDist {
    height: 600px;
    float: left;
    margin-left: calc(50% - 400px);
    position: relative;
    width: 800px; }
    #Main.distribuidores > .mapaDist > img {
      opacity: 0;
      position: absolute;
      transition: .3s;
      width: 100%;
      z-index: 0; }
      #Main.distribuidores > .mapaDist > img.active {
        opacity: 1;
        z-index: 1; }
    #Main.distribuidores > .mapaDist > button {
      background-color: #ffef00;
      border: none;
      border-radius: 1em;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.6);
      cursor: pointer;
      font-size: 1.2em;
      padding: .5em;
      position: relative;
      transition: .3s;
      width: 5em;
      z-index: 1; }
      #Main.distribuidores > .mapaDist > button:hover {
        transform: scale(1.2); }
      #Main.distribuidores > .mapaDist > button.btnNorte {
        left: 30%;
        position: absolute;
        top: 30%; }
      #Main.distribuidores > .mapaDist > button.btnCentro {
        left: 40%;
        position: absolute;
        top: 55%; }
      #Main.distribuidores > .mapaDist > button.btnCdmx {
        left: 57%;
        position: absolute;
        top: 60%; }
      #Main.distribuidores > .mapaDist > button.btnSur {
        left: 84%;
        position: absolute;
        top: 63%; }
  #Main.distribuidores > .listDist {
    box-sizing: border-box;
    display: none;
    grid-gap: 2em 5%;
    grid-template-columns: 15% 15% 15% 15% 15%;
    grid-template-rows: auto;
    justify-content: center;
    list-style-type: none;
    margin: 0 calc(50% - 640px) 5em;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: .5s;
    width: 1280px; }
    #Main.distribuidores > .listDist.active {
      display: inline-grid; }
    #Main.distribuidores > .listDist > li {
      width: 100%; }
      #Main.distribuidores > .listDist > li > img {
        float: left;
        width: 100%; }

/*************************************************************************** [[ Main ]] ******************/
#Main.mapaDelSitio {
  box-sizing: border-box;
  padding: 2em 15%; }
  #Main.mapaDelSitio > h1 {
    font-size: 2.5em;
    margin-bottom: 1em; }
  #Main.mapaDelSitio > p {
    float: left;
    margin-bottom: 1em;
    width: 100%; }
  #Main.mapaDelSitio > ul {
    float: left;
    margin: .5em 0;
    list-style-type: none;
    width: 50%; }
    #Main.mapaDelSitio > ul > li {
      border-bottom: 3px solid #ffef00;
      box-sizing: border-box;
      float: left;
      margin: 0 5% 1em 5%;
      padding: 1em;
      width: 90%; }
      #Main.mapaDelSitio > ul > li > a {
        color: #000;
        float: left;
        font-size: 1.2em;
        font-weight: 600; }
      #Main.mapaDelSitio > ul > li > ul {
        float: left;
        width: 100%; }
        #Main.mapaDelSitio > ul > li > ul > li {
          float: left;
          margin: .5em 5% 0 5%;
          width: 90%; }
          #Main.mapaDelSitio > ul > li > ul > li > a {
            color: #000;
            float: left;
            width: 100%; }

/*************************************************************************** [[ Main ]] ******************/
#Main.comoComprar {
  box-sizing: border-box;
  padding: 2em 15%; }
  #Main.comoComprar > h1 {
    font-size: 2.5em;
    margin-bottom: 1em;
    text-align: center;
    width: 100%; }
  #Main.comoComprar > img {
    float: left;
    margin: 0 calc(50% - 360px);
    width: 720px; }

/*************************************************************************** [[ Main ]] ******************/
#Main.avisoDePrivacidad {
  box-sizing: border-box;
  padding: 2em 15%; }
  #Main.avisoDePrivacidad > h1 {
    font-size: 2.5em;
    margin-bottom: 1em; }
  #Main.avisoDePrivacidad > p {
    float: left;
    margin-bottom: 1em;
    width: 100%; }
  #Main.avisoDePrivacidad ol {
    float: left;
    list-style-type: lower-roman;
    margin: .5em 0;
    width: 100%; }
    #Main.avisoDePrivacidad ol li {
      float: left;
      margin: .5em 5%;
      width: 90%; }

/*************************************************************************** [[ formContact Styles ]] ******************/
#FormContact {
  float: left;
  margin: 2em 30%;
  width: 40%; }
  #FormContact > div {
    float: left;
    width: 100%; }
    #FormContact > div > .divBox {
      box-sizing: border-box;
      float: left;
      padding: .5em;
      width: 100%; }
      #FormContact > div > .divBox > label {
        color: #555;
        float: left;
        margin: .2em 0;
        padding: 0; }
      #FormContact > div > .divBox > input, #FormContact > div > .divBox textarea {
        border-width: 0 0 1px 0;
        border-color: #555;
        border-style: solid;
        color: #555;
        font-size: 1.2em;
        font-family: "arial";
        letter-spacing: .1em;
        padding: .2em 5%;
        width: 90%; }
      #FormContact > div > .divBox > textarea {
        height: 4em; }
      #FormContact > div > .divBox > label > a {
        color: #fff; }
      #FormContact > div > .divBox > .camposObl {
        color: red;
        display: none;
        float: left;
        width: 100%; }
      #FormContact > div > .divBox > #btnFormContact {
        cursor: pointer;
        float: right;
        font-family: "arial";
        font-size: 1.4em;
        font-weight: bold;
        margin: 1em 0;
        text-decoration: underline;
        width: 6em; }
      #FormContact > div > .divBox > #WrongMessage {
        color: red;
        float: right;
        font-size: .8em;
        position: relative;
        width: 100%;
        z-index: 200; }
    #FormContact > div #OkMessage {
      float: left;
      margin: 15% 5%;
      text-align: center;
      width: 90%; }
      #FormContact > div #OkMessage > strong {
        font-size: 1.2em; }
      #FormContact > div #OkMessage > p {
        color: #FF0D00;
        font-size: 1.1em; }
      #FormContact > div #OkMessage > .back {
        float: left;
        margin: 0 25%;
        width: 50%; }

/*************************************************************************** [[ Resposive styles ]] ******************/
@media (min-width: 1921px) {
  #Main {
    margin: 0 calc(50% - 960px);
    max-width: 1920px; } }

@media (min-width: 781px) and (max-width: 1280px) {
  body {
    font-size: 14px; }
  #Header > .hLogo {
    margin: .5em; }
    #Header > .hLogo > .imgLogo {
      height: 63px;
      width: 150px; }
    #Header > .hLogo > .skin {
      bottom: -.5em;
      left: 130px;
      width: 20px; }
  #Header > #HMenuBenesta > .hMenus {
    width: 35em; }
    #Header > #HMenuBenesta > .hMenus > .hMenu > .hMenuLink {
      font-size: .9em;
      padding: .1em; }
  #Main #Slide {
    height: 29em; }
  #Main > .contIndex > a {
    height: 24em; }
  #Main > .contPages > section > h2 {
    font-size: 1.5em;
    margin: .5em 1.8em .5em .5em; }
  #Main > .contPages > section > p {
    font-size: 1em;
    margin: 0 1em; }
  #Main > .contPages > section > a {
    margin: 1em; }
  #Main > .productos > .subSecDesc {
    margin: 1.5em 10%;
    width: 80%; }
  #Main > .productos > .carruselProductos > .divButton {
    margin-top: 8em; }
  #Main > .productos > .carruselProductos > .contProductos > a > .titProducto {
    font-size: 1.1em; }
  #Main > .pageProductos > h1 {
    font-size: 1.2em;
    margin: 1em 0 0 10%;
    width: 80%; }
  #Main > .pageProductos > #SlideProducto {
    height: 480px;
    margin: 0;
    width: 100%; }
    #Main > .pageProductos > #SlideProducto > .pagings {
      width: 90px; }
      #Main > .pageProductos > #SlideProducto > .pagings > .paging {
        height: 75px;
        margin: .1em; }
  #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel {
    margin: 0 1%;
    width: 98%; }
    #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel {
      margin: 2em 1%;
      width: 23%; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > .titProdRel {
        font-size: 1em; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > span {
        font-size: .8em; }
  #Footer {
    padding: 1em 0;
    width: 100%; }
    #Footer > div {
      padding: 0 2%; }
      #Footer > div h3 {
        font-size: 1.3em; } }

/*@media (min-width: 768px) and (max-width:990px) {}*/
@media (max-width: 780px) {
  #Header > .hLogo > .imgLogo {
    height: 42px;
    width: 100px; }
  #Header > .hLogo > .skin {
    bottom: -.5em;
    left: 80px;
    width: 20px; }
  #Header > #HMenuBenesta {
    display: none; }
  #Header > .hSocialNetworks {
    display: none; }
  #Header > #HMenu {
    float: right;
    width: auto; }
    #Header > #HMenu > #Navicon {
      display: block; }
    #Header > #HMenu > .hMenus {
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 3.6em;
      width: 0; }
      #Header > #HMenu > .hMenus > .hMenu {
        border-radius: 0;
        margin: 0;
        width: 100%; }
        #Header > #HMenu > .hMenus > .hMenu:hover {
          background-color: #000; }
        #Header > #HMenu > .hMenus > .hMenu > .hMenuLink {
          padding: 1em .5em;
          width: 14em; }
          #Header > #HMenu > .hMenus > .hMenu > .hMenuLink:hover {
            color: #fff; }
          #Header > #HMenu > .hMenus > .hMenu > .hMenuLink:before {
            background-color: #ffef00;
            content: '';
            height: .6em;
            left: 25%;
            opacity: 0;
            position: absolute;
            top: .4em;
            transition: .3s;
            width: 50%;
            z-index: -1; }
        #Header > #HMenu > .hMenus > .hMenu > .hSubMenus {
          display: none; }
  #Main #Slide {
    height: 36em; }
    #Main #Slide > #ContHSlide > .slides > .slide#slide_1 {
      background-image: url("/images/index/benesta_780_1.jpg"); }
    #Main #Slide > #ContHSlide > .slides > .slide#slide_2 {
      background-image: url("/images/index/benesta_780_2.jpg"); }
    #Main #Slide > #ContHSlide > .slides > .slide > .divTxt > p {
      font-size: 1.2em;
      line-height: 1.2em; }
  #Main > .contIndex {
    grid-template-columns: 100%; }
    #Main > .contIndex > a {
      height: 26em; }
      #Main > .contIndex > a.fullWidth {
        grid-column: 1/1; }
      #Main > .contIndex > a.width40 {
        grid-column: 1/1; }
      #Main > .contIndex > a.width60 {
        grid-column: 1/1; }
      #Main > .contIndex > a > h2 {
        font-size: 2em;
        margin: .5em 3%;
        width: 94%; }
      #Main > .contIndex > a > p {
        margin: 0 3%;
        width: 94%; }
  #Main > .contPages {
    grid-template-columns: 100%; }
    #Main > .contPages > section {
      background-position: top center; }
      #Main > .contPages > section#auxiliares-para-la-vida {
        background-image: url("/images/productos/medica/auxiliares-para-la-vida_720.jpg"); }
      #Main > .contPages > section#basculas {
        background-image: url("/images/productos/bienestar/basculas_720.jpg"); }
      #Main > .contPages > section#baumanometros-digitales {
        background-image: url("/images/productos/medica/baumanometros-digitales_720.jpg"); }
      #Main > .contPages > section#bota-walker {
        background-image: url("/images/productos/ortopedia/bota-walker_720.jpg"); }
      #Main > .contPages > section#calidad-del-aire {
        background-image: url("/images/productos/bienestar/calidad-del-aire_720.jpg"); }
      #Main > .contPages > section#cintas-kinesiologicas {
        background-image: url("/images/productos/fitness/cintas-kinesiologicas_720.jpg"); }
      #Main > .contPages > section#codo-y-muneca {
        background-image: url("/images/productos/ortopedia/codo-y-muneca_720.jpg"); }
      #Main > .contPages > section#cojines-de-memory-foam {
        background-image: url("/images/productos/bienestar/cojines-de-memory-foam_720.jpg"); }
      #Main > .contPages > section#cojines-electricos {
        background-image: url("/images/productos/bienestar/cojines-electricos_720.jpg"); }
      #Main > .contPages > section#colchones-de-compresion-alterna {
        background-image: url("/images/productos/medica/colchones-de-compresion-alterna_720.jpg"); }
      #Main > .contPages > section#cuidado-de-la-piel {
        background-image: url("/images/productos/belleza/cuidado-de-la-piel_720.jpg"); }
      #Main > .contPages > section#cuidado-de-los-pies {
        background-image: url("/images/productos/ortopedia/cuidado-de-los-pies_720.jpg"); }
      #Main > .contPages > section#dispensadores-de-gel {
        background-image: url("/images/productos/bienestar/dispensadores-de-gel_720.jpg"); }
      #Main > .contPages > section#estimulacion-muscular {
        background-image: url("/images/productos/fitness/estimulacion-muscular_720.jpg"); }
      #Main > .contPages > section#lamparas-de-diagnostico {
        background-image: url("/images/productos/medica/lamparas-de-diagnostico_720.jpg"); }
      #Main > .contPages > section#lancetas {
        background-image: url("/images/productos/medica/lancetas_720.jpg"); }
      #Main > .contPages > section#masajeadores-y-asientos {
        background-image: url("/images/productos/bienestar/masajeadores-y-asientos_720.jpg"); }
      #Main > .contPages > section#ortopedia-deportiva {
        background-image: url("/images/productos/fitness/ortopedia-deportiva_720.jpg"); }
      #Main > .contPages > section#rodilla-y-rotula {
        background-image: url("/images/productos/ortopedia/rodilla-y-rotula_720.jpg"); }
      #Main > .contPages > section#soportes-y-correctores-de-postura {
        background-image: url("/images/productos/ortopedia/soportes-y-correctores-de-postura_720.jpg"); }
      #Main > .contPages > section#suenos-y-descanso {
        background-image: url("/images/productos/bienestar/suenos-y-descanso_720.jpg"); }
      #Main > .contPages > section#terapia-frio-calor {
        background-image: url("/images/productos/bienestar/terapia-frio-calor_720.jpg"); }
      #Main > .contPages > section#terapia-respiratoria {
        background-image: url("/images/productos/medica/terapia-respiratoria_720.jpg"); }
      #Main > .contPages > section#termometros-digitales {
        background-image: url("/images/productos/medica/termometros-digitales_720.jpg"); }
      #Main > .contPages > section#tobillo {
        background-image: url("/images/productos/ortopedia/tobillo_720.jpg"); }
      #Main > .contPages > section.fullWidth {
        grid-column: 1 / 1; }
      #Main > .contPages > section::before {
        display: block; }
      #Main > .contPages > section > h2 {
        font-size: 1.4em;
        margin: 1em 3%;
        width: 94%; }
      #Main > .contPages > section > p {
        font-size: .9em;
        margin: 1em 3%;
        width: 94%; }
  #Main > .headCategoria {
    height: 50vh; }
  #Main > .productos > .subSecDesc {
    font-size: 1.2em;
    margin: 1.5em 3% 0 3%;
    width: 94%; }
  #Main > .productos > .carruselProductos > .contProductos > a > button {
    bottom: 0;
    left: 30%;
    position: absolute; }
  #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral {
    height: 24em;
    position: relative;
    width: 50%; }
    #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > img {
      bottom: 0;
      max-height: 90%;
      left: 10%;
      max-width: 90%;
      position: absolute;
      z-index: 0; }
    #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > .bulletsProducto {
      float: right;
      font-size: .8em;
      margin: .5em 0;
      position: relative;
      width: 80%;
      z-index: 1; }
      #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > .bulletsProducto > li {
        box-sizing: border-box;
        float: left;
        margin: .1em 5%;
        text-align: left;
        width: 38%; }
    #Main > .productos > .carruselProductos > .contProductos > a.productoGeneral > button {
      float: right; }
  #Main > .productos > .carruselProductos > .contProductos > a.productoSkin {
    width: 25%; }
    #Main > .productos > .carruselProductos > .contProductos > a.productoSkin > img {
      float: left;
      margin: 2em 5%;
      position: relative;
      width: 90%; }
  #Main > .pageProductos > h1 {
    font-size: 1.4em;
    margin: 1em 3%;
    width: 94%; }
  #Main > .pageProductos > p {
    margin: 1em 3%;
    width: 94%; }
  #Main > .pageProductos > #SlideProducto {
    height: 18em;
    margin: 0;
    width: 100%; }
    #Main > .pageProductos > #SlideProducto > .pagings {
      width: 54px;
      z-index: 1; }
      #Main > .pageProductos > #SlideProducto > .pagings > .paging {
        height: 41px;
        margin: .2em; }
      #Main > .pageProductos > #SlideProducto > .pagings > .show {
        visibility: visible; }
  #Main > .pageProductos > .bulletsDetProducto {
    margin: 0 5%; }
    #Main > .pageProductos > .bulletsDetProducto > li {
      width: 50%; }
      #Main > .pageProductos > .bulletsDetProducto > li > img {
        width: 6em; }
  #Main > .pageProductos #ProductoEspecificaciones {
    float: left;
    width: 100%; }
    #Main > .pageProductos #ProductoEspecificaciones .bullet::before {
      content: '•';
      font-size: 2em;
      left: .3em;
      position: absolute;
      top: -.2em; }
    #Main > .pageProductos #ProductoEspecificaciones > div {
      float: left;
      width: 100%; }
      #Main > .pageProductos #ProductoEspecificaciones > div.active {
        margin: 1em 0; }
        #Main > .pageProductos #ProductoEspecificaciones > div.active > h2 {
          color: #000; }
          #Main > .pageProductos #ProductoEspecificaciones > div.active > h2.mas {
            content: '-'; }
            #Main > .pageProductos #ProductoEspecificaciones > div.active > h2.mas::after {
              content: '-'; }
        #Main > .pageProductos #ProductoEspecificaciones > div.active > ul {
          height: auto;
          padding: 0; }
      #Main > .pageProductos #ProductoEspecificaciones > div > h2 {
        background-color: #000;
        color: #fff;
        cursor: pointer;
        float: left;
        font-size: 1.4em;
        font-weight: 400;
        padding: .2em 0;
        position: relative;
        text-align: center;
        transition: .3s;
        width: 100%; }
        #Main > .pageProductos #ProductoEspecificaciones > div > h2:hover {
          color: #000; }
        #Main > .pageProductos #ProductoEspecificaciones > div > h2.mas::after {
          content: '+';
          position: absolute;
          right: 2em; }
      #Main > .pageProductos #ProductoEspecificaciones > div > ul {
        box-sizing: border-box;
        float: left;
        font-size: .8em;
        height: 0;
        list-style-type: none;
        overflow: hidden;
        position: relative;
        transition: .5s;
        padding: 0; }
        #Main > .pageProductos #ProductoEspecificaciones > div > ul > li {
          box-sizing: border-box;
          color: #555;
          float: left;
          padding: .3em 0 .3em 2em;
          position: relative;
          width: 100%; }
          #Main > .pageProductos #ProductoEspecificaciones > div > ul > li > .concepto {
            float: left; }
          #Main > .pageProductos #ProductoEspecificaciones > div > ul > li > .dato {
            float: right;
            text-align: right; }
    #Main > .pageProductos #ProductoEspecificaciones > #PriductoCaracteristicas ul {
      margin: 0 0 0 3%;
      width: 94%; }
    #Main > .pageProductos #ProductoEspecificaciones > #ProductoDescTecnica ul {
      margin: 0 0 0 3%;
      width: 94%; }
    #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica {
      float: left;
      width: 100%; }
      #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica ul {
        margin: 0 3%;
        width: 94%; }
        #Main > .pageProductos #ProductoEspecificaciones > #ProductoFichaTecnica ul > li {
          border-bottom: 1px solid #555; }
    #Main > .pageProductos #ProductoEspecificaciones > #ProductosDescargas {
      float: left;
      width: 100%; }
  #Main > .pageProductos > #ProductosRelacionados {
    float: left;
    width: 100%; }
    #Main > .pageProductos > #ProductosRelacionados > h2 {
      background-color: #ffef00;
      color: #000;
      cursor: pointer;
      float: left;
      font-size: 1.4em;
      padding: .8em 0;
      text-align: center;
      transition: .3s;
      width: 100%; }
      #Main > .pageProductos > #ProductosRelacionados > h2 > span {
        font-size: .6em; }
    #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel {
      float: left;
      margin: 0 5%;
      width: 90%; }
      #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel {
        color: #000;
        float: left;
        margin: 2em 2%;
        text-align: center;
        width: 46%; }
        #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > img {
          height: auto;
          width: 100%; }
        #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > .titProdRel {
          background-color: #ffef00;
          border-radius: 1em;
          font-size: 1em;
          font-weight: 400;
          margin: .5em 0 1.5em;
          padding: .2em 0; }
        #Main > .pageProductos > #ProductosRelacionados > .contPruductosRel > .productoRel > span {
          font-size: .8em; }
  #Main.nosotros {
    height: auto; }
    #Main.nosotros > .img {
      height: 20em;
      width: 100%; }
    #Main.nosotros > .txt {
      padding: 1em;
      width: 100%; }
      #Main.nosotros > .txt > h1 {
        font-size: 2em; }
      #Main.nosotros > .txt > p {
        font-size: 1.2em; }
  #Main.comoComprar {
    padding: 0; }
    #Main.comoComprar > img {
      margin: 0;
      width: 100%; }
  #Main.mapaDelSitio {
    padding: 2em 3%; }
    #Main.mapaDelSitio > h1 {
      font-size: 2em; }
    #Main.mapaDelSitio > ul {
      width: 100%; }
  #Main.avisoDePrivacidad {
    padding: 2em 3%; }
    #Main.avisoDePrivacidad > h1 {
      font-size: 2em; }
  #Main.distribuidores > .txt {
    padding: 2em 3% 0 3%;
    width: 100%; }
    #Main.distribuidores > .txt > h1 {
      font-size: 1.8em; }
    #Main.distribuidores > .txt > p {
      font-size: 1em; }
  #Main.distribuidores > .mapaDist {
    height: 240px;
    margin-left: calc(50% - 160PX);
    width: 320PX; }
    #Main.distribuidores > .mapaDist > button {
      font-size: .8em; }
  #Main.distribuidores > .listDist {
    grid-gap: 1em 2%;
    grid-template-columns: 31% 31% 31%;
    margin: 0;
    padding: 0;
    width: 100%; }
  #Footer {
    background-color: #ffef00;
    color: #000;
    float: left;
    width: 100%; }
    #Footer > div {
      margin: 2em 0 1em;
      padding: 0 5%;
      width: 100%; }
      #Footer > div h3 {
        font-size: 1.5em;
        margin-bottom: 1em; }
      #Footer > div a {
        color: #000;
        float: left;
        font-weight: 400; }
        #Footer > div a > img {
          float: left; }
      #Footer > div > ul {
        float: left;
        margin-bottom: 0;
        width: 100%; }
        #Footer > div > ul > li {
          list-style-type: none;
          float: left;
          margin: .2em 0;
          width: 100%; }
      #Footer > div.fContacto > a {
        margin: 0 .5em;
        width: 2em; }
        #Footer > div.fContacto > a > img {
          width: 100%; }
  #FormContact {
    margin: 2em 2%;
    width: 96%; } }

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