html,body
  background-color #f2f2f2
  font-family 'Roboto', sans-serif
  -webkit-touch-callout none
  -webkit-user-select none
  -khtml-user-select none
  -moz-user-select none
  -ms-user-select none
  user-select none

header, footer
  position: fixed;
  left: 0;
  background-color: #f2f2f2;
  display: inline-block;
  min-width: 100%;
  height: 50px;
  @media all and (min-width:600px){
    height 6%
  }
div, section, article
  display :inline-block;

li
  list-style-type: none;
  cursor: pointer;
.active
  background-color #be1e59
  color #fff

.noBorder
  border none

header
  z-index 25000
  top 0
  text-align center
  border-bottom: 1px solid #d1d1d1;
  div
    width: 100%;
    .volvertabBack
      height 6em
    .volver
      height 30px
    #back
      color #be1e59
      top 10px
      left 0
      position absolute
      @media all and (min-width:600px){
        padding 0em 0.9em 0.9em 0.3em
      }
      float left
      display inline
      img
        margin-left 5px

    .menu
      position absolute
      top 14px
      right 5px
      height 22px
    .menuTabImg
      height 4.5em
      position absolute
      right 8px
      top 21px

.h3ttl
  color #be1e59
  font-size 1.2em
  display block
  margin 0 auto
  width 70%
  overflow hidden
  white-space nowrap
  text-overflow ellipsis
  position relative
  z-index -1
  font-weight: bolder;
  top 30%

.h3ttlTab
  color #be1e59
  font-size 4em
  display block
  margin 0 auto
  overflow hidden
  white-space nowrap
  position relative
  z-index -1
  font-weight: bolder;
  top 20%

.headerImg
  margin 8px auto

section
  z-index 0
  padding 50px 0 0 0
  @media all and (min-width: 600px){
    padding 70px 0 0 0
  }

.footerSearch
  width 100%

footer
  margin 20px 0 0 0
  bottom 0px
  border-top 1px solid #d1d1d1
  img
    height 30px
  .tamIcoFooter
    height 4.5em
  table
    height 100%
    width 100%
    td
      text-align center

  #agregar_footer, #timeline_footer,#buscar_marcas
    margin -5px 0px 0px 0px
    @media all and (min-width:600px){
      margin -10px 0px 0px 0px
    }

  #tabFooter
    @media all and (min-width:600px){
      height 70px
    }

  #contadorNovedades
    background-color #f00
    left 30px
    bottom 30px
    @media all and (min-width: 600px) {
      bottom 2.8em
      font-size initial
    }
    position absolute

  #search
    background-color: #be1e59;
    color: #fff;

  #suscribir,#stores,#search,#vids,#promo,#novs,#timeline_footer,#eliminar_footer,#agregar_footer,#buscar_marcas,#position,#gCat
    display inline-block

  #suscribir,#timeline_footer,#eliminar_footer,#agregar_footer,#buscar_marcas
    color #FFF
    position absolute

  #timeline_footer
    left 10px
  #buscar_marcas
    right 60px
  #buscar_marcasDer
    right 6em
  #eliminar_footer, #suscribir
    left 50%

  #agregar_footer
    right 10px

  #stores,#vids,#promo,#novs,#suscribir,#position,#gCat
    margin 0
    color #BE1E59
#gCat
  height 25px
  @media all and (min-width:600px){
    height 33px
  }

.selectorTimeline
  height 40px
  @media all and (min-width:600px){
    height 5em
  }
  li
    width 50%
    height 100%
    p
      text-align center
      margin 10px
      @media all and (min-width:600px){
        margin 1.8em
      }

#clear_img
  height 30px
  @media all and (min-width:600px) {
    height 2.9em
  }
  position absolute
  right 10px

.selectorTimeline, #selector, #promocionesList, #novedadesList
  width 100%

#suscritos
  margin-top 20px

#position
  position absolute
  top -10px

.novedadList
  margin 0
  padding 50px 0
  @media all and (min-width:600px){
    padding 70px 0
  }
  li
    background-color #F2F2F2
    margin 10px

.notificacion, .novedad, .promocion
    width 100%

    img
      height 100px
      width 100px

.subtext
  color #8F8787
  text-align right

.notificacion
    .media-body
        display inline-block
        width 100%

        img
          margin 5px

        #msg
            height 70%

        .subtext
            height 15%

.uSection
  padding 50px 0 0 0

.glyphicon
  font-size 24px
  @media all and (min-width:600px){
    font-size 34px
  }

