body div#centro .mobile select {
    display: none;
    width: 100%;
}
#datosCarro.mobile, #categorias.mobile {display: none;}
#banner-mobile {display: none;}
body .nivo-caption {display: none !important;}
@media all and (max-width: 480px) {
    * {
        box-sizing: border-box;
    }
    body #nav {
        display: block;
    }
    html body {
        min-width: 100%;
    }
    body div#centro .mobile select {
        display: block;
    }
    body div#estructura {
        width: 100%;
        background-repeat: repeat;
        background-image: none;
        background-color: #79AB40;
    }
    body #banner {
        display: none;
    }
    body #menu {
        display: none;
    }
    body div.destacado, body div.destacado img, body dl.noticiasHome img, body div#imgSom img, body div#centro img {
        float: none;
        width: 100%;
        margin: 0;
        height: auto;
        min-height: auto;
    }
    body div.destacado .nivel {
        height: auto !important;
    }
    body #bartmap.steps3 .progress_bar {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    body #bartmap {
        width: 100%;
        padding: 0;
        margin: 0;
        height: auto;
    }
    body #bartmap.steps3 ul li {
        width: 33.3%;
    }
    body div#centro h2, body div.claserara h2 {
        text-align: center;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
        font-size: 1.8em;
    }
    body div.destacado a, body div.destacado a:visited {
        color: #FFF;
        text-shadow: 0 1px 0 #000;
    }
    body #izquierda, body #derecha, body #desarrolladoPor, div.sucursales div:nth-child(1) {
        float: none;
        display: none;
    }
    body #cuerpo div:eq(0) {
        float: none !important;
        width: 100% !important;
    }
    body dl.noticias dt a, body dl.noticiasHome dd a {
        color: #FFF;
        text-shadow: 0 1px 0 #000;
        text-transform: uppercase;
        line-height: 1em;
        text-align: center;
        display: block;
        margin: 10px 0;
    }
    body div#centro dd p {
        font-size: .8em;
    }
    body #cuerpo #centro, body #cuerpo #derecha, body dl.noticiasHome, body div.infoCentro img, body .clear, body div.infoCentro, body .claserara, body div#datosProducto, body div#caracteristicasProducto, body div#imgSom, body div#compra-precio, body div.sucursales, div.sucursales iframe, body div#centro.ancho100, div#pie {
        width: 100% !important;
        float: left;
    }
    body #centro #buscarFormulario {
        float: none !important;
        margin: 0 auto;
        width: 100% !important;
        margin-bottom: 10px;
    }
    body table#productos td {
        font-size: .5em !important;
        border-spacing: 0;
    }
    body table#productos th {
        font-size: .4em !important;
    }
    body table#productos th input {
        width: 70px;
    }
    body div.sucursales strong {
        text-align: center;
        display: block;
    }
    body div.sucursales > div{
        width: 100% !important;
        font-size: 1em !important;
        margin: 10px 0;
    }
    body .paddinizqno {
        padding-left: inherit !important;
    }
    body dl.noticiasHome {
        margin: 0;
        padding: 0 15px;
    }
    body #fotoReceta {
        margin-left: 10px;
    }
    body div#cabecera {
        background-image: none;
        background-color: #EFEFEF;
        border-top: 47px solid #79AB40;
    }
    body #cabecera h1 {
      width: 100%;
      background-size: contain;
      height: 80%;
      background-position: center;
      margin: 0;
      float: none;
