@charset "UTF-8";

@media only screen and (max-width: 1280px) {
	.escritorio { display:none !important; }
	.mobile {display:block !important; }
 }



@media only screen and (max-width: 980px) {

  html {

    -webkit-text-size-adjust: none; }

  body {

    overflow-x: hidden; }
  .tel { display:none; }
  #nav-corp { float:left !important; }
.nomobile { display:none; }
#little-header .column12 { width: 80%; }
  .menu-item > a {

    padding-right: 10px;

    padding-left: 10px; }

  #seccion-packs h2 {

    font-size: 26px; }

  .pack .precio {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    display: -moz-flex;

    display: -ms-flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -ms-flex-item-align: center;

        align-self: center;

    -webkit-align-self: center;

    -moz-align-self: center;

    -ms-align-self: center; } 
	
		.carrito {margin:0px !important; padding:10px !important; }
		
		.tabladorsales { width:100%; max-width:300px; }
}



@media only screen and (max-width: 800px) {

  html {

    -webkit-text-size-adjust: none; }

  .menu-item > a {

    padding-right: 10px;

    padding-left: 10px; }

  .menu-item:last-child > a {

    border-right: none; }

  nav {

    display: block;

    text-align: center; }

  #menu-principal::before, #menu-princpal::after {

    clear: both;

    display: block;

    content: ""; }

  #menu-principal {

    width: 100%;

    float: none;

    max-width: 100%;

    float: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    display: -moz-flex;

    display: -ms-flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    margin-bottom: 20px; }

 

  #search-form {

    width: calc(50% - 15px);

    width: -ms-calc(50% - 15px);

    max-width: 50%;

    float: left;

    margin: 14px 15px 0 0; }

  #login-form {
  width:100%;
  border-right: 0px !important;

  padding-right: 0px !important;

  position: relative;

 }
  #accesodemo {
  width:100%;
  border-right: 0px !important;

  padding-right: 0px !important;
  position: relative;
  margin-top:20px;
  border-top:2px solid #EBEBEB;
  padding-top:20px;

 }
 .democlub {
 	
  padding-left: 0px !important;

  margin-left: 0px !important;
 }

  #login-form input {

    line-height: 30px;

    padding: 0 10px; }

  #login-form input:not([type="submit"]) {

    width: calc(50% - 5px);

    float: left !important; }

  #login-form input[type="password"] {

    float: right; }

  .contenido-slide {

    padding: 15px 30px; }

  .contenido-slide h2, .contenido-slide p {

    font-size: 36px; }

  .texto-slide {

    margin: 15px 30px; }

  .destacado, .novedad {

    padding: 20px; }

  .destacado .button {

    bottom: 15px;

    left: 15px; }

  .titulo-categoria h3 {

    padding: 0 20px; }

  #listado-categorias-home .listado {

    column-count: 1;

    -webkit-column-count: 1;

    -moz-column-count: 1;

    column-gap: 0px;

    -webkit-column-gap: 0px;

    -moz-column-gap: 0px;

    padding: 0 20px;

    min-height: auto; }

  #listado-categorias-home .button {

    margin-left: 20px; }

  #categorias-home .datos {

    padding: 40px 20px; }

  .pack .precio {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    display: -moz-flex;

    display: -ms-flex;

    width: 100%; }

  #sidebar {

    padding-right: 0px;

    width: 100%;

    max-width: 100%; }

  .filtro .titulo::after {

    content: "+"; }

  .filtro ul {

    max-height: 0px; }

  #sidebar .filtro {

    width: 25%;

    float: left; }

  .filtro label {

    font-size: 12px; }

  .filtro .titulo {

    border-radius: 0px; }

  .filtro:first-child .titulo {

    border-radius: 5px 0 0 5px; }

  .filtro:last-child .titulo {

    border-radius: 0 5px 5px 0; }

  .filtro:not(:last-child) .titulo {

    border-right: 1px solid #b4b4b4; }

  #seccion-productos {

    width: 100%;

    max-width: 100%; }

  section#pedido {

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    max-width: 100%;

    width: 100%;

    margin-bottom: 2px; }

  #seccion-packs .titulo, #seccion-packs .pack {

    min-height: auto; }

  #categorias-home ul {

    padding-right: 20px;

    padding-left: 20px; } }



@media only screen and (max-width: 720px) {

  html {

    -webkit-text-size-adjust: none; }

  #categorias-home li {

    width: 50%; }

  #destacados-home .column13 {

    width: calc(100% - 30px); }

  #destacados-home .column13 .destacado {

    width: calc(50% - 15px);

    float: left; }

  #destacados-home .column13 .destacado:last-child {

    float: right; }

  #destacados-home .column13 .destacado.largo {

    width: 100%;

    float: left; }

  #seccion-packs .titulo {

    width: 100%;

    max-width: 100%;

    border-radius: 5px 5px 0 0;

    height: auto;

    min-height: auto; }

  #seccion-packs .titulo::after {

    top: auto;

    bottom: -5px;

    right: 50%; }

  #seccion-packs .button {

    position: relative;

    bottom: auto;

    margin-top: 10px; }

  #seccion-packs ul {

    width: 100%;

    max-width: 100%;

    border-radius: 0 0px 5px 5px; } }