.categoria-container
  min-width 100%
  max-width 100%

  ul
    margin-top 0
    margin-bottom 0
    padding 50px 0 50px 0
    @media all and (min-width:600px){
      padding 70px 0 70px 0
    }

    li
      .categoriaFigure
        display inline-block
        position relative
        width 100%
        height 0
        padding-bottom 56.25%

        img
          display inline-block
          padding-bottom 56.25%
          max-width 100%
          min-width 100%

        .catFigcaption
          background-color #be1e59
          color #FFF
          position: absolute;
          bottom: 0;
          min-width: inherit;
          border-top-left-radius: 39px;
          right: 0
          @media all and (min-width: 600px) {
            border-top-left-radius: 30px;
          }
          h4
            float right
            padding: 0 10px 0 20px;
            font-size 14px
            @media all and (min-width: 600px) {
              font-size 24px
            }

.productoList
  background-color #f2f2f2
  li
    width: 46%;
    display: inline-block;
    margin: 5px 2%;
    padding: 10px 10px 0px 10px;
    border: 1px solid #ebebeb;
    background-color #FFF
    border-radius 10px
.catalogoList
    padding 20px 30px 0 0
    max-width 100%
    height 100%
    li
      display -webkit-inline-box !important
      padding: 1px 7px;
      display: inline-block
      width 50%

    .catalogoItem
      text-align center
      display flex !important
      flex-direction column
      align-items center
      display: -webkit-flex;
      -webkit-flex-direction: column;
      -webkit-align-items: center;
      display: block;
      padding 5px
      background-color #FFF
      border solid 2px #EBEBEB
      img
        display inline

      figcaption
        display inline
        display block
        text-align center
        white-space nowrap
        width 90px
        overflow hidden
        text-overflow ellipsis
        font-size 12.5px
        margin 0 auto
        @media all and (min-width: 600px){
          width 150px
          font-size 20px
        }
      #proveedor
        color #999