/*      margin-top: 37px;*/
    }
    body .imagenNoticia {
        float: right;
        margin-left: 10px;
    }
    body a.agregarCarro {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    body dl.noticiasHome dd a {
        color: #FFF !important;
        text-shadow: 0 1px 0 #000;
    }
    body dl.noticiasHome dd p, body div#centro p, body div#centro p span {
        color: #FFF;
        font-size: 14px !important;
        text-shadow: 0 1px 0 #000;
        color: #FFF !important;
        background: transparent !important;
    }
    body form.listado legend {
        border: 0;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
    }
    body form.listado label {
        color: #FFF;
        text-shadow: 0 1px 0 #000;
        width: 60%;
        margin: 0 auto;
        margin-top: 20px;
    }
    body form.listado input[type="text"] {
        margin-top: 10px;
    }
    body form.listado input#nombre, body form.listado input#telefono {
        background: #FFF !important;
    }
    body fieldset#reg label span {
        width: 100%;
        padding: 0;
        text-align: left;
    }
    body div#centro form.listado ul {
        width: 60%;
        display: block;
        margin: 0 auto;
        padding: 0;
    }
    body form.listado p, body fieldset#reg p {
        text-align: center;
        margin-top: 10px;
    }
    body div#centro form.listado ul input, body div#centro .btnLogin.btnModificar {
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        background-color: #fe5252;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
        border: 0;
        padding: 5px 10px;
    }
    body form.listado fieldset, body form.listado textarea {
        width: 100%;
        margin-top: 10px;
    }
    body form.listado fieldset, body form.listado fieldset label span {
        display: block;
        float: none;
        width: 100%;
        text-align: left;
    }
    body div#menuHormiga ul li a, body div#menuHormiga ul li.ultimoItem a {
        font-family: Arial,Helvetica,sans-serif;
        font-size: .7em;
        color: #FFF;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #000;
    }
    body #detalle-producto > p, body #detalle-producto p span, body div#centro.ancho100  span {
        background-color: transparent !important;
    }
    body #datosCarro ul {
        overflow: hidden;
    }
    body .rmm {
        display: block !important;
    }
    body div#datosCarro {
        background-color: #fe5252;
        overflow: hidden;
    }
    body div#datosCarro li, body div#datosCarro a {
        float: left;
    }
    body div#datosCarro li:last-child, body div#datosCarro a:last-child {
        float: right;
    }
    body fieldset#fildsetRegistrarCompra, body fieldset#fieldsetRegegistrarmeycomprar {
        width: 100%;
    }
    body fieldset#fildsetRegistrarCompra label, body fieldset#fieldsetRegegistrarmeycomprar label, body fieldset#fildsetRegistrarCompra legend, body fieldset#fieldsetRegegistrarmeycomprar legend, body fieldset#fildsetRegistrarCompra p, body fieldset#fieldsetRegegistrarmeycomprar p, body #toggleMe h4, body #toggleMe h4 em {
        font-family: Arial,Helvetica,sans-serif;
        color: #FFF;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #000;
    }
    body #bartmap ul li {
        font-family: Arial,Helvetica,sans-serif;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
    }
    body #bartmap ul li.pasoActivo {
        font-family: Arial,Helvetica,sans-serif;
        color: #000;
        text-shadow: 0 1px 0 #FFF;
    }
    body div.destacado h3 {
        height: 30px;
    }
    body div.destacado strong {
        margin-bottom: 10px;
    }
    body #toggleMe h4 {
        text-align: center;
    }
    body #toggleMe h4 em {
        display: block;
        margin-bottom: 10px;
    }
    body fieldset#fildsetRegistrarCompra p, body fieldset#fieldsetRegegistrarmeycomprar p {
        font-size: .5em;
    }
    body fieldset#fieldsetRegegistrarmeycomprar input[type=submit], body fieldset#fildsetRegistrarCompra input[type=submit] {
        margin: 10px auto;
        display: block;
    }
    body a.activo {
        font-size: inherit;
    }
    body div#centro select {
        display: block;
    }
    body .nav-collapse {display: block !important;}
    body #centro #datosCarro {display: none;}
    body table#productos tr td img {
        width: 25px;
        height: 25px;
    }
    body #datosCarritoCompra {width: 154px;}
    #banner {display: none;}
    #banner-mobile {display: none;}
    body #datosCarro.mobile, body #categorias.mobile {display: block;}
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
    body div#estructura {
        width: 100%;
        background-repeat: repeat;
        background-image: none;
        background-color: #79AB40;
    }
    body #menu, body #derecha, body #imgSom, body #desarrolladoPor {
        display: none;
    }
    body div#cabecera {
        background-image: none;
        background-color: #79AB40;
        border-top: 20px solid #79AB40;
        overflow: hidden;
        float: left;
        width: 100%;
    }
    body div#caracteristicasProducto, body div#compra-precio {
        width: 100%;
        flex: none;
    }
    body div#social {
        width: auto;
        margin-top: 10px;
    }
    body div#social a.share-icon-twitter {
        margin-right: 0;
    }
    * {
        box-sizing: border-box;
    }
    html body {
        min-width: 100%;
    }
    body #cabecera h1 {
      width: 30%;
      background-size: contain;
      background-position: center;
      margin: 0;
        display: none;
