html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
html {font-size: 62.5%;overflow-y: scroll;}
*, *::before, *::after {box-sizing: border-box;}
body {background: #fff none repeat scroll 0 0;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display: block;}
ol, ul {list-style: outside none none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote::before, blockquote::after, q::before, q::after {content: "";}
blockquote, q {quotes: "“" "”";}
a:focus {outline: medium none !important;}
a:hover, a:active {outline: medium none !important;}
a img {outline: medium none !important;}
.row::after, .row::before, .clear::before, .clear::after {
    clear: both;
    content: "";
    display: block;
}
.left {float: left;}
.right {float: right;}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("fonts/roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/roboto/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/roboto/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("fonts/roboto/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
}
* {-moz-osx-font-smoothing: grayscale;}
body, button, input, select, textarea, li, a, p {
    color: #6d6f71;
    font-family: "Roboto",Arial,sans-serif;
    font-size: 1vw;
    hyphens: manual;
    line-height: 1.5;
    overflow-wrap: break-word;
}
p {}
h1, h2, h3, h4, h5, h6 {color: #231f20;hyphens: manual;}
h1 {
    color: #2d2e83;
    display: inline-block;
    float: left;
    font-size: 1.6em;
    height: 3vw;
    line-height: 3.5vw;
}
h1::before {
    background-color: #e74724;
    border-radius: 50%;
    color: #fff;
    content: "";
    display: block;
    float: left;
    font-family: "linearicons";
    font-size: 0.6em;
    font-weight: bolder;
    height: 1.5vw;
    line-height: 1.5vw;
    margin-right: 1vw;
    margin-top: 0.75vw;
    text-align: center;
    width: 1.5vw;
}
h2 {
    color: #e74724;
    font-size: 1.4em;
    line-height: 1;
    margin-bottom: 0.1vw;
}
.producto h2, .categoria h2 {color: #fff;font-size: 1.4em;}
h3 {color: #e74724;font-size: 1.2em;}
h4 {color: #2d2e83;font-size: 1.2em;}
h5 {}
h6 {}
p, address {}
b, strong, .strong {font-weight: bold;}
em {font-style: italic;}
a, span {color: inherit;text-decoration: none;}
a {}
a:hover {opacity: 0.7;}
*::-moz-selection {background: #ccc none repeat scroll 0 0;color: #fff;}
form {float: left;}
input, textarea {
    -moz-appearance: none;
    background-color: #f1f2f3;
    border: medium none;
    border-radius: 0.5vw;
    box-shadow: none;
    font-family: "Roboto",sans-serif;
    min-height: 3.5vw;
    padding: 0.5vw 1vw;
}
select {-moz-appearance: menuitem;}
input[type="checkbox"] {-moz-appearance: checkbox !important;float: left;}
form input, textarea {font-size: 1.2em;margin-bottom: 1vw;}
form {width: 100%;}
label {display: block;font-size: 1.3em;margin-bottom: 0.5vw;}
legend {
    color: #e74723;
    font-size: 1.6em;
    margin-bottom: 1vw;
    margin-top: 2vw;
}
form input {
    background-color: #c6c6c5;
    display: block;
    margin-bottom: 1vw;
    width: 50%;
}
form input.button { margin-top: 1vw;}
form input[type="submit"]:disabled {
    background: #dddddd;
}
input[type="number"] {
    font-size: 1.2em;
    height: 3vw;
    padding: 0;
    position: relative;
    text-align: center;
}
input[type="number"]::before, input[type="number"]::after {
    background-color: #c6c6c5;
    border-radius: 1vw;
    color: #fff;
    font-weight: bold;
    position: absolute;
}
input[type="number"]::before {content: "-";}
input[type="number"]::after {content: "+";}
td.cdt {position: relative;width: 11vw;}
input[type="number"] {height: 3vw;width: 6vw;}
.spinner {
    display: block;
    font-size: 1.6em !important;
    height: 3.5vw !important;
    line-height: 3.5vw !important;
    position: absolute;
    width: 3.5vw !important;
}
.spinner.mas {right: 0;}
.spinner.menos {left: 0;}
.spinner:hover {opacity: 1 !important;}
#form-confirmacion {width: 100%;}
#form-confirmacion input[type="email"] {width: 100%;}
button, .button, input[type="submit"], input[type="button"], .btn {
    background-color: #e74723;
    border-radius: 0.5vw;
    border-style: solid;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    height: 3vw;
    line-height: 3vw;
    margin: 0;
    padding: 0vw 1vw;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}
.button.largo {text-align: center;width: 100%;}
.button:hover {opacity: 0.6;}
table {width: 100%;}
thead tr > * {
    color: #2c2e83;
    font-size: 1.2em;
    height: 2vw;
    text-align: center;
}
thead tr > th:first-child {text-align: left;}
tr > th, tr > td {
    border-bottom: 1px solid #bcbec0;
    font-size: 1.1em;
    height: 4vw;
    min-width: 8vw;
    padding: 0.75vw 0;
    text-align: center;
    vertical-align: middle;
}
tr td:first-child {text-align: left;}
tr td:last-child {text-align: right;}
th > span {font-size: 0.8em;}
table.tabla-compra {margin-top: 2vw;}
#tabla-carrito tr:last-child > td {border-bottom: medium none;}
#tabla-total {padding: 1vw;}
#tabla-total td {
    border: medium none;
    height: auto;
    line-height: 2em;
    padding: 0;
}
#tabla-total {background-color: #f1f2f2;}
#tabla-total q {
    color: #e74723;
    font-size: 1.4em;
    text-transform: uppercase;
}
#tabla-total *:not(q) {font-size: 1.1em;}
#tabla-total .precio {color: #6f6f6e;}
td.estado {width: 6vw;}
td.estado > * {cursor: pointer;float: right;}
td.total, td.total * {text-align: center !important;}
#content {
    background-image: url("img/fondo.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;

}
header {
    background-color: rgba(255, 255, 255, 0.8);
    float: left;
    height: 100%;
    padding: 1.5vw;
    width: 10vw;
}
nav {
    height: 100%;
    position: relative;
    width: 100%;
}
.menu-item a {
    background-color: #c6c6c6;
    border-radius: 50%;
    color: #fff;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    margin-bottom: 1vw;
    padding: 1vw;
    text-align: center;
    width: 7vw;
    height: 7vw;
}
.menu-item.private a {background-color: #e30513; width:4vw;height:4vw;}
.menu-item.private {bottom: 0;position: absolute;left:25px;}
.menu-item.private a {margin-bottom: 0;}
.menu-item i {font-size: 2vw;font-weight: bold;margin-bottom: 0.2vw;}
.menu-item a:hover, .menu-item.activo a {background-color: #e74724;opacity: 1;}
main {
    float: left;
    height: 100%;
    margin-left: 10vw;
    margin-right: 10vw;
    width: 70vw;
}
.lowercase {text-transform:lowercase; }
.titulo {
    border-bottom: 1px solid #e74724;
    box-sizing: border-box;
    height: 4vw;
    margin-top: 2vw;
}
.titulo h1{
   font-size:23px;
}
.titulo::after, .titulo::before {
    clear: both;
    content: "";
    display: block;
}
#atras {float: right;margin-left: 1vw;}
#atras::before {
    content: "\e875\e875";
    display: inline-block;
    font-family: "linearicons";
    font-size: 0.7em;
    font-weight: bold;
    letter-spacing: -5px;
    margin-right: 1vw;
}
.resumen-carrito {
    display: block;
    float: right;
    height: 3vw;
}
.resumen-carrito * {
    color: #2c2e83;
    display: inline-block;
    line-height: 3.5vw;
    vertical-align: baseline;
}
.resumen-carrito i {font-size: 1.4em;font-weight: bold;}
.pedido h2 {
    font-size: 1.6em;
    margin-bottom: 1vw;
    margin-top: 2vw;
}
.box {
    height: calc(100vh - 17vw);
    height: -webkit-calc(100vh - 17vw);
    height: -moz-calc(100vh - 17vw);
    margin-bottom: 0.3vw;
    margin-top: 0.3vw;
    overflow-y: scroll;
    padding-left: 1vw;
    padding-right: 1vw;
    position: relative;
    width: 100%;
}
#home .box {
    height: calc(100vh - 10vw);
    height: -webkit-calc(100vh - 10vw);
    height: -moz-calc(100vh - 10vw);
}
.box
{ max-height:532px; }
.descripcion {height: 19vw;}
.box.tabla {
    height: auto;
    max-height: calc(100vh - 40vw);
    max-height: -webkit-calc(100vh - 40vw);
    max-height: -moz-calc(100vh - 40vw);
}
.box.flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
}
.box.login {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-content: top;
    -webkit-align-content: top;
    -moz-align-content: top;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
	padding-top:20px;
}
.box.table {display: table;}
.box.scroll {align-content: flex-start;-moz-align-content: flex-start;-webkit-align-content: flex-start;}
.texto p {margin-bottom: 0.7em;}
.texto li::before {
    color: #e74723;
    content: "-";
    display: inline-block;
    font-weight: bold;
    margin-right: 0.5vw;
}
.producto, .categoria {}
.producto a, .categoria a {
    background-color: #fff;
    border-radius: 1vw;
    box-shadow: 0 0 0.6vw -0.1vw rgba(0, 0, 0, 0.5);
    display: block;
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    height: 17vw;
    margin: 1vw;
    overflow: hidden;
    position: relative;
    width: 14.6vw;
}
.producto .imagen, .categoria .imagen {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-content: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    justify-content: center;    
    -moz-justify-content: center;    
    -webkit-justify-content: center;    

    height: 100%;
    max-height: 10.5vw;
    padding: 1vw;
}
.producto img, .categoria img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.producto .datos, .categoria .datos {
    background-color: #e74723;
    bottom: 0;
    min-height: 5vw;
    padding: 0.7vw 1vw;
    position: absolute;
    width: 100%;
}
.producto .imagen {
	background-origin:content-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.strong {color: #2c2e83;}
.precio {color: #2c2e83;font-size: 1.5vw;}
ins {text-decoration: none;}
del {font-size: 0.8em;}
.variaciones .precio {color: #6f6f6e;}
.descripcion {padding-bottom: 3vw;padding-top: 3vw;}
.descripcion .imagen {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-content: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    background: #fff none repeat scroll 0 0;
    border-radius: 1vw;
    box-shadow: 0 0 0.6vw -0.1vw rgba(0, 0, 0, 0.5);
    float: left;
    height: 100%;
    margin-right: 5vw;
    overflow: hidden;
    padding: 2vw;
    position: relative;
    text-align: center;
    width: 25vw;
}
.descripcion .imagen {
	background-origin:content-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.descripcion .datos {
    float: left;
    width: calc(100% - 30vw);
    width: -moz-calc(100% - 30vw);
    width: -webkit-calc(100% - 30vw);
}
.descripcion .imagen img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.lightbox {
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;

    background-color: rgba(231, 71, 35, 0.85);
    display: none;
    height: 100vh;
    position: absolute;
    width: 100vw;
}
.content-lightbox {
    background-color: #fff;
    border-radius: 1vw;
    box-shadow: 0 0 0.6vw -0.1vw rgba(0, 0, 0, 0.5);
    height: auto;
    max-height: 80%;
    max-width: 80%;
    padding: 8vw;
    position: relative;
    text-align: center;
    width: auto;
}
.lightbox .cerrar {position: absolute;right: 2vw;top: 2vw;}
.lightbox h2 {font-size: 2vw;}
.lightbox h3 {color: #2c2e83;font-size: 2vw;}
.lightbox .button:not(.cerrar) {margin: 1vw 0.5vw;}
#lightbox-foto h2 {bottom: 4vw;left: 4vw;position: absolute;}
.lightbox img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    text-align: center;
    width: auto;
}
.ampliar {
    background-color: #c6c6c5;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 0.5vw 1vw;
    position: absolute;
}
.ampliar::before {
    content: "";
    float: left;
    font-family: "linearicons";
    font-weight: bold;
    margin-right: 0.5vw;
}
.pago {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-content: center;
    -moz-align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;

    background-color: #e74723;
    background-image: url("img/fondo2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 2px solid #fff;
    border-radius: 1vw;
    height: 40%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.pago > * {flex-basis: 100%;-moz-flex-basis: 100%;-webkit-flex-basis: 100%;width: 100%}
.pago * {font-size: 2rem;}
.pago h2 {color: #fff;position: relative;}
.pago p, .pago p * {color: #2c2e83;}
.descuento {
    background-color: #fff;
    border-radius: 50%;
    color: #e74723;
    display: inline-block;
    height: 5vw;
    line-height: 4vw;
    margin-left: 4vw;
    padding: 0.5vw;
    position: absolute;
    text-align: center;
    top: -50%;
    width: 5vw;
}
#modos-pago {}
#modos-pago .pago:first-child {background-position: right 0;}
#modos-pago .pago:last-child {background-position: right 60%;}
.finalizar-punto {margin-bottom: 1vw;margin-right: 5vw;width: 15vw;}
.finalizar-punto img {height: 15vw;margin-bottom: 1vw;}
.finalizar-punto h3 {color: #2c2e83;font-size: 1.6em;}
.movil {display: none !important;}
.escritorio {display: block;}
.escondido {position: absolute;text-indent: -99999px;}
.oculto {display: none;}
.derecha {text-align: right;}
.izquierda {text-align: left;}
.centro {text-align: center;}
.desplazadores {
    background-color: #666;
    border-radius: 1vw;
    cursor: pointer;
    height: 3.5vw;
    margin-left: auto;
    margin-right: auto;
}
.single-producto .desplazadores, .page .desplazadores {width: 100%;}
.productos .desplazadores, .categorias .desplazadores, .categoria-desplazadores {width: calc(100% - 4vw);width: -moz-calc(100% - 4vw);width: -webkit-calc(100% - 4vw);}
#subir {margin-bottom: 0vw;margin-top: 2vw;}
#bajar {margin-bottom: 2vw;margin-top: 0vw;}
.desplazadores::after {
    color: #fff;
    display: block;
    float: left;
    font-family: "linearicons";
    font-size: 3em;
    font-weight: bolder;
    line-height: 3.5vw;
    text-align: center;
    width: 100%;
}

#subir::after{content: "\e873";}
#bajar::after{content: "\e874";}

.none {display: none;}
.hidden {visibility: hidden;}
.color, .color * {color: #e74723;}
.b-gris {background-color: #c6c6c5;}.b-color {background-color: #e74723;}
.b-verde {background-color: #3aa935;}
.b-rojo {background-color: #e30513;}
.cerrar, .eliminar, .delete, .validar, .ver {height: 3.5vw;line-height: 3.5vw;}
.cerrar::after, .eliminar::after, .delete::after, .validar::after, .ver::after {
    color: #fff;
    font-family: "linearicons";
    font-size: 1.5em;
    font-weight: bold;
    line-height: 3.5vw;
}
.cerrar::after, .eliminar::after, .delete::after{content: "\e870";}
.validar::after{content: "\e832";}
.ver::after{content: "\e81b"}
.no-padding { padding: 0;}
.m-top {margin-top: 1vw;}
q::before, q::after{color: #2C2E83;font-size: 2em;margin-right: .2vw;margin-left: .2vw}
q::before { content:"\201C";display: inline-block; }
q::after  { content: "\201D";display: inline-block; }
.printMe {	
	width:190px;
	height:auto;
	display:none;
	font-weight:bold;
}
.printMe p{ 
	font-size:10pt;
	color:#000;
	font-family:Courier;
	
}
@media print {
                .noPrint { display: none;}
                .printMe {display: block;}
            }