.proveedorList
  padding 0 0 0 1%;
  margin 0
  li
    display -webkit-inline-box !important
    padding: 0;
    display: inline-block
    width 50%
    padding: 0 1% 1% 0;
    @media all and (min-width: 600px) {
      width 33.3%
    }

  .selected
    border: 2px solid #BE1E59;
    webkit-box-shadow: 0px 0px 8px 1px rgba(190,30,89, 1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(190,30,89, 1);
    box-shadow: 0px 0px 8px 1px rgba(190,30,89, 1);

  .proveedorItem
    display flex !important
    flex-direction column
    align-items center
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    display: block;
    width 100%
    position relative
    background-color: #FFF;
    padding: 10px;
    border-radius 10px;
    top 0.5em
    @media all and (min-width: 600px){
      top 2em
    }

    img
      display block
      width 100%
    figcaption
      display block
      text-align center
      white-space nowrap
      width 100%
      overflow hidden
      text-overflow ellipsis
      font-size 15.5px
      z-index: 1;
      @media all and (min-width: 600px){
        font-size 28px
      }

.breadcrumb-container
  z-index 1
  margin 0 0 0 0
  padding 0
  position: fixed;
  background-color #f2f2f2
  display inline-block
  min-width 100%
  min-height 50px
  max-height 50px
  max-width 100%
  overflow-x auto
  overflow-y hidden
  white-space nowrap
  text-align center
  top 50px
  border-bottom 1px solid #d1d1d1
  @media all and (min-width: 600px) {
    top 70px
    min-height 70px
    max-height 70px
  }

  ol
    padding 0
    margin: 14px 0 0 14px;
    display: inline-block;

    li
      display inline-block
      margin-right 4px
      a
        color #be1e59
        font-size 1em
        margin 0 4px 0 0;
        @media all and (min-width: 600px) {
          font-size 2em
        }
.logIn_home
    position relative
    background-color #FFF
    color #FFF
    margin 0
    padding 0
    height 100%

    #logo_home
        position relative
        height 60%

        #bienvenida
            font-size 12pt
            @media all and (min-width: 600px) {
              font-size 18pt
            }
            padding-top 35px
            color black

        #logo_img
            width 25%
            padding-top 40px
            margin 0 auto

        #logo_nombre
            width 55%
            z-index -1
            margin 30px auto 47px auto

    #login_section
        padding 0
        width 100%
        height 40%

        #signup, #login, #facebook
            width 75%
            height 20%
            margin-bottom 15px
            font-size 12pt
            @media all and (min-width: 600px) {
              font-size 28pt
            }
            .texto_btn
              height 100%
              padding 5%

        #signup
            border-top-right-radius 50px
            border-bottom-right-radius 50px
            @media all and (min-width: 600px) {
               border-top-right-radius 2em
               border-bottom-right-radius 2em
            }
            float left
            background-color #BE1E59
            padding-right 10px
            text-align right
            p
              right 0
              position relative
              top 50%
              -webkit-transform translateY(-50%)
              -ms-transform translateY(-50%)
              transform translateY(-50%)

        #login, #facebook
            padding-left 10px
            border-top-left-radius 50px
            border-bottom-left-radius 50px
            float right
            color #333333
            background-color #F2F2F2
            text-align left
            @media all and (min-width: 600px) {
               border-top-left-radius 2em
               border-bottom-left-radius 2em
            }
            p
              position relative
              top 50%
              -webkit-transform translateY(-50%)
              -ms-transform translateY(-50%)
              transform translateY(-50%)
          #facebook
            background-color #3b5998
            color #FFF

.logIn
    position relative
    background-color #FFF
    overflow hidden
    margin 0
    padding 0
    color #000
    display inline-flex
    flex-direction column
    align-items center
    justify-content center
    display -webkit-inline-flex
    -webkit-flex-direction column
    -webkit-justify-content center
    -webkit-align-items center
    @media all and (min-width: 600px) {
      font-size 16pt
    }

    #logo_container
        height 45%

        #logo_img
            width 25%
            padding-top 40px
            margin 0 auto

        #logo_nombre
            z-index -1
            width 55%
            margin 30px auto 47px auto

    #loginForm
        height 55%
        background-color #BE1E59
        width 100%

        #backLog
          position: absolute;
          bottom: 0.8em;
          left: 0.8em;
          .backLog
            height 30px
            @media all and (min-width: 600px) {
                height: 54px;
            }

        form
            background-color #f8f8f8
            border-radius 5px
            margin-top 10%
            padding-bottom 20px
            width 75%
            overflow hidden
            margin-left auto
            margin-right auto
            height 30%
            @media all and (min-width: 600px) {
                height 40%
            }
            label
                color #cacaca

            ::-webkit-input-placeholder
                @media all and (min-width: 600px) {
                    font-size 15pt
                }

            .form-control
                width 90%
                height 50%
                margin auto
                border 0px solid #fff
                background-color #f8f8f8
                border-bottom 1px solid #cacaca
                border-radius 0px
                box-shadow 0px 0px #fff
                -webkit-box-shadow 0px 0px #fff
                @media all and (min-width: 600px) {
                  font-size 30px
                }
        #submit
            position relative
            color white
            top -10px
            padding 0
            width 50%
            height 13%
            border-radius 10px
            margin 0 auto
            @media all and (min-width: 600px) {
                font-size 30px
            }
            background-color #BE1E59
            -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 5px 10px 0px rgba(124, 24, 61, 0.72);
            p
              @media all and (max-width: 600px) {
                position relative
                top 50%
                -webkit-transform translateY(-50%)
                -ms-transform translateY(-50%)
                transform translateY(-50%)
              }
.noPadding
  padding 0

#formDatos
  background-color: #be1e59;
  width: 100%;
  height 100%
  #DatosExtras
    background-color #f8f8f8
    border-radius 5px
    margin-top 10%
    padding-bottom 20px
    width 75%
    overflow hidden
    margin-left auto
    margin-right auto
    height 30%
    @media all and (min-width: 600px) {
        height 40%
    }

.registro
    background-color #FFF
    overflow hidden
    margin 0
    padding 0
    color #000
    width 100%

    #logo_container
        position absolute
        top 0
        height 30%

        #logo_img
            margin 0 auto
            margin-top 50px
            width 25%
        #logo_nombre
            margin 0 auto
            z-index -1
            width 55%
        a
            color white

        #TOA
            position relative
            bottom 0
            a
                color white

    #signup_section
        position absolute
        bottom 0
        height 55%
        background-color #BE1E59
        width 100%

        #back
          position: absolute;
          bottom: 0.8em;
          left: 0.8em;
          @media all and (min-width: 600px) {
            bottom: -10.5em;
            left: -0.5em;
          }
          .backReg
            height 30px;

        form
            @media all and (min-width: 600px) {
                min-height 40%
            }
            background-color #f8f8f8
            border-radius 5px
            margin-top 25px
            padding-bottom 20px
            width 75%
            margin-left auto
            margin-right auto
            position relative

            label
                color #cacaca

            ::-webkit-input-placeholder
                @media all and (min-width: 600px) {
                    font-size 15pt
                }

            .form-control
                width 90%
                @media all and (min-width: 600px) {
                  height 4.3em
                }
                margin auto
                border 0px solid #fff
                background-color #f8f8f8
                border-bottom 1px solid #cacaca
                border-radius 0px
                box-shadow 0px 0px #fff
                -webkit-box-shadow 0px 0px #fff

            a
                color #c0c0c0

        #btnRegistrar
            color: #fff;
            margin-left: 25%;
            padding: 7px;
            width: 50%;
            position: absolute;
            bottom: -1.2em;
            border-radius: 10px;
            background-color: #be1e59;
            -webkit-box-shadow: 0px 5px 10px 0px rgba(124,24,61,0.72);
            -moz-box-shadow: 0px 5px 10px 0px rgba(124,24,61,0.72);
            box-shadow: 0px 5px 10px 0px rgba(124,24,61,0.72);
            @media all and (min-width: 600px) {
                font-size 30px
            }

.home
    position relative
    background-color #FFF
    margin 0
    padding 0

    p
        margin 0
        padding 0

    #logo_container
        height 44%

        p
            padding 5% 0
            font-size 18px

        #logo_img
            width 35%
            padding-top 23%
            margin 0 auto

    .classHome
      font-size 40pt

    #btn_categorias, #btn_suscritos,#btn_retos
        position relative
        width 90%
        height 17.5%
        margin-left 5%
        border-radius 10px
        display flex
        flex-direction column
        align-items center
        display -webkit-inline-flex
        -webkit-flex-direction column
        -webkit-justify-content center

        p
            height 30px
            margin auto
            position absolute
            left 0
            right 0
            top 0
            bottom 0
            @media all and (min-width: 600px) {
              bottom 1.8em
            }
            font-size 20pt

    #btn_suscritos
        background-color #F2F2F2
        color #BE1E59

    #btn_categorias
        background-color #BE1E59
        color #F2F2F2
    #btn_retos
      background-color #F2F2F2
      color #BE1E59
.videosList
  margin 0
  padding 50px 0 50px 0
  @media all and (min-width: 600px) {
    padding 70px 0 70px 0
  }
  height auto
  .vidItem
    width 100%
    position relative
    padding-bottom 56.25%
    height 0
    overflow hidden
    top 0
    left 0

    .vidPoster
      width 100%
      height 100%

    .vidOverlay
      position absolute
      width 30%
      left 35%
      top 35%

.catHome
  display flex
  flex-direction column
  justify-content space-between
  display -webkit-flex
  -webkit-flex-direction column
  -webkit-justify-content space-between

  #resultados
    padding 0px 0 0 0
    height: 70%
    overflow-y scroll
    overflow-x hidden
    z-index: 0;
    @media all and (min-width:600px){
      padding 35px 0 0 0
    }

    article
      height auto
      width 100%
      #search
        right 0
      #inputSearch
        height 100%
        z-index 0
        position absolute
        @media all and (min-width:600px){
          font-size: 20pt
        }
      #inputSearch:focus
        border-color #C11E49;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);


  #btnResultados
    display flex
    flex-direction column
    display -webkit-flex
    -webkit-flex-direction column
    height auto
    padding 0
    z-index: 1;
    position absolute
    bottom 0
    #nuevos,#populares, #categorias,#busquedaBtn
      border-top-right-radius: 13px;
      text-align center
      height: 35px;
      @media all and (min-width: 600px) {
        border-top-right-radius: 30px;
        height 90px
      }
      h4
        opacity 0.5
        @media all and (min-width: 600px) {
          font-size: 28px;
          padding-top: 22px;
        }
    #populares
      width 89%
      background-color #F2F2F2
    #nuevos
      width 93%
      background-color #F2F2F2
    #categorias
      width 97%
      background-color #F2F2F2
    #busquedaBtn
      background-color #F2F2F2
      width 100%

  .categoriaCatalogo
    display: inline-block;
    width 50%
    padding 10px 0px 0px 0px
    text-align center
    .catCat
      img
        max-height 70px
        min-height 70px
        max-width 140px
        min-width 140px
        border-radius 10px
        @media all and (min-width: 600px) {
          max-height: 120px;
          min-height: 120px;
          max-width: 240px;
          min-width: 240px;
        }

      figcaption
        text-align center
        white-space nowrap
        width 140px
        overflow hidden
        text-overflow ellipsis
        font-size 12.5px
        margin 0 auto
        @media all and (min-width: 600px) {
          width 240px
          font-size 20px
        }

section .mapa
  height 100%

.productoItem
  border-radius 10px
  display inline-block
  position relative
  width 100%
  .imagenProducto
    display inline-block
    max-width 100%
    min-width 100%
  p
    text-align center

.productoDetail
  height 100%
  figure
    height 100%
  #precio_contenedor
    position absolute
    top 80px
    z-index 1
    padding 8px
    border-radius: 0px 10px 10px 0px;
    background-color #be1e59
    color #fff
    height 30px
    width auto
    #precio_contenido
      position relative
      top 50%
      -webkit-transform translateY(-50%)
      -ms-transform translateY(-50%)
      transform translateY(-50%)
  .detalles
    height 100%
    padding 0
    margin 0
    ul
      height 100%
      padding 0
      margin 0

#map-canvas
  height 100%
  width 100%
  margin 0
  padding 0
  div
    height auto

.catalogoDetail
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  .imgCat
    min-width 100%
  .title
    margin: 0;
    padding: 6px 10px 4px 10px;
    color: #be1e59;
    border-top-style: solid;
    display: block;
    h4
      margin 0
  p
   margin 10px
  .catRow
    margin 10px
.catBtn
  width 100%
  #btnEntrar
    display: inline-block;
    border-radius: 50px;
    border-color: #be1e59;
    border-style: solid;
    padding: 0 6px;
    margin: 0 0 5px 10px;
    font-size: larger;
    color #be1e59
  #btnUnfollow
    display: inline-block;
    float: right;
    margin-right: 10px;
    img
      height: 30px;

#hDescripcionCatalogo{
  width: 100%;
  background-color: #CACACA;
  margin-bottom: 0;
  margin-top: 0%;
  padding: 3% 0px 3% 10px;
  display: inline-block;
}
#imgCat{
  display: inline-block;
  padding-left:0;
  padding-right:0;
  margin: 0 auto;
  width: 100%;
  height: 150px;
}
#pDescripcionCatalogo{
  background-color: #FFF;
  margin: 0;
}
.prodItemCap
  bottom: 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  h6
    height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    @media all and (min-width: 600px){
      width 250px
      font-size 18px
      height 18px
    }