/*      margin-top: 37px;*/
    }
    body div#banner, body div#centro, body div#banner img, body div#datosProducto, body div#banner img, body #bartmap, body #bartmap.steps3 .progress_bar, body #bartmap ul {
        width: 100% !important;
        overflow: hidden;
        height: 100%;
    }
    body div#centro.noticia {
        width: 65% !important;
        padding: 0 20px;
    }
    body div#centro.noticia .imagenNoticia {
        float: left;
        padding: 0 10px 10px 0;
    }
    body #bartmap.steps3 ul li {
        width: 33.3%;
    }
    body #bartmap.steps3 .progress_bar {
        padding: 20px 70px -4px;
        margin: 0;
    }
    body div#izquierda {
        width: 35%;
    }
    body .claserara {
        width: 65%;
    }
    body ul.navCategoria li {
        margin: 10px 0 0 0;
        padding: 0 0 10px 10px;
    }
    body ul.navCategoria li a, body ul.navCategoria li a:visited {
        text-shadow: 0 1px 0 #000;
        font-size: .7em;
    }
    body div#centro h2, body div.claserara h2 {
        text-align: center;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
        font-size: 1.8em;
    }
    body div#centro.producto, body div#centro.ancho100 {
        width: 65% !important;
    }
    body div#centro.producto #detalle-producto img {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }
    body div#datosCarro {
        background-color: #fe5252;
        overflow: hidden;
    }
    body div#menuHormiga ul li a, body div#menuHormiga ul li.ultimoItem a {
        font-family: Arial,Helvetica,sans-serif;
        font-size: .7em;
        color: #FFF;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #000;
    }
    body #detalle-producto > p, body #detalle-producto p span, body div#centro.ancho100  span {
        background-color: transparent !important;
    }
    body #datosCarro:nth-child(1) {
        display: none;
    }
    body table#productos td {
        font-size: .5em !important;
        border-spacing: 0;
    }
    body table#productos th {
        font-size: .4em !important;
    }
    body table#productos th input {
        width: 70px;
    }
    body div.destacado {
        width: 50%;
        margin: 0;
        padding: 0 !important;
        margin-bottom: 25px;
        min-height: auto;
    }
    body div.destacado h3 {
        height: 30px;
    }
    body div.destacado strong {
        margin-bottom: 10px;
    }
    body div.destacado .nivel {
        height: auto !important;
    }
    body fieldset#fildsetRegistrarCompra, body fieldset#fieldsetRegegistrarmeycomprar {
        width: 100%;
    }
    body fieldset#fildsetRegistrarCompra label, body fieldset#fieldsetRegegistrarmeycomprar label, body fieldset#fildsetRegistrarCompra legend, body fieldset#fieldsetRegegistrarmeycomprar legend, body fieldset#fildsetRegistrarCompra p, body fieldset#fieldsetRegegistrarmeycomprar p, body #toggleMe h4, body #toggleMe h4 em {
        font-family: Arial,Helvetica,sans-serif;
        color: #FFF;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #000;
    }
    body #toggleMe  em{
        display: block;
        margin-bottom: 10px;
    }
    body #bartmap ul li {
        font-family: Arial,Helvetica,sans-serif;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
    }
    body #bartmap ul li.pasoActivo {
        font-family: Arial,Helvetica,sans-serif;
        color: #000;
        text-shadow: 0 1px 0 #FFF;
    }
    body fieldset#fildsetRegistrarCompra p, body fieldset#fieldsetRegegistrarmeycomprar p {
        font-size: .5em;
    }
    body fieldset#fieldsetRegegistrarmeycomprar input[type=submit], body fieldset#fildsetRegistrarCompra input[type=submit] {
        margin: 10px auto;
        display: block;
    }
    body dl.noticiasHome {
        width: 50%;
        margin: 0;
        padding: 0 10px;
        height: 380px;
    }
    body dl.noticiasHome p, body dl.noticiasHome dd a:visited, body dl.noticiasHome dd a {
        font-family: Arial,Helvetica,sans-serif;
        color: #FFF;
        text-shadow: 0 1px 0 #000;
    }
    body dl.noticiasHome img {
        width: 100%;
        height: auto;
    }
    body #nav {
        display: block;
    }
    body div#centro #categorias.mobile {
        display: none;
    }
    body .nav-collapse {display: block !Important;}
    body #centro #datosCarro {display: none;}
    #banner {display: none;}
    #banner-mobile {display: block;}
    body div#cabecera {height: auto;}
}
/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
    z-index: 100;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.nav-collapse {display: none !important;}
.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #fe5252;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

.nav-collapse .alt a {
  background: #555;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #fe5252;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 57px;
    height: 47px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: #fe5252 url("images/hamburger.gif") no-repeat 50% 33%;
    position: relative;
    z-index: 100;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("images/hamburger-retina.gif");
    -webkit-background-size: 70px 70px;
    -moz-background-size: 70px 70px;
    -o-background-size: 70px 70px;
    background-size: 70px 70px;
  }
}