@media only screen and (max-width: 640px) {

  html {

    -webkit-text-size-adjust: none; }

  #bar-info {

    width: 100%;

    line-height: 1; }

  #bar-info .tel {

    float: left;

    text-align: left;

    line-height: 30px;

    border-right: none; }

  #bar-info #idiomas {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    display: -moz-flex;

    display: -ms-flex;

    flex-flow: nowrap;

    -ms-flex-flow: nowrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center; }

  #bar-info #idiomas * {

    color: #fff;

    font-weight: bold; }

  #bar-info #idiomas label {

    display: inline;

    font-size: .8em;

    line-height: 30px;

    margin-right: 5px; }

  #little-header .logos {

    width: 100%;

    height: auto;

    /*display: flex;

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		justify-content: center;

		-webkit-justify-content: center;

		-moz-justify-content: center;

		-ms-justify-content: center;*/ }

  #little-header .logo:last-child {

    border-right: none;

    margin-right: 0px; }

  .contenido-slide {

    padding: 15px 20px; }

  .contenido-slide h2, .contenido-slide p {

    font-size: 21px; }

  .texto-slide {

    margin: 0px;

    bottom: auto !important;

    right: 0 !important;

    left: 0 !important;

    top: 0 !important;

    padding: 10px;

    width: 100%; }

  .texto-slide .button {

    padding: 5px 10px;

    float: right; }

  .texto-slide h2, .texto-slide p {

    float: left;

    display: inline;

    margin-bottom: 0px; }

  #listado-categorias-home .button {

    position: relative; }

  .box13.categoria-principal {

    width: 100%;

    max-width: 100%;

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    -webkit-flex-basis: 100%;

    -moz-flex-basis: 100%;

    -ms-flex-basis: 100%;

    -webkit-flex-basis: 100%;

    -moz-flex-basis: 100%;

    -ms-flex-basis: 100%; }

  #listado-categorias-home .listado {

    column-count: 3;

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-gap: 20px;

    -webkit-column-gap: 20px;

    -moz-column-gap: 20px;

    padding: 0 20px; }

  .titulo-categoria {

    margin-bottom: 15px;

    margin-top: 30px; }

  .titulo-categoria,

  #listado-categorias-home li:first-child .titulo-categoria,

  #listado-categorias-home li:last-child .titulo-categoria {

    border-radius: 5px; }

  #listado-categorias-home .listado,

  #listado-categorias-home .categoria-principal > div {

    border-right: none; }

  #seccion-packs .datos {

    display: block; }

  #seccion-packs .pack h3 {

    width: 100%; }

  #sidebar .filtro {

    width: calc(50% - 5px);

    float: left; }

  #sidebar .filtro:nth-child(odd) {

    margin-right: 5px; }

  #sidebar .filtro:nth-child(even) {

    margin-left: 5px; }

  #sidebar .titulo {

    border-right: none; }

  .filtro .titulo {

    border-radius: 5px; }

  .filtro:first-child .titulo {

    border-radius: 5px; }

  .filtro:last-child .titulo {

    border-radius: 5px; }

  #breadcrumbs {

    display: block;

    float: none;

    margin-top: 20px; }

  #breadcrumbs > * {

    line-height: 1; }

  .paginado {

    float: none;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

  #formulario-contaco {

    width: 100%;

    max-width: 100%;

    margin-bottom: 40px; }

  #contacto .info-contacto, footer .column14 {

    width: calc(100% - 30px);

    width: -ms-calc(100% - 30px);

    width: -o-calc(100% - 30px); }

  #bar-info #idiomas::after {

    display: none; }

  .fotorama__nav-wrap {

    height: 60px; }

  #categorias-home {

    padding-top: 0px; }

  #destacados-home .row {

    padding-right: 10px;

    padding-left: 10px; }

  #destacados-home #novedades-home {

    padding-right: 20px;

    padding-left: 20px; } }