.rating
  height: 20px;
  display: inline-block;
  margin-right: 4px;
  figcaption
    color #BE1E59
    font-weight bold
    @media all and (min-width: 600px){
      font-weight: inherit;
      font-size: 28px;
    }
  img
    max-height: inherit !important
    min-height: inherit !important
    margin: 0 !important
    padding: 0 !important
    height auto !important
    display inline-block !important
.promocionList
  padding: 50px 0 50px 0;
  @media all and (min-width: 600px){
    padding: 70px 0 70px 0;
  }
  li
    margin: 10px;

#promocionesList{
  width: 100%;
}
.promocionItem
  border-radius 10px
  background-color #FFF

.imgPromociones{
  margin 10px
}

#h2videos{
  background-color: #CACACA;
  margin-bottom: 0;
  margin-top: 0%;
  width: 100%;
  padding-left: 10px;
  display: inline-block;
}
#contactoTitle{
  background-color: #CACACA;
  margin: 0;
}
#intereses{
  background-color: #CACACA;
  margin: 0;
}
#contacto{
  background-color: #FFF;
  margin: 0;
  padding: 4% 0px 4% 10px;
}
.videos{
  display:inline;
}
.gmnoprint{
  height: auto;
  width: auto;
}
html, body, section{
  height: 0;
  width: 100%;
}
html , body, section,div{
  display: block;
  height: 100%;
}
.imagenes
    height 280px
    overflow-y hidden
    overflow-x auto
.infoProducto
   height: auto;
   min-height: 40px;
   width: 80%;
   bottom: 0;
   position: absolute;
   background-color #FFF
   margin-left: 10%;
   margin-right: 10%;
   border-radius: 6px;
   section
      display inline
    h2
      padding-top 3px
      padding-left 10px
    hr
      margin 0 0 0 0
      padding 0 0 0 0
      margin-top 6px
      margin-bottom 6px
    .footerSh
      height: 30px;
      @media all and (min-width:600px){
        height: 42px;
      }

.propiedadesProducto
  font-size 15px
  display inline-block
  margin 0 0 0 0
  font-weight bold

#contenidoProducto
  display none
#descripcionProducto
  display none
#h2descripcionProducto
 display none
.productoDetail span
  padding-left  25%
#contenidoCaracteristicas
  display inline
.proveedorDetail
  padding 0 10px
  margin 0
  #titleCatRow
    display inline-block
  .hint
    display none
  #hint
    max-height: 25px;
    min-height: 20px;
    display: inline-block;
    padding: 0;
    margin: 0px 0px 4px 5px;
  .textBox
    background-color #FFF
    border 2px solid #ebebeb
    border-radius 10px
    padding 10px
    margin 2px 0
    width 100%
    #comentarPrv,#compartirPrv
      float right
      margin 2px
      @media all and (min-width:600px){
        font-size: 15pt;
        width: auto;
        height: auto;
      }
  img
    max-height 40%
    min-height 40%
    margin 0 auto
    padding 10px
  #btnSubscribe
    z-index 2
    background-color #be1e59
    color #FFF
    display inline-block
    padding 5px
    position absolute
    right 10px
    top 5px
    border-radius 7px
    @media all and (min-width: 600px) {
      height auto
      font-size 15pt
      width auto
      padding: 10px;
      top: 0px;
      border-radius: 10px;
    }
  .title
    margin: 0;
    padding: 6px 10px 4px 10px;
    color: #be1e59;
    border-bottom-style: solid;
    display: block;
    position relative
    h4
      margin 0
      @media all and (min-width: 600px) {
        font-size 33px
      }
  p
    margin 10px
    @media all and (min-width: 600px) {
      font-size 23px
    }
  .mesagge
    display none

