@charset "utf-8";
/* CSS Document */
/*Colores
verde: #6e8834
gris claro: #eeeeee
rojo: #f00f00
negro titulos: #333333
texto: #676767
lineas: #cccccc
resaltado: #f09700
*/
@font-face {
	font-family: "csIco";
	src: url("fonts/csIco.eot");
		src: url("fonts/csIco.eot?#iefix") format("embedded-opentype"),
		url("fonts/csIco.woff") format("woff"),
		url("fonts/csIco.ttf") format("truetype"),
		url("fonts/csIco.svg#csIco") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "fuente1";
	src: url("fonts/fuente1.eot");
		src: url("fonts/fuente1.eot?#iefix") format("embedded-opentype"),
		url("fonts/fuente1.woff") format("woff"),
		url("fonts/fuente1.ttf") format("truetype"),
		url("fonts/fuente1.svg#fuente1") format("svg");
	font-weight: normal;
	font-style: normal;
}
.dummy{font-size:4em; }
.dummy tr td:nth-child(2), .dummy tr td:nth-child(5), .dummy tr td:nth-child(8){font-family:csIco;}
*{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
html{height:100%; margin:0px 0px;}
body{font-family:fuente1; color:#676767; height:100%; margin:0px 0px; padding:0px;}
a{color: inherit; text-decoration: none;}
header, section, footer, aside, nav, article, figure, figcaption, hgroup, div, label, h1, h2, h3{display:block;margin:0px;}
#bghead{height:44px; background-color:#eeeeee; top: 0px; border-top: #6e8834 5px solid; left:0px; right:0px; position:absolute;}
#bannerPrincipal{width:100%; height:auto;}
#bannerPrincipal img{width:100%; height:auto; max-width:100%;}

.astore{display:flex; flex-flow:column; height:100%;}
.astore > div {flex:0 0}
.astore > div:last-child {flex:1 1; min-height:600px;}

.creativaVS{width:1280px; max-width:100%; margin:0px auto; font-family:fuente1; position:relative;}
.creativaVS.cuerpoVS{height:100%;}
.creativaVS .header{height:127px; margin:0px auto; display:flex;position:relative; }
.creativaVS .header > section {position: relative; width: 100%; height: 100%;}
.creativaVS .header > section > span{position:absolute; height:32px; left:5px; top:5px; bottom:5px; text-align:center; line-height:32px;}
.creativaVS .header > section > span.m2{display:none;}

.creativaVS .header > section > span nav.menu{position:absolute; z-index:500;left:-5px; display:none; width:240px; transition:width 0.2s ease; padding-top:5px;}
.creativaVS .header > section > span:hover nav.menu{display:block; }

.creativaVS .header > section > span nav.menu > div{background-color:#ffffff; border-radius:8px; box-shadow: 5px 3px 10px rgba(0,0,0,.2); position:relative;}
.creativaVS .header > section > span nav.menu > div:before{position:absolute;  top:-20px; left:10px; content:'J'; font-family:csIco; color:#222222;}
.creativaVS .header > section > span nav.menu > div > div{padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; line-height:1.2em; border-bottom:#dddddd 1px solid; color:#222222; text-align:left; border-right: #dddddd 1px solid; width:240px;}
.creativaVS .header > section > span nav.menu > div > div:last-child{border-bottom:none;}
.creativaVS .header > section > span nav.menu > div > div > section{display:none; position:absolute; top:0px; left:240px; background-color:#ffffff; min-height:100%;}
.creativaVS .header > section > span nav.menu > div > div:hover > section{display:block; padding-left:20px;}
.creativaVS .header > section > span nav.menu > div > div > section a {position:relative; color:#333333; font-weight:normal; padding-top:10px; padding-bottom:10px; width:180px; display:inline-block; vertical-align:middle; padding-right:36px; margin-right:40px; border-right:#dddddd 1px solid; cursor:pointer; border-bottom: #eeeeee 1px solid;}
.creativaVS .header > section > span nav.menu > div > div > section a > span { display:block; display:none; position:absolute; top:5px; right:5px; color:#222222; font-size:0.8em;height:16px; line-height:16px; padding-left:4px; padding-right:4px;}
.creativaVS .header > section > span nav.menu > div > div > section  a > span {border:#222222 1px solid; border-radius:4px;}


.creativaVS .header > section > span >span, .creativaVS .header > section > span.m2{ font-family:csIco; font-size: 1.8em; color:#6e8834; cursor:pointer;}
.creativaVS .header .busca{position:absolute; height:32px; left:36px; top:5px; right:5px; border:#cccccc 1px solid; border-radius:4px; background-color:#ffffff;}
.creativaVS .header .busca>span#busca0{display:block;font-family:csIco; position:absolute; right:5px; top:5px; color:#777777; bottom:5px; width:30px; text-align:center; cursor:pointer; }
.creativaVS .header .busca>span#busca2{display:none;}
.creativaVS .header .busca>div{position:absolute; top:4px; left:4px; bottom:4px; right:32px;}
.creativaVS .header .busca>div>input{width:100%; height:100%; border:none; padding-left:10px;outline: none;}
.creativaVS .header .busca>span.alerta{position:absolute; left:50px; top:5px; height:20px; width:270px; background-color:#ffff00; color:#ff0000; font-size:0.7em; line-height:20px; border-radius:4px; box-shadow: 5px 3px 10px rgba(0,0,0,.2); display:none; font-family:fuente1}
.creativaVS .header .busca>span.alerta:before{position:absolute; left:-10px; top:4px; content:'';width: 0; height: 0;  border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:10px solid #ffff00;}
.creativaVS .header .busca>span.alerta.show{display:block}
.creativaVS .header #logoch {display:none; position: absolute; top: 8px; left: 40px; bottom: 2px; width: auto; height: 30px; }

.creativaVS .header > section > figure {position:absolute; left:0px; top:47px; width:200px;}
.creativaVS .header > section > figure img {width:95%; height:auto;}

.creativaVS .subtitulo{position: absolute; margin-top: 5px; right: 0px; top: 60px; width: calc(100% - 200px);}
.creativaVS .subtitulo a{font-weight:normal; font-style:normal; cursor:pointer;}
.creativaVS .subtitulo h1{display: inline-block; width: auto; border-bottom: #6e8834 4px solid; color: #6e8834; position: absolute; bottom: 0px; left: 0px; top: 24px; height: 40px;}
.creativaVS .subtitulo #ubicacion{line-height: 48px; height: 48px; position: absolute; top: -14px;}
.creativaVS .subtitulo #canasta{position:absolute; top:0px; right:5px; width:160px; height:48px; background-color:#eeeeee; border-radius:20px; font-style:normal; cursor:pointer; }
.creativaVS .subtitulo #canasta #ico{position:absolute; left:5px; top:2px; font-size:2.7em; font-family:csIco; font-weight:normal; color:#6e8834;}
.creativaVS .subtitulo #canasta #items{position:absolute; right:15px; top:5px; font-size:0.8em;}
.creativaVS .subtitulo #canasta #total{position: absolute; right: 15px; top: 19px; color: #f00f00; font-size: 1.2em;}
.creativaVS .subtitulo #canasta #total.PEN:before {content:'S/'; position:absolute; left:-19px; top:0px; font-size:0.8em;}
.creativaVS .subtitulo #canasta #total.USD:before {content:'U$'; position:absolute; left:-19px; top:0px; font-size:0.8em;}

.creativaVS .subtitulo #usuario{position: absolute; top: 14px; right: 180px; width: auto;  height: 24px; line-height: 24px; border-radius: 10px; font-style: normal; cursor: pointer; display: flex;}
.creativaVS .subtitulo #usuario #ico{margin-top: 1px; font-size: 1.5em; font-family: csIco; font-weight: normal; color: #777777;}
.creativaVS .subtitulo #usuario #ico.logueado{color: #6e8834;}
.creativaVS .subtitulo #usuario #nombreUsuario {padding-left: 10px; left: 40px; top: 5px; font-size: 0.8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.creativaVS .cuerpo{display:flex; margin-top:10px; max-width:100%; width:100%; height: calc( 100% - 20px);}
.creativaVS .cuerpo > nav.menu {flex:0 0 200px; width:200px; padding-right:10px; position:relative; direction:rtl;}
.creativaVS .cuerpo > nav.menu > div {position: absolute; top: 0px; bottom: 0px; right: 10px; overflow: auto; width: 204px !important; padding-left: 14px;}
.creativaVS .cuerpo > nav.menu section {margin-bottom:20px; border:#dddddd 1px solid; border-radius:4px; font-size:0.8em; direction:ltr;}
.creativaVS .cuerpo > nav.menu section > h2 {background-color:#eeeeee; border-bottom:#eeeeee 1px solid; padding:10px; position:relative; color:#333333;}
.creativaVS .cuerpo > nav.menu section > h2 > span {position:absolute; right:5px; top:10px; color:#6e8834; font-family:csIco; cursor:pointer;}
.creativaVS .cuerpo > nav.menu section > h2 > span:before {content:'T';}
.creativaVS .cuerpo > nav.menu section.mas {height:48px; overflow:hidden;}
.creativaVS .cuerpo > nav.menu section.mas > h2 > span:before{content:'V'}
.creativaVS .cuerpo > nav.menu section  div {border-bottom:#cccccc 1px solid; padding:8px; padding-right:36px; position:relative; line-height:20px; display:flex;}
.creativaVS .cuerpo > nav.menu section  a:last-child div {border-bottom:0px;}
.creativaVS .cuerpo > nav.menu section  div > span {position:absolute; top:9px; right:5px; color:#6e8834; font-size:0.8em; display:block; height:16px; line-height:16px; padding-left:4px; padding-right:4px;}
.creativaVS .cuerpo > nav.menu section  div > span {border:#6e8834 1px solid; border-radius:4px;}
.creativaVS .cuerpo > nav.menu section  div > input {float:left;}
.creativaVS .cuerpo > nav.menu section.subcats div {color:#6e8834; font-weight:bold; cursor:pointer; }

.creativaVS #tienda{position:relative; height:100%; width:100%;}
.creativaVS #tienda.nobanner .banner{display:none;}
.creativaVS #tienda .banner, .creativaVS #tienda .banner > img{width:100%; height:auto;}
.creativaVS #tienda > header {background-color:#eeeeee; padding:10px; display:flex; max-width:100%;}
.creativaVS #tienda > header .busca2{flex:0 0 380px; width:380px; position:relative; height:32px;}
.creativaVS #tienda > header .busca2 > div:nth-child(1){position:absolute; top:5px; left:5px; width:100px;bottom:5px;}
.creativaVS #tienda > header .busca2 > div:nth-child(2){position:absolute; top:5px; left:100px; right:5px;bottom:5px;}
.creativaVS #tienda > header .busca2 > div:nth-child(2) > div{position:absolute; top:0px; left:0px; right:0px; bottom:0px; border-radius:4px; background-color:#ffffff; border:#cccccc 1px solid;}
.creativaVS #tienda > header .busca2 > div:nth-child(2) > div > input{width:100%; height:100%; border:0px; background:transparent; padding-left:10px;outline: none; position: absolute; top: 0px; bottom: 0px;}
.creativaVS #tienda > header .orden{flex:1 1; padding-top:5px; padding-left:5px;}
.creativaVS #tienda > header .vista{flex:0 0 96px; width:96px; display:flex; border:#cccccc 1px solid; border-radius:4px; overflow:hidden; }
.creativaVS #tienda > header .vista > div{flex:0 0 33%; width:50%; text-align:center; line-height:32px; font-family:csIco; cursor:pointer; background-color:#eeeeee;}
.creativaVS #tienda > header .vista > div.sel{background-color:#777777; color:#ffffff;}
.creativaVS #tienda > header .vista > div:nth-child(2){border-left:#cccccc 1px solid;border-right:#cccccc 1px solid;}

.creativaVS #productos {padding-top:5px;position: absolute; left: 0px; bottom: 0px; top: 160px;overflow: auto; width: calc(100% + 20px);}
.creativaVS #tienda.nobanner #productos {top:60px;}
.creativaVS #productos > div {display:flex; flex-wrap:wrap; justify-content:left;}
.creativaVS #productos article{text-align:center; padding:10px; border:#dddddd 1px solid; width:216px; height:450px;}
.creativaVS #productos article.encanasta{background-color: #ffff002e;}
.creativaVS #productos article > figure {width:100%; position:relative; margin:0px auto; height:auto;}

.creativaVS #productos article > figure > a {position: relative;margin: 10px auto; display:block; width:100%; height:130px;z-index: 1; perspective: 1000;}
.creativaVS #productos article > figure > a > div > div > img {height:auto; height:auto; max-width:100%; max-height:100%;}

.creativaVS #productos article > figure > a > div { width: 100%; height: 100%; transform-style: preserve-3d; transition: all 1.0s linear;}
.creativaVS #productos article > figure > a > div > div {position: absolute; width: 100%;height: 100%;backface-visibility: hidden; top:0px;}
.creativaVS #productos article > figure > a > div > div:nth-child(2) {transform: rotateY(180deg);}
/*.creativaVS #productos article > figure > a:hover > div {transform: rotateY(180deg);}*/


.creativaVS #productos article > figure > figcaption{height:40px; text-overflow:ellipsis; font-weight:bold; font-size:0.8em; line-height:1.1em; overflow:hidden; }
.creativaVS #productos article > figure > div {position: absolute; top: -5px; right: -5px; font-family: csIco; font-size: 0.8em; cursor: pointer; color: #6e8834; background-color: #ffffffcc; border-radius: 12px; width: 24px; height: 24px; border: #6e883477 1px solid; padding-top: 3px; z-index:5}
.creativaVS #productos article > section h3 {color:#6e8834; height:48px; white-space:wrap; max-width:100%; font-size:1em; line-height:1.2em; padding-top:5px;}
.creativaVS #productos article > section h2 {display:none;}
.creativaVS #productos article > section p {margin:0px; overflow: hidden; position: relative; line-height: 1.2em; height: 3.6em; margin-right: -1em; padding-right: 1em; width:100%; font-size:0.8em;}
.creativaVS #productos article section.cantidads{position:relative;}

.creativaVS #productos article .precio {margin:10px; color:#f00f00; font-size:1.4em; position:relative; display:inline-block; width:auto; font-weight:bold;}
.creativaVS #productos article .precio.PEN:before, .creativaVS #productos article .descuento.sol:before  {content:'S/'; position:absolute; left:-19px; top:0px; font-size:0.8em;}
.creativaVS #productos article .precio.USD:before, .creativaVS #productos article .descuento.dolar:before {content:'U$'; position:absolute; left:-19px; top:0px; font-size:0.8em;}
.creativaVS #productos article .precio:after{position:absolute; left: calc(100% + 5px); bottom:7px; font-size:0.8em; width:auto; background-color:#6e8834; color:#ffffff; height:14px; line-height:14px; font-size:0.5em; text-align:center; border-radius:4px; padding-left:4px; padding-right:4px;}
.creativaVS #productos article .precio.un:after{content:'un';}
.creativaVS #productos article .precio.dc:after{content:'doc';}
.creativaVS #productos article .precio.cn:after{content:'cien';}
.creativaVS #productos article .precio.mm:after{content:'500';}
.creativaVS #productos article .precio.mi:after{content:'1000';}
.creativaVS #productos article .precio.gr:after{content:'gr';}
.creativaVS #productos article .precio.lg:after{content:'50gr';}
.creativaVS #productos article .precio.cg:after{content:'100gr';}
.creativaVS #productos article .precio.ig:after{content:'150gr';}
.creativaVS #productos article .precio.dg:after{content:'500gr';}
.creativaVS #productos article .precio.kg:after{content:'kg';}
.creativaVS #productos article .precio.cj:after{content:'caja';}
.creativaVS #productos article .precio.pq:after{content:'paquete';}

.creativaVS #productos article .descuento {margin:-10px; color:#777777; font-size:0.6em; position:relative; display:block; width:auto; font-weight:bold; padding-left:15px; text-decoration:line-through; margin-top:-2px;}

.creativaVS #productos article .cantidad{display:flex; flex-wrap:nowrap; text-align:center; justify-content:center; margin-top:10px;}
.creativaVS #productos article .cantidad > div, .creativaVS .productos > article .cantidad > input{flex:0 0 32px; width:32px; height:32px; line-height:32px;}
.creativaVS #productos article .cantidad > div{font-size:1.5em; font-weight:bold; color:#ffffff; background-color:#6e8834; border-top-right-radius:4px;border-bottom-right-radius:4px; cursor:pointer; user-select: none;}
.creativaVS #productos article .cantidad > input{flex:0 0 64px; width:64px; max-width:64px !important; border:#6e8834 1px solid; text-align:center;}
.creativaVS #productos article .cantidad > div:nth-child(1){border-radius:0px; border-top-left-radius:4px;border-bottom-left-radius:4px;}
.boton {display:inline-block; height:32px; padding-left:30px; padding-right:30px;line-height:32px; background-color:#6e8834; text-align:center; color:#ffffff; cursor:pointer; margin-top:10px; border-radius:4px;}
.creativaVS #productos article .elimina{display: block;  height: 32px;  width: 32px; margin: 10px auto; line-height: 32px; background-color: #aaaaaa; text-align: center; color: #ffffff; cursor: pointer; border-radius: 4px; font-family: csIco;}

.creativaVS #productos.lista {display:block;}
.creativaVS #productos.lista #contenedor:not(.productop) article{display:flex; text-align:left; width:100%; height:auto;}
.creativaVS #productos.lista article > figure{text-align:center; width:160px; flex:0 0 160px;}
.creativaVS #productos.lista article > figure > figcaption{display:none}
.creativaVS #productos.lista article > section {flex:1 1;}
.creativaVS #productos.lista article > section > section{padding-left:20px;}
.creativaVS #productos.lista article > section > section:nth-child(2){flex:1 1;}
.creativaVS #productos.lista article > section h3, .creativaVS #productos.lista article > section p {height:auto;}
.creativaVS #productos.lista article .cantidad {width:126px;}
.creativaVS #productos.lista article > section h2 {display:block;}

/*.creativaVS #productos.canasta{padding-bottom:40px;}*/
.creativaVS #productos.canasta #contenedor{display:block;}
.creativaVS #productos.canasta h1{font-size: 1.5em; height: 40px; line-height: 32px; color: #6e8834; position:relative; color:#6e8834; padding-left:32px; }
.creativaVS #productos.canasta article > section h2 {display:block; font-size:1.2em;}
.creativaVS #productos.canasta h4{text-align: right; display: block; font-size: 1.5em; background-color: #cccccc; margin-top: 0px; height: 48px; line-height: 48px; padding-right: 20px;}
.creativaVS #productos.canasta h4 span{color: #ff0000;font-size: 1.1em;padding-left: 40px; position:relative;}
.creativaVS #productos.canasta h4.sol span:before {content:'S/'; position:absolute; left:10px; top:-10px; font-size:0.8em;}
.creativaVS #productos.canasta h4.dolar span:before {content:'U$'; position:absolute; left:10px; top:-10px; font-size:0.8em;}
.creativaVS #productos.canasta h4 label{display: inline-block; margin-left: 40px; background-color: #6e8834; color: #ffffff; height: 32px; line-height: 32px; vertical-align: middle; margin-top: -5px; padding-left: 40px; padding-right: 40px; font-size: 0.8em; border-radius: 8px; cursor:pointer; }
.creativaVS #productos.canasta h1:before {position:absolute; left:5px; top:0px; content:'['; font-family:csIco}
.creativaVS #productos.canasta #contenedor:not(.productop) article{display:flex; text-align:left; height:auto; border: none; border-bottom: #cccccc 1px solid; padding-top: 10px;width:100%}
.creativaVS #productos.canasta article > figure{text-align:center; width:160px;}
.creativaVS #productos.canasta article > figure > figcaption{display:none}
.creativaVS #productos.canasta article > section{padding-left:20px;}
.creativaVS #productos.canasta article > section:nth-child(2){flex:1 1;}
.creativaVS #productos.canasta article > section p {height: auto;}
.creativaVS #productos.canasta article > section > h3, .creativaVS .productos.lista > article > section > p {height:auto;}
.creativaVS #productos.canasta article .cantidad {width:126px;}
.creativaVS #productos.canasta article > section > h2 {display:block;}
.creativaVS #productos.canasta article .elimina{position: absolute; top: -10px; left: 130px;}

.creativaVS #productos.canasta h3#h3del{text-align: right; display: block; font-size: 1.2em; background-color: #eeeeee; margin-top: 0px; line-height: 24px; padding-right: 20px; margin-bottom:10px;}
.creativaVS #productos.canasta h3{display: block; font-size: 1em;margin-top: 0px; line-height: 15px; padding-left: 10px;}
.creativaVS #productos.canasta h3 span{color: #ff0000;font-size: 1.1em; position:relative;}
.creativaVS #productos.canasta h3.sol span:before {content:'S/'; position:absolute; left:10px; top:-10px; font-size:0.8em;}
.creativaVS #productos.canasta h3.dolar span:before {content:'U$'; position:absolute; left:10px; top:-10px; font-size:0.8em;}
.creativaVS #productos.canasta h3 i{font-size:0.5em; color:#777777 !important;}
.creativaVS #productos.canasta h3 i span{color: #222222;}


.creativaVS #productos article.encanasta .elimina{position: absolute; right: -2px; top: -10px;}

.creativaVS #productos article .cantidads{position: absolute; top: -10px; right: -5px;}
.creativaVS #productos article .elimina:hover{background-color:#f00f00;}

.creativaVS #productos .productop{display:flex; top:0px;}
.creativaVS #productos .productop > figure{flex:0 0 400px; width:400px; }
.creativaVS #productos .productop > article.producto{flex:1 1; text-align: justify; border:none;}
.creativaVS #productos .productop > article.producto .descripcion{text-align:justify; }
.creativaVS #productos .productop > article.producto h1{font-size:2em; margin-bottom:10px; text-align:left; }
.creativaVS #productos .productop > article.producto h1 span{color:#6e8834;}
.creativaVS #productos .productop > article .precio {margin-left:17px;}
.creativaVS #productos .productop > article .cantidad{text-align:center; justify-content:left;}
.creativaVS #productos .productop > figure > div{width:100%; height:auto; position:relative;}
.creativaVS #productos .productop > figure > div > img{width:100%; height:auto;}
.creativaVS #productos .productop > figure > div img{cursor:pointer; }
.creativaVS #productos .productop > figure > div > div.tn {position:absolute; top:100%; text-align:center; width:100%; display: flex;}
.creativaVS #productos .productop > figure > div > div.tn > div {width:100px; height:100px; margin: 10px; border: #eeeeee 1px solid; text-align: center; padding: 10px; position: relative;}
.creativaVS #productos .productop > figure > div > div.tn > div > img {width:auto; height:auto; max-width: 100%; max-height: 100%; position: absolute; top: 0px; bottom: 0px; margin: auto; left:0px; right: 0px;}
.creativaVS #productos .productop > figure > div > div.zoom {position:absolute;  bottom:30px; right:20px; font-family:csIco; cursor:pointer; }
.creativaVS #productos .productop table{width:100%; text-align:left; }
.creativaVS #productos .productop table tr:first-child>td{border-top: #eeeeee 1px solid;}
.creativaVS #productos .productop table tr>td{font-size: 0.9em; border-bottom: #eeeeee 1px solid; padding: 5px;}
.creativaVS #productos .productop table tr>td:nth-child(2){width:20px; text-align:center; }
.creativaVS #productos .productop table tr>td:nth-child(1){width:100px; white-space:nowrap; }


.creativaVS.zoom{position:relative;}
.creativaVS.zoom .cuerpo > nav.menu {display:none}
.creativaVS.zoom .cuerpo > nav.menu {display:none}
.creativaVS.zoom .header{display:none}
.creativaVS.zoom #header{display:none}
.creativaVS.zoom #tienda{position:static; }
.creativaVS.zoom #tienda .banner{display:none;}
.creativaVS.zoom #tienda > header {position:absolute; top:0px; left:0px; right:0px;}
.creativaVS.zoom #productos{position:absolute; top:50px; left:0px; right:0px; bottom:0px; background-color:#ffffff;}
.creativaVS.zoom #productos article{width:213px;}

.cambiosPrecio{margin:20px; margin-top:0px; padding:10px; background-color:#eeeeee; border:#D3B821 1px solid; border-radius:4px; font-size:0.8em;}
.cambiosPrecio nav{font-size: 1.2em; color: #d3b821; margin-bottom: 5px; font-weight: bold;}
.cambiosPrecio a{color:#777777;}
.cambiosPrecio div{position:relative; padding-left:28px;}
.cambiosPrecio div:before {position: absolute; content: 'b'; top: 1px; left: 10px; font-family: csIco; color: #d3b821;}


/*.creativaVS.cargando{filter: blur(4px); transition:filter 4s ease; }*/
div#cargando{visibility: visible; position:absolute; top:0px; bottom:0px; right:0px; left:0px; z-index:1000; background-color:#ffffff; opacity:100; transition:opacity 1s ease, visibility 1s ease-out;}
div#cargando.cargado{opacity:0; visibility:hidden;}

#percent {display: block; width: 160px; border: 1px solid #CCC; border-radius: 5px; margin: 50px auto 20px; padding: 10px; color: #1ABC9C; font-family: "Lato", Tahoma, Geneva, sans-serif;
  font-size: 35px;
  text-align: center;
}

/*#donut { display: block; margin: 0px auto; color: #1ABC9C; font-size: 20px; text-align: center;}*/
.donut-size {font-size: 5em; position: absolute; margin-top: -0.5em; top: 50%; width:100%;}
.donut-size > label {font-size:0.15em; text-align:center; margin-top:1em; position:absolute; width:100%;}
.donut-size .pie-wrapper img {position: absolute; height:auto; top:0px; left:0px; transform:translate(-50%,-100%)}
.pie-wrapper { position: relative; width: 1em; height: 1em; margin: 0px auto; overflow:visible; }
.pie-wrapper .pie { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; clip: rect(0, 1em, 1em, 0.5em);}
.pie-wrapper .half-circle { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0.1em solid #1abc9c; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em);}
.pie-wrapper .right-side {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.pie-wrapper .label { position: absolute; top: 0.52em; right: 0.4em; bottom: 0.4em; left: 0.4em; display: block; background: none; border-radius: 50%; color: #7F8C8D; font-size: 0.25em; line-height: 2.6em; text-align: center; cursor: default; z-index: 2;}
.pie-wrapper .smaller { padding-bottom: 20px; color: #BDC3C7; font-size: 0.45em; vertical-align: super;}
.pie-wrapper .shadow { width: 100%; height: 100%; border: 0.1em solid #BDC3C7; border-radius: 50%;}


.csCombo{width: 150px; height: 24px; background-color: #6e8834; display: inline-block; position: relative; color: #222222; vertical-align: bottom; border-radius: 4px; font-size: 0.8em; outline:none;}
.csCombo>div div {padding-left: 10px; padding-right: 10px; line-height: 24px; cursor: pointer; max-width: 100%; overflow: hidden;}
.csCombo>div:first-child{width: 100%; height: 100%; color: #ffffff; position: relative;}
.csCombo>div:first-child>div::after{width: 8px; height:8px; position: absolute; right: 8px; bottom: 8px; border: #ffffff solid; border-width: 0 2px 2px 0; content: ''}
.csCombo>div:first-child>div.sel::after, .csCombo>div:first-child:hover>div::after{border-color: #ffff00}
.csCombo>div:nth-child(2){position: absolute; top: 24px; background-color: #ffffff; border: #cccccc 1px solid; min-width: 100%; max-height: 300px; overflow-x: hidden; overflow-y: auto;box-shadow: 2px 2px 4px 2px rgba(200,200,200,0.5); z-index: 100; max-width: 100% !important;}
.csCombo>div:nth-child(2)>div{height: 24px; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
.csCombo>div:nth-child(2)>div:hover{background-color: #eeeeff;}
.csCombo>div:nth-child(2)>div.sel{background-color:#6e8834; color: #ffffff;}
.redesCombo img{max-height: 20px; width: auto; padding-top: 2px;}
.redesCombo{width: 60px;}
.redesCombo.csCombo>div:nth-child(2)>div{text-align: center;}
.redesCombo.csCombo{background-color: #ffffff !important; display: inline-block;}
.redesCombo.csCombo>div:first-child>div::after{ border-color: #222222; bottom: 4px;}
.bordesCombo.csCombo{width: 92px; background-color: #ffffff !important; display: inline-block; vertical-align: top;}
.bordesCombo.csCombo>div:first-child{color: #222222;}
.bordesCombo.csCombo>div:first-child>div::after{ border-color: #222222; bottom: 4px;}
.italic{font-style: italic;}

#popup{text-align: center; color: #444444;}
#popupAlerta{display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10000; text-align: center; height: 100%;}
#popupAlerta:before{content:''; display: inline-block; width: 0; height: 100%; vertical-align: middle; background-color: #ff0000;}
#popupAlerta h4{color: #00a2f6; margin: 0px; font-size: 2em;}
#popupAlerta>div{display: inline-block; width: 480px; max-width: 100%; height: auto; vertical-align: middle; background-color: #ffffff; padding: 20px; border-radius: 20px; box-shadow: 2px 2px 40px 10px rgba(0,0,0,0.4); border-left: #00a2f6 20px solid;}
#popupAlerta h1{display: inline-block; width: 70px; height: 64px; background: url(img/profeAviso.png); margin: 0px;}
#popupAlerta .mensaje{text-align: justify; color: #444444;}
#popupAlerta .boton, #popup .boton{padding: 10px; margin: 20px; margin-bottom: 0px; background-color: #00a2f6; width: auto; display: inline-block; color: #ffffff; min-width: 150px; border-radius: 8px; box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.4); cursor: pointer; vertical-align: middle;}
#popupAlerta .ping{margin: 10px;}
#popupAlerta .ping>div{width: 132px; display: inline-block; position: relative; vertical-align: middle; height: 20px;}
#popupAlerta .ping>div:after{width: 6px; height: 6px; border-radius: 50%;background-color: #00a2f6; position: absolute; top: 14px; content: ''; left: 32px;animation:mueve 2s linear infinite;}
#popupAlerta .ping>div>img:nth-child(1){position: absolute; top: 0px; left: 0px; width: 32px; height: 32px;}
#popupAlerta .ping>div>img:nth-child(2){position: absolute; top: 0px; right: 0px; width: 32px; height: 32px;}
#popupAlerta ul{text-align: left}

.fondoPopup{position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(20,20,20,0.8); z-index:10000;}
.fondoPopup #popup{background-color:#ffffff; border:#eeeeee 2px solid; position:absolute; overflow:visible; padding:0px; left: 50%; top: 50%; border-radius:10px; transform:translate(-50%,-50%);}
.fondoPopup #popup .cierra{color: #f55e4f; font-family: csIco; font-size: 2em; width: 16px; height: 16px; position: absolute; top: 0px; right: 16px; cursor: pointer; z-index: 20;}
#popup .spinner:after{color:#bbbbbb;}


body.login{padding:30px; background:none;}
input::-ms-reveal {display: none;}
::placeholder{color: #ccc;}
:-ms-input-placeholder{color: #ccc;}
::-ms-input-placeholder {color: #ccc;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important;}
#login{display:block;}
#recuerda{display:none;}
#registro{display:none;}
#verifica{display:none;}
#cambia{display:none;}
.login h1{text-align:center; margin-top:0px; margin-bottom:20px;}
.login form div.input{height:50px; position:relative;  margin-bottom:16px;}
.login form div.input.auto{height:auto !important;}
.login div.input {border-bottom:#dddddd 5px solid; position:relative; }
.login input[type='password'], .login input[type='text'], .login input[type='email']{position:absolute; left:48px; top:10px; right:0px; width:calc( 100% - 48px); height:24px; line-height:24px; border:0; outline:none; color:#333333;}
.login div.input>i {position:absolute; top:14px; left:16px; font-family: "csIco"; font-style:normal; color:#777777;}
.login div.input>span {position:absolute;width:0px; height:5px; bottom:-5px; left:0px; background-color:#6e8834; transition:width 0.5s ease;}
.login div.input input:focus + span {width:100%;}
.login div.input input:focus ~ i {color:#6e8834;}
#ojo1, #ojo2, #ojo3{width:24px; height:24px; position:absolute; right:16px; top:14px; overflow:hidden; visibility:hidden; }
#ojo1:before, #ojo2:before, #ojo3:before{visibility:visible; width:24px; height:24px; position:absolute; top:0px; left:0px; content:'h'; font-family:csIco; color:#777777;}
#ojo1:checked:before, #ojo2:checked:before, #ojo3:checked:before{content:'g'}
.login .olvidar{float:right; margin-top:-10px; text-align:right; cursor:pointer; font-size:0.9em;}
.login .olvidar:hover{color:#6e8834;}
.login .botonl{height:48px; line-height:48px; text-align:center; background-color:#6e8834; color:#ffffff; margin-top:48px !important; border-radius:24px; font-weight:bold; cursor:pointer;}
.login  .botonl.botonn{height:36px; line-height:36px; background-color:#aaaaaa; margin:0px auto !important; font-size:0.8em; width:160px;}
.login h2{margin:0px; margin-top:36px;font-size:1em; text-align:center;}
.login .redes{text-align:center;}
.login .redes > span{display:inline-block; font-family:csIco; margin:10px; font-size:3em; cursor:pointer;}
.login .redes > span.fb{color:#2263a5;}
.login .redes > span.go{color:#f01600b0; font-size:2.9em;}
.login .redes>span:hover{color:#222222;}
.login h3{text-align:center; margin:0px; margin-top:30px; cursor:pointer; font-size:1em;}
.login h3 u{color:#6e8834;}
.login h3:hover{color:#6e8834;}
.login form#registro div.input, form#cambia div.input{height:32px;}
.login form#registro.linea div.input.direccion{height:auto; position: relative;padding-right: 24px; padding-bottom: 5px; padding-top: 5px;}
.login form#registro.linea div.input.direccion > span{font-family: csIco; color: #f00f00; position: absolute; right: 15px; top: 7px; left: auto; cursor:pointer; }

.login form#registro input[type='password'], form#registro input[type='text'],  form#registro input[type='email'], form#cambia input[type='password'], form#cambia input[type='text'],  form#cambia input[type='email'], form#direccion input[type='password'], form#direccion input[type='text'],  form#direccion input[type='email']{top:4px;}
.login form#registro .input>i, form#cambia .input>i, form#direccion .input>i {top:6px;}
.login form#registro #ojo2{top:6px;}
.login form#registro .botonl{height: 36px; line-height: 36px; margin: 0px; margin-top: 30px !important;}
.login form#registro h3{margin-top: 10px; font-size: 0.8em;}
.login form textarea{margin-left:48px; margin-top:4px; width:calc( 100% - 48px); height:48px; line-height:24px; border:0; outline:none; color:#333333;}
.login form section{height:54px; overflow:hidden; margin-top:20px; padding:10px; transition:height 0.5s ease, border 0.1s ease; background-color: #ffffff; text-align:left; margin-bottom:10px;border: #ffffff 2px dashed;border-bottom: #eeeeee 1px solid;}
.login form#registro.linea{display:block;}
.login form.linea h1{margin-bottom: 10px;}
.login form.linea section{height: 38px; margin: 0px; padding: 10px; margin-bottom: 0px;}
.login form section.nuevo{height:500px; border:#6e8834 2px dashed; position: absolute; top: 60px; left: 10px; right: 10px; z-index:100; overflow:auto;}
.login form.linea section.nuevo{top:80px}
.login form section .abre{cursor:pointer; padding-bottom: 20px;}
.login form section.nuevo #agregar.botonn, .login form section.nuevo .abre{display:none;}
.login form section h3{margin-top:20px;}
.login form section h2{margin: 10px; font-size: 1.4em;}
.login form .select{margin-left:48px; margin-top:1px; width: calc( 100% - 96px)}
.login .csCombo>div:nth-child(2){max-height:200px;}
.nocierre{text-align: center; color: #6e8834; text-decoration: underline; font-weight: bold; margin: 10px; margin-bottom: -10px;}

.login form#direccion div.input > label{display:inline;}
.login form#pagoform{display:none;}

body.bigp #bigp{visibility:visible;}
#bigp{visibility:hidden; position:fixed; left:0px; right:0px; bottom:0px; top:0px; background-color:#ffffffcc; z-index:1000;}
#bigp > div {position: absolute; top: 50%; left: 50%; width: 0px; height: 0px; transition: all ease 0.4s; max-height: 100%; max-width: 100%;}
#bigp.grande > div {width: 1000px;height: 500px;transform: translate(-50% , -50%);overflow: visible;text-align: center; }
#bigp > div > img{width: auto; height: auto; max-width: 100%; max-height: 100%; border: #eeeeee 20px solid; padding: 20px; background-color: #ffffff; box-shadow: rgba(0,0,0,.2) 10px 10px 10px 0px; border-radius: 10px;}

.orden1{background-color:#6e8834; height:300px; position:absolute; top:0px; left:0px; right:0px; z-index:1;}
.orden2{width:550px; margin:0px auto; max-width:100%; height:auto; position:relative;border:#eeeeee 10px solid; z-index:1000;}
.orden3{background-color:#ffffff; max-width: 550px; width: 90%; position:relative; width:100%;}
.orden3 h1{font-size:4em; font-weight:bold; color:#6e8834; margin-top:40px;}
.orden3 h2{color:#6e8834; margin:0px; margin-bottom:20px;}
table.orden tr td{padding:5px; border-bottom:#eeeeee 1px solid; padding-top:10px; padding-bottom:10px;}
table.orden tr td label {font-size:0.7em;}
table.orden tr td:last-child, table.orden tr td:nth-child(4), table.orden tr td:nth-child(3) {text-align:right; white-space:nowrap; }
table.orden tr:first-child td{background-color:#6e8834; color:#ffffff; height:48px; line-height:48px; border-bottom:#6e8834 1px solid;}
table.orden tr:last-child td{background-color:#eeeeee; height:48px; line-height:48px;}
table.orden tr:last-child td:first-child{font-weight:bold;}
table.orden tr:last-child td:last-child{font-size:1.3em;}

.etiqueta{position:relative; padding-left:20px !important; cursor:pointer; }
.etiqueta > input {position:absolute; top:0px; left:0px; right:0px; bottom:0px; opacity:0; z-index:10; width:100%; height:100%;}
.etiqueta > span:before {display: block; width: 12px; height: 12px; background-color: #eeeeee; color: #ffffff; top: 1px; left: -167px; position: absolute; font-family: csIco; content: ''; font-weight: lighter; border-radius: 1px;}
.etiqueta > input:checked ~ span:before{background-color:#6e8834;}

.creativaVS .cuerpo > nav.menu section#firma{background-color: #ffffff;color: #6e8834;font-size: 0.6em;line-height: 0.1em;text-align: center;}
.creativaVS .cuerpo > nav.menu section#firma div{line-height: 1.5em; padding-right: 8px; display: block;}

div.contacto{width:32px; height:32px; position:fixed; bottom:10px; right:10px; z-index:10000; border-radius:16px; background-color:#ffffffaa; color:#6e8834; font-family: csIco;border: #6e8834aa 1px solid; text-align: center; line-height: 28px; cursor: pointer;}

article.destacado{position:relative; overflow:hidden;}
article.destacado:after {width: 72px;height: 48px;z-index: 10;position: absolute;left: -32px;top: -22px;content: 'B';font-family: csIco;color: #ffffff;background: #6e8834;line-height: 72px;transform: rotate(-45deg);}

.promocion{position: relative; overflow: hidden; border-radius: 10px; width: 100%; height: 100%;}
.promocion #promocion{display: flex; flex-direction: row; flex-wrap: nowrap; transition: all 0.5s ease; position: absolute; left: 0px; top: 0px;}
.promocion #promocion img{width: 360px; height: 360px;}
.promocion #bullets{display: flex; justify-content: center; position: absolute; bottom: 10px; left: 0px; right: 0px; height: 12px;}
.promocion #bullets span{width: 12px; height: 12px; border: #ffffffaa 1px solid; background-color: #ffffff22; border-radius: 12px; margin-left: 5px; margin-right: 5px; cursor: pointer;}
.promocion #bullets span.act{background-color: #ffffff77}
.promocion #izq, .promocion #der{position: absolute; height: 100%; width: 24px; top: 0px; bottom: 0px; left: auto; right: auto;}
.promocion #izq{left: 0px;}
.promocion #der{right: 24px;}
.promocion #izq span, .promocion #der span{color: #ffffff55; position: absolute; width: 48px; height: auto; top: 50%; left: 0px; text-align: center; cursor: pointer;}
.promocion #izq span{transform:  translateY( -12px) rotate(-90deg);}
.promocion #der span{transform:  translateY( -12px) rotate(90deg);}
.promocion #izq:hover span, .promocion #der:hover span{color: #ffffffaa;}

@media screen and (max-width: 1315px) {
	.creativaVS, .creativaVS .header{width:1064px;}
	.creativaVS.zoom #productos article{width:212px;}
}
@media screen and (max-width: 1099px) {
	.creativaVS, .creativaVS .header{width:848px;}
	.creativaVS:not(.zoom) #tienda > header {display:block; position:relative; }
	.creativaVS:not(.zoom) #tienda > header > nav {height:36px}
	.creativaVS:not(.zoom) #tienda > header > nav.busca2 { width:100%}
	.creativaVS:not(.zoom) #tienda > header > nav.vista {position:absolute; bottom:10px; right:10px;}
	.creativaVS.zoom #productos article{width:211px;}
	.creativaVS #tienda.nobanner #productos {top: 100px;}
	.creativaVS #productos .productop > figure { flex: 0 0 200px; width: 200px;}
	.creativaVS #productos .productop > article.producto h1 { font-size: 1.6em;}
}
@media screen and (max-width: 883px) {
	.creativaVS{width:632px;height: calc(100% - 15px);}
	.creativaVS .header{width:632px;}
	.creativaVS .cuerpo{height: calc( 100% - 125px);}
	.creativaVS .subtitulo h1{display:none;}
	.creativaVS .subtitulo #ubicacion {top: 36px; font-size:0.8em;}
	.creativaVS .subtitulo #usuario {top:4px}
	.creativaVS.zoom #tienda > header {display:block;}
	.creativaVS.zoom #tienda > header > nav {height:36px}
	.creativaVS.zoom #tienda > header > nav.busca2 { width:100%}
	.creativaVS.zoom #tienda > header > nav.vista {position:absolute; bottom:10px; right:10px;}
	.creativaVS .subtitulo #canasta{font-size:0.8em; height:36px;}
	.creativaVS .subtitulo #canasta #ico{position:static; left:10px;}
	.creativaVS.zoom #productos{top:100px;}
	
	/*.creativaVS.zoom #tienda > header {top:40px;}
	.creativaVS.zoom #productos{top:140px;}*/
	.creativaVS #productos .productop > figure {flex: 0 0 100%;}
	.creativaVS #productos .productop > figure > div > div.tn {position:static; }
}
@media screen and (max-width: 640px) {
	#bghead {position: fixed; z-index: 100;height: 84px; background: url(img/barra.png), #ffffff; border-bottom: #6e8834 1px solid;}
	.creativaVS{width:416px;padding-top: 50px;}
	.creativaVS .cuerpo{height: calc( 100% - 90px); margin-top:-10px}
	.creativaVS .header{height:70px; position: fixed; width: 416px; top: 5px; z-index: 1000; background:url(img/barra.png);}
	.creativaVS .header > section {top: -2px;}
	.creativaVS .header .busca {width:0px; right: 32px; overflow: visible; left: auto; border-color: #eeeeee; z-index:100; background:transparent; transition: width 0.2s ease;}
	.creativaVS .header .busca>div, .creativaVS .header .busca>span#busca0{display: none;}	
	.creativaVS .header .busca.show {left: 120px; width:auto; border: #cccccc 1px solid; background-color:#ffffff; height: 33px;}	
	.creativaVS .header .busca.show>div, .creativaVS .header .busca.show>span#busca0{display: block;}	
	.creativaVS .header .busca>span#busca2 {display:block; right: 0px; top: 2px; width: 28px; font-size: 1.2em; padding-top: 4px; height: 28px; background-color: #6e8834; color: #ffffff; border-radius: 14px;position: absolute; right: -32px; font-family:csIco; text-align:center; cursor:pointer; }
	.creativaVS .header #logoch {display:block;}
	.creativaVS .header > section > figure {display:none;}
	.creativaVS .subtitulo{position:static;}
	
	.creativaVS .subtitulo #ubicacion {height:24px;; line-height:24px; margin:0px; top:50px}
	.creativaVS .subtitulo #ubicacion i{ color:#6e8834; text-decoration:underline;}
	.creativaVS .subtitulo #ubicacion > a { color: #333333;}
	.creativaVS .subtitulo #usuario{ width: 32px; height: 32px; overflow: hidden; top: 8px; right: 64px; font-size: 1.4em; position: absolute; left:auto; right:32px;}
	.creativaVS .subtitulo #usuario #nombreUsuario, .creativaVS .subtitulo #canasta #items {display:none;}
	.creativaVS .subtitulo #canasta{position: absolute; right: 70px; width: auto; height: 32px; font-size: 0.6em; top: 5px;  display: flex; background-color: #6e8834; border-radius: 20px; font-style: normal; cursor: pointer; padding-right:10px; padding-left:5px}
	.creativaVS .subtitulo #canasta #ico {top: 0px; left: 5px; font-size: 4em; flex: 0 0 32px; width: 32px; padding-left: 5px; color:#ffffff;}

	.creativaVS .subtitulo #usuario #ico { position: absolute; left: 0px; top: 2px; font-family: csIco; font-weight: normal;}
	.creativaVS .subtitulo #canasta #total {color: #ffffff; font-size: 2em; padding-left: 20px; border-radius: 8px; padding-right: 5px; flex: 1 1; line-height: 32px; position: relative; top: 0px; right: 0px; }
	.creativaVS .subtitulo {font-size:0.8em;}
	.creativaVS .header > span {display:none;}
	.creativaVS .header span.m1{display:none;}
	.creativaVS .header > section > span.m2{display:block; font-family:csIco}
	.creativaVS .cuerpo > nav.menu {display:none; position: absolute; top: 48px; height: auto; z-index: 1000;}
	.creativaVS .cuerpo > nav.menu.visible {display:block;background-color: #6e883455; border-radius: 4px;}
	.creativaVS .cuerpo > nav.menu > div { position: static; overflow:visible; padding: 5px; padding-left: 20px; padding-right: 0px; padding-bottom: 0px;}
	.creativaVS .cuerpo > nav.menu > div >section {background-color: #ffffff; box-shadow: 5px 3px 10px rgba(0,0,0,.2)}
	.etiqueta > span:before {left:-160px}
	.creativaVS > h1{display:none}
	.creativaVS:not(.zoom) #tienda{width:100%}
	.creativaVS:not(.zoom) #tienda .banner{display:none}
	.creativaVS:not(.zoom) #productos article{width:208px;}
	.creativaVS:not(.zoom) #productos {top:100px;}
	.creativaVS #producto{}
	.creativaVS #productos{position:static;overflow:visible; width:100% }
	.creativaVS #productos article > section h3 {height: auto; margin-bottom:5px;}
	.creativaVS #productos .productop > article.producto{text-align:center;display: block; width:100%;}
	.creativaVS #productos .productop > article .cantidad{ justify-content: center; ;}
	.creativaVS #productos .productop > figure { flex: 0 0 100%; width: 100%;}
	.creativaVS #productos.canasta article > section p{display:none;}
	.creativaVS #productos.canasta article > section h2{font-size:0.9em;}
	.donut-size .pie-wrapper img {width:320px; transform: translate(-140px, -100%)}
}
@media screen and (max-width: 425px) {
	.creativaVS, .creativaVS.cuerpoVS{width:330px;}
	.creativaVS .header{width: 330px;}
	.creativaVS:not(.zoom) #productos article, .creativaVS.zoom #productos article{width:330px; display: flex; height: auto;}
	.creativaVS #productos.canasta article .elimina {left: 116px;}
	.creativaVS #productos article > figure { position: relative; margin-right:10px;}
	.creativaVS #productos article > section { width:100%}
	.creativaVS #tienda > header .vista {width: 32px; right:15px; height:32px;}
	.creativaVS #tienda > header .vista > div {flex: 0 0 100%; width: 100%;}
	.creativaVS #tienda > header .vista > div:nth-child(1), .creativaVS #tienda > header .vista > div:nth-child(2){display:none;}
	.creativaVS .subtitulo #canasta #items {display:none;}
	.creativaVS .subtitulo #canasta #total.sol:before { left:5px;}
	.creativaVS #productos article .cantidad > input { flex: 0 0 40px; width: 40px;}
	.creativaVS #productos article > section h2 {font-size: 0.8em; max-height: 4em; text-overflow: ellipsis; overflow: hidden;}
}