@media only screen and (max-width: 540px) {

  html {

    -webkit-text-size-adjust: none; }

  /*--------------------------------------------------------------

	1.0 - Nav

	--------------------------------------------------------------*/

  nav {

    position: relative; }

  .boton_menu {

    position:relative;
	
	display:block;
	z-index:10000;
	width: 100px;

    height: 32px;

    color: #FFF;

    background-color: #23262b;

    margin-right: 15px;

    float: left;

    font-size: 24px;

    line-height: 32px;

    cursor: pointer; 
}

  .boton_menu::after {

    content: "MENU";

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    color: #fff;

    display: inline-block;

    margin-left: 10px;

    font-size: 18px;

    line-height: 20px; }

  #menu-principal {

    display: block;

    position: absolute;

	top:38px;
	
	left:-200px;

    width: calc(100% - 40px);
	
	min-width: 300px;

    background-color: #23262b;

    z-index: 1000;

    display: none; }

  .menu-item {

    position: relative;

    border-bottom: 1px solid #b4b4b4; }

  

  .submenu {
	top:0px !important;
	
	text-align: center;
    position: relative !important;

    height: auto;

    padding-top: 0px;

    border: 1px solid #fff;

    display: none; }

  .submenu > div {

    width: 50%;

    float: left;
	margin:0 auto;
	}
.icono_caracteristica { max-width:30px !important; }
  #search-form {

    width: calc(100% - 115px);

    margin-right: 0px;

    max-width: 100%;

    margin-top: 0px; }

  #login-form {

    border-left: none;

    margin-right: 0px;

    margin-left: 0px;

    margin-top: 20px;

    width: 100%;

    max-width: 100%;

    padding: 0px; }

  #login-form legend {

    margin-bottom: 5px; }

  nav .menu-item {

    width: 100%;
	min-width:300px !important;

    display: block;

    padding: 0px; }

  nav .menu-item > a {

    border-right: none;

    line-height: 50px;

    color: #fff; }

  #seccion-packs .pack a {

    min-height: 270px; } }



@media only screen and (max-width: 480px) {

  html {

    -webkit-text-size-adjust: none; }

  .movil {

    display: block !important; }

  .escritorio {

    display: none !important; }

  /*--------------------------------------------------------------

	1.0 - Responsive Grid

	--------------------------------------------------------------*/

  [class^='box'] {

    width: 100%;

    max-width: 100%; }

  [class^='column'] {

    width: 100%;

    max-width: 100%;

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px; }

  #listado-categorias-home .listado {

    column-count: 2;

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-gap: 20px;

    -webkit-column-gap: 20px;

    -moz-column-gap: 20px;

    padding: 0 20px; }

  #destacados-home .column13 {

    width: 100%; }

  #destacados-home .column13 .destacado {

    width: 100%;

    float: left; }

  #destacados-home .column13 .destacado:last-child {

    float: right; }

  #destacados-home .column13 .destacado.largo {

    width: 100%;

    float: left; }

  #seccion-packs .pack {

    width: 100%;

    max-width: 100%;

    border-right: none;

    border-bottom: 1px solid #ddd; }

  #seccion-packs .datos {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    display: -moz-flex;

    display: -ms-flex; }

  #seccion-packs .pack h3 {

    -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    -webkit-flex-basis: 50%;

    -moz-flex-basis: 50%;

    -ms-flex-basis: 50%; }

  #seccion-packs .pack .datos > p {

    -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    -webkit-flex-basis: 50%;

    -moz-flex-basis: 50%;

    -ms-flex-basis: 50%; }

  /*--------------------------------------------------------------

	4.0 - Footer

	--------------------------------------------------------------*/

  footer .redes {

    float: none;

    text-align: center; }

  .enlaces-pie {

    width: 100%; }

  .enlaces-pie * {

    width: 100%;

    margin-top: 5px;

    text-align: center; }

  .enlaces-pie *::before {

    content: none; }

  #datos-contacto {

    margin-bottom: 40px; }

  /*--------------------------------------------------------------

	5.0 - Home

	--------------------------------------------------------------*/

  #categorias-home li {

    width: 100%; }

  /*--------------------------------------------------------------

	5.0 - Catálogo

	--------------------------------------------------------------*/

  .producto, #combina .producto {

    width: 100%;

    margin-bottom: 40px; }
  #categorias-home .columna {width:100% !important;padding-right:0px; }
  #categorias-home .column14 {width:100% !important;padding-right:0px; }
  #categorias-home .column12 {width:100% !important;padding-right:0px; }
  h2 {font-size:14pt; }
  #sidebar .filtro {

    width: 100%;

    float: left; }

  #sidebar .filtro:nth-child(odd) {

    margin-right: 0px; }

  #sidebar .filtro:nth-child(even) {

    margin-left: 0px; }

  #categorias-home ul {

    padding-right: 20px;

    padding-left: 20px; }

  #categorias-home li {

    padding: 0px; }

  #destacados-home .row {

    padding-right: 5px;

    padding-left: 5px; } }



@media only screen and (max-width: 430px) {

  html {

    -webkit-text-size-adjust: none; }

  #small-footer > .row > p, #small-footer > .row > a {

    float: none;

    text-align: center;

    width: 100%;

    display: block; }

  footer #nuestras-marcas img {

    margin-right: 15px;

    margin-left: 15px; }

  /*--------------------------------------------------------------

	2.0 - Header

	--------------------------------------------------------------*/

  #little-header .logos {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; }

  #little-header .logo {

    padding: 0px;

    margin: 0px; }

  #little-header .site-title.logo {

    border-right: none;

    width: 100%;

    -ms-flex-preferred-size: 100%;

        flex-basis: 100%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-flow: column;

            flex-flow: column; }

  .site-title h1 {

    height: auto; }

  #little-header .logo:not(:first-child) {

    -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

  #destacados-home .column13 .destacado.largo {

    max-height: 390px; } }