#catRow
  overflow-y: hidden;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
  max-height: 25%;
  min-height: 150px;
  @media all and (min-width: 600px) {
    min-height: 300px;
  }
  .catalogoList
    padding: 11px 0 0 8px;
    margin: 0;
    height: inherit
    li
      display inline-block !important
      padding 0
      width inherit

      .selected
        border: 2px solid #BE1E59;
        webkit-box-shadow: 0px 0px 8px 1px rgba(190,30,89, 1);
        -moz-box-shadow: 0px 0px 8px 1px rgba(190,30,89, 1);
        box-shadow: 0px 0px 8px 1px rgba(190,30,89, 1);

      .catalogoItem
        border-radius 10px
        img
          max-width: 100px;
          min-width: 100px;
          max-height: 100px;
          min-height: 100px;
          @media all and (min-width: 600px) {
            max-width: 200px;
            min-width: 200px;
            max-height: 200px;
            min-height: 200px;
          }
        figcaption
          width: 100%;
          background-color: #FFF;
.almacenes-container
  padding 50px 0 50px 0
  height 100%
  @media all and (min-width: 600px) {
    padding 70px 0 70px 0
  }

.almacenList
  margin 0
  padding 0

#h4promocion
  margin 40px 40px
  @media all and (min-width: 600px) {
    margin 40px 80px
  }

.almacenItem
  border-radius 10px
  background-color #fff
  padding 5px 5px
  margin 5px 10px
  h4
    @media all and (min-width: 600px) {
      font-size 28px
    }
  h5
    @media all and (min-width: 600px) {
      font-size 20px
    }


#suscritosBody
  width 100%
  padding-bottom 50px
  @media all and (min-width: 600px){
    padding-bottom 70px
  }

.suscritosList
  margin 0
  padding 0

  .suscritosItem
    margin: 10px;
    padding: 10px;
    background-color: #FFF;
    border solid 2px #EBEBEB
    border-radius 10px
    @media all and (min-width: 600px) {
      margin: 20px;
      padding: 20px;
    }
    .row
      margin 0
      .col-xs-8
        padding 0
        .susImg
          width 100%
      .col-xs-4
        padding 0
        .catRowSus
          overflow-y: scroll;
          overflow-x: hidden;
          background-color: #FFF;
          height: 186px;
          width 100%
          @media all and (min-width: 600px) {
            height: 300px;
          }
          li
            .catalogoItem
              .catImg
                max-width: 100%;
                min-width: 100%;
              figcaption
                display none

#btnRegistrar
  position : inherit
#acept
  width: 40px;
  height: 20px;

.empty
  text-align center
  width 100%
  .info
    margin 10px
    @media all and (min-width: 600px){
      margin 20px
    }
    img
      height 20px
      @media all and (min-width: 600px){
        height 40px
      }
  #info4
    position absolute
    bottom 50px
    @media all and (min-width: 600px){
      bottom 70px
    }
.dropdown-menu
  right 0
  left auto
  width 75%
  z-index 29
  @media all and (min-width: 600px){
    width 50%
    font-size x-large
  }
  li
    z-index 30
  p
    position relative
    top 50%
    -webkit-transform translateY(-50%)
    -ms-transform translateY(-50%)
    transform translateY(-50%)
  .tabLetra
    position relative
    top 50%
    font-size 36px
    -webkit-transform translateY(-50%)
    -ms-transform translateY(-50%)
    transform translateY(-50%)
  .icoM
    float left
    height 30px
    position relative
    top 50%
    -webkit-transform translateY(-50%)
    -ms-transform translateY(-50%)
    transform translateY(-50%)
  .icoMtabImgMenu
    float left
    height 2.5em
    position relative
    top 50%
    -webkit-transform translateY(-50%)
    -ms-transform translateY(-50%)
    transform translateY(-50%)

  .tamImg
    height 44px
  span
    float left
    color #be1e59
    font-size  padding-left 0
    position relative
    top 50%
    -webkit-transform translateY(-50%)
    -ms-transform translateY(-50%)
    transform translateY(-50%)

header
   ul
    li
      div
        width 80%
        display block
        height 3em
        padding-left 15%
      .tabItemMenu
        width 80%
        display block
        height 3.7em
        padding-left 15%

.resultadosProveedor
  padding-left 0
#buscar_marcas
  position fixed
  bottom 10px
#buscarImg
  position absolute
  top 10px
  right 40px
  height 30px
  @media all and (min-width:600px){
    right 60px
    height 40px
  }
#buscarMarcas
  display none
  position fixed
  top 50px
  width 100%
  height 20px
  z-index 2
  height 40px
  @media all and (min-width:600px){
    top 70px
    height 60px
  }
#buscarMarcas:focus
  border-color #C11E49;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
#buscarInput
  position fixed
  top 100px
  @media all and (min-width:600px){
    top 140px
  }
  height 40px
  z-index 0
  width 100%
  display none
#buscarInput:focus
  border-color #C11E49;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
#buscarProductosImg
  height 30px
  position fixed
  top 10px
  right 35px
  z-index 2
#buscarCategoriasImg
  height: 30px
  position: fixed
  z-index: 2
  top: 10px
  right: 40px
#contenidoAbout
  padding: 65px 30px 6px 30px;
  text-align: center;
#buscarCategorias
  position fixed
  top 100px
  @media all and (min-width:600px){
    top 140px
  }
  z-index 0
  width 100%
  height 40px
  display none
#buscarCategorias:focus
  border-color #C11E49;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
#contenidoDivAbout
  margin 10px 0 10px 0
  font-size: 15px;
  background-color: #CACACA;
  border-radius: 10px;
  text-align left
  height 95%
  @media all and (min-width: 600px) {
      margin 50px 0 50px 0
      height 60%
      font-size x-large
  }

  #contenidoDivDivAbout
    padding 20px 5px 0 5px

#divInfoProducto
  table
    width 100%
    height 100%
  td
    text-align center
.relacionadosImg
  display none
  height: 70px;
#relacionadosList
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  height: 80px;
  margin: 0;
  padding: 0;
  li
    display table-cell
.listaRelacionadosDiv
  width 100%
#contenidoRelacionados
  width 100%
  display none
#contenidoCompartir
  width 100%
  display none
  text-align center

#rememberPassword
  #loginForm
    height 55%
    background-color #BE1E59
    width 100%

    #backRem
      position: absolute;
      bottom: 0.8em;
      left: 0.8em;
      .backRem
        height 30px
        @media all and (min-width: 600px) {
            height: 54px;
        }

  #logo_img
    width 25%
    padding-top 40px
    margin 0 auto
  form
    #submitEmailRemember
      width: 30%;
      margin-left: 35%;
      background-color #f8f8f8
      border-radius 5px
      margin-top 25px
      padding-bottom 0px
      width 75%
      overflow hidden
      margin-left auto
      margin-right auto
      height 30%
      @media all and (min-width: 600px) {
        height 40%
      }
      label
        color #cacaca

      ::-webkit-input-placeholder
        @media all and (min-width: 600px) {
            font-size 15pt
        }

      .form-control
        width 90%
        height 50%
        margin auto
        border 0px solid #fff
        background-color #f8f8f8
        border-bottom 1px solid #cacaca
        border-radius 0px
        box-shadow 0px 0px #fff
        -webkit-box-shadow 0px 0px #fff
        @media all and (min-width: 600px) {
          font-size 30px
        }
#recordarPassword
  float right
  right 0
  padding-right 0
  margin 30px
  #recordarPass
    color #FFF
#submitRecovery
  position relative
  color white
  top -20px
  margin-left 25%
  padding 20px 0px 0px 0px
  width 50%
  height 13%
  border-radius 10px
  @media all and (min-width: 600px) {
    font-size 30px
  }
  background-color #BE1E59
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 10px 0px rgba(124,24,61,0.72);
  p
    @media all and (max-width: 600px) {
      position relative
      top 50%
      -webkit-transform translateY(-50%)
      -ms-transform translateY(-50%)
      transform translateY(-50%)
    }
#footer_suscritos
  article
    img
      bottom 10px
      @media all and (min-width:600px){
        bottom 15px
      }
#buscarProveedor
  position fixed
  top 50px
  @media all and (min-width:600px){
    top 70px
  }
  height 40px
  z-index 0
  width 100%
  display none
#buscarProveedor:focus
  border-color #C11E49;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
.VerticalAlignPadre
  display table
.verticalAlign
  display table-cell
  vertical-align middle
#bullets
  height 20px
  width 100%
  position absolute
  bottom 10%
  overflow-y hidden
  overflow-x auto
  margin 0
  padding 0
  text-align center
  .bullet
    display inline-block
    height 12px
    width 12px
    border 1px solid #BE1E59
    border-radius 50px
    margin: 0 5px;
.bullAct
  background-color #BE1E59
#fb-root
  height 0
#fbShare, #prdComentario, #comentarPrv, #compartirPrv
  background-color: #3b5998;
  border-radius: 10px;
  color: #FFF;
  display: inline-block;
  padding: 10px;
  margin: 10px;
#prdComentario, #comentarPrv
  background-color: #BE1E59;
#comentInfo
  background-color #FFF
  padding 10px
  margin 5px 10px
  border-radius 10px
  display block
  #myRate
    display inline-block
    color #BE1E59
    font-weight bold
    @media all and (min-width: 600px){
      font-weight: inherit;
      font-size: 28px;
    }
  #promedio
    font-size 20px
    color red
#comentarForm
  background-color #FFF
  padding 10px
  margin 10px
  border-radius 10px
  #raty
    float right
  .form-control
    width 100%
    margin 3px 0px
  .form-control:focus
    border-color #C11E49;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
  #comentarBtn
    background-color #BE1E59
    color #FFF
    display: inline-block;
    border-radius 6px
    padding: 3px;
    @media all and (min-width: 600px){
      border-radius: 10px;
      font-size: 20px;
      margin-top: 8px;
      padding: 10px;
    }

.comentariosBody
  height auto
#comentariosList
  height auto
  padding 0
  max-width: 100%;
  min-width: 100%;
  .comentarioItem
    background-color #FFF
    margin 5px 10px
    padding 5px 10px 24px
    display block
    border-radius 10px
    position relative
    .closeComment,.denunciar
      float right
      padding 10px
      img
        height 20px
    #respuestasList
      display none
      margin 10px 0 0 0
      padding 0
      border-left: solid #BE1E59;
      .comentarioItem
        .verRespuestas
          display none
        .responderBtn
          display none
    p
      text-align justify
    .verRespuestas
      text-align center
      color: #BE1E59;
    .responderBtn
      background-color #BE1E59
      color #FFF
      display inline-block
      border-radius 6px
      padding 3px
      float: left;
    .responderForm
      background-color #FFF
      padding 10px
      margin 10px
      display none
      .form-control
        width 100%
        margin 3px 0px
      .form-control:focus
        border-color #C11E49
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 30, 73, 0.6);
      #confirmarBtn
        background-color #BE1E59
        color #FFF
        border-radius 6px
        display inline-block
        padding: 3px;
    .vote
      float right
      span
        font-size 18px
      .glyphicon-thumbs-up
        color #34BB39
      .glyphicon-thumbs-down
        color #BB3439
      .grade
        background-color #BE1E59
        color #FFF
        padding 5px 10px
        margin 0px 5px
        font-size 15px
        border-radius 6px

#sectionRetos
  padding 0
  background-color #f2f2f2f2
#listaRetos
  padding 0
  .contenedorReto
    border-radius 3px
    background-color #FFFF
    padding 5px 5px
    margin 5px 5px
    div
      opacity 0.4;
    img
      height 70px
      margin 10px 0
    .textoReto
      width 50%
      display inline-block
      vertical-align middle
      line-height normal
      margin 0px 10px
      h4
        color #BE1E59
    .ptosReto
      margin: 0px;
      text-align: right;

.smoke-quiz
  .dialog
    .dialog-inner
      .dialog-buttons
        .quiz-button
          display block
          margin 10px auto
article
  #nivelImgContainer
    padding 0
    text-align center
    #retoSiguiente
      opacity 0.4
    img
      height: 50%;
      padding: 5px;
  #retoTextP
    margin-bottom 5px !important
  .imgShapps
    float: left;
    margin: 26px 8px;
  .imgShappsMarg
    float: left;
    margin: 6em

#imagenesNiveles
  height 23%
  #niveles
    width 95%
    margin-left auto
    margin-right auto
    @media all and (min-width:600px){
      margin-top: 24px;
    }
    img
      height: 100%;
      width: 32%;
      margin-top: 3px;
    #infoLogro
      float right
      width: 64%
      margin-top: 2em
      .infoLogros
        font-size: 15px;
        margin: 0px;
        font-weight: bold;
      .infoLogrosProx
        font-size: 12px;
        margin: 0px;
        font-weight: bold;

.rslides
  position relative
  list-style none
  overflow hidden
  width 100%
  padding 0
  margin 0

.rslides li
  -webkit-backface-visibility hidden
  position absolute
  display none
  width 100%
  left 0
  top 0

.rslides li:first-child
  position relative
  display block
  float left

.rslides img
  display block
  height auto
  float left
  width 100%
  border 0

.rslides_nav
  position absolute
  -webkit-tap-highlight-color rgba(0,0,0,0)
  top 50%
  left 5px
  z-index 99
  opacity 0.5
  text-indent -9999px
  overflow hidden
  text-decoration none
  height 61px
  width 38px
  background transparent url("../images/Tutorial/nav.png") no-repeat left top
  margin-top -45px

.rslides_nav:active
  opacity 1.0

.rslides_nav.prev
  border-bottom-right-radius 5px
  border-top-right-radius 5px

.rslides_nav.next
  left auto
  background-position right top
  right 5px
  border-bottom-left-radius 5px
  border-top-left-radius 5px

.rslides_nav:focus
  outline none

#omitir_btn
  background-color #000
  opacity 0.5
  color #fff
  position: fixed
  bottom 15px
  border-radius 7px
  height 40px
  right 15px
  width 70px
  @media all and (min-width:600px){
    height 3em
    width 5.6em
    font-size 22px
    border-radius 16px
  }
  z-index 10

  #omitir_txt
    text-align center
    position relative
    top 50%
    -webkit-transform translateY(-50%)
    -ms-transform translateY(-50%)
    transform translateY(-50%)