/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
	color: #333;
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
}
   
::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea { resize: vertical; }
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.right { float: right; }
.wrap {
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* pop up */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 1em auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-img {
	border-top: 30px solid #000;
	border-bottom: 30px solid #000;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close {
	width: 25px;
	height: 25px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close {
	color: #fff;
	background: red;
	-webkit-border-bottoms: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	top: 8px;
	right: 8px;
	opacity: 1;
	line-height: 1em;
	font-size: 1.5rem;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: center;
}
.white-popup-login {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 0px solid #000000;
	max-width: 100%;
	width: 400px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background: #fff;
	padding: 1em;
}
.white-popup-popup {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 0px solid #000000;
	max-width: 100%;
	width: 640px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background: #fff;
	padding: 16px;
}
/* slider */
/** RESET AND LAYOUT
===================================*/
.slider {
	margin: 0 auto;
	display: block;
	height: auto;
	background: #fff;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
 *zoom: 1;
	width: 100%;
	overflow: hidden;
}
.bx-wrapper img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
/** THEME 
===================================*/

.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);/*! min-height:400px; */
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 100%; }
/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	margin: 1em 0;
	width: 100%;
	/*! position: absolute; */
	bottom: 0;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #CFC3B5;
	text-indent: 9999em;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #483193; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 99;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	right: 10px;
	background: url(../img/arrow-right.svg) no-repeat center;
	opacity: .3;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
	background: url(../img/arrow-right.svg) no-repeat center;
	opacity: 1;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	left: 10px;
	background: url(../img/arrow-left.svg) no-repeat center;
	opacity: .3;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
	background: url(../img/arrow-left.svg) no-repeat center;
	opacity: 1;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	/* background: url(img/controls.png) -86px -44px no-repeat;*/
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
#bx-pager {
	width: 100%;
	font-size: 0;
}
#bx-pager a {
	width: 25%;
	font-size: 1rem;
	text-align: center;
	margin-top: -3em;
	z-index: 999999;
	color: #58585A;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: .5em;
	background-color: #E8E6DE;
}
#bx-pager a.active {
	background: #1882A7;
	color: #fff;
}
/* varios */
.container {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
	position: relative;
}
/* header */
header {
	position: relative;
	width: 100%;
	background: url(../img/techito.gif) repeat-x center top;
}
.header { margin: 0 auto; }
.header.container {
	padding: 1em;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
header h1 {
	display: inline-block;
	vertical-align: middle;
	width: 182px;
}
header h1 img {
	width: 100%;
	height: auto;
	margin-top: 16px;
	transition: all .5s ease-in-out;
	image-rendering: -webkit-optimize-contrast; /* Chrome, Edge, Opera, and Safari */
	image-rendering: crisp-edges;
}
header nav {
	display: block;
	clear: both;
	background: #CFC3B5;
	width: 100%;
	border-bottom: 2px solid #827C78;
}
header nav ul.nav-principal {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
	transition: all 0.1s ease-in-out
}
header nav ul.nav-principal li { /*! text-align: left; */ /*! margin-right: 1px; */ /*! line-height: 1rem; */ }
header nav ul.nav-principal li a {
	color: #fff;
	text-rendering: optimizeLegibility !important;
	text-align: center;
	padding: 1rem;
	display: block;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	font-size: 1rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	box-sizing: border-box;
	border: none;
	position: relative;
	text-transform: uppercase;
}
header nav ul.nav-principal li a.active::after {
	content: '';
	position: absolute;
	width: 0px;
	height: 2px;
	left: 50%;
	bottom: 0;
	background-color: #009D80;
	transition: all ease-in-out .2s;
}
header nav ul.nav-principal li a:hover { background: #827C78; }
header nav ul.nav-principal li a:hover::after {
	width: 100%;
	left: 0;
}
header nav ul.nav-principal li .dropdown-content a {
 padding: .5rem .5rem .5rem 1.3rem;
	font-size: 14px;
	border-top: 1px solid #827C78;
	color: #fff;
	background: #CFC3B5 url(../img/bullet-rojo.png) no-repeat center left 4px;
}
header nav ul.nav-principal li .dropdown-content a:hover {
	background: #827C78 url(../img/bullet-rojo.png) no-repeat center left 6px;
	;
	color: #fff;
}
footer {
	background-color: #EEEEEE;
	margin-top: 80px;
	float: left;
	display: block;
	width: 100%;
}
footer a { color: #000; }
footer a:hover { opacity: .6; }
footer .half { padding-top: 1em; }
footer li {
	background: url(../img/bullet-rojo.png) no-repeat center left;
	padding-left: 16px
}
footer h4 { margin: 0; }
footer .caja {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	min-height: 185px;
	text-align: left;
}
footer .caja img {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
}
footer .fidelis {
	background: #827C78;
	color: #fff;
	padding: 8px;
	font-size: .8em;
	text-align: center;
	display: block;
	clear: both;
}
.half {
	width: 49%;
	display: inline-block;
	vertical-align: top;/*! margin-bottom: 1em; */
}
.tercio {
	width: 32.5%;
	display: inline-block;
	vertical-align: middle;
}
.tercios {
	width: 62.5%;
	display: inline-block;
	vertical-align: middle;
}
.box {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	background: rgb(184,232,220);
	background: linear-gradient(180deg, rgba(184,232,220,1) 0%, rgba(255,255,255,1) 100%);
	display: inline-block;
	width: 20%;
	padding: 20px 8px;
	margin: 1%;
	position: relative;
	color: #08705C;
	line-height: 1.2rem;
	font-weight: bold;
	font-size: 1.2rem;
	vertical-align: top;
}
.box:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.box img {
	width: 100%;
	height: auto;
	padding: 1.5rem 1rem;
}
.box span {
	height: 60px;
	display: block;
}
.logo-footer {
	display: inline-block;
	max-width: 80%
}
.logo-footer img {
	width: 100%;
	height: auto;
	padding: 10px;
}
.nav-footer {
	width: 75%;
	display: inline-block;
	text-align: right;
}
.nav-footer li { display: inline-block; }
.nav-footer li a {
	padding: 8px 12px 8px 8px;
	font-size: 13px;
	border-right: 1px solid #fff;
}
footer .container {
	padding: 16px;
	margin-top: 30px;
	display: block;
	clear: both;
}
.btn {
	background: #CFC3B5;
	padding: 6px 8px;
	color: #fff;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.btn-grande { font-size: 1.5rem; }
.control-superior {
	float: right;
	margin: 1rem 0;
	position: relative;
}
.control-superior .buscador {
	background: #EEEEEE;
	padding: 4px 40px 4px 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: .5em 0;
}
.control-superior input {
	border: 0 none;
	border-right: 1px solid #827C78;
	background: none;
	font-size: 14px;
	color: #827C78;
	margin: 4px;
	width: calc(100% - 126px);
}
.control-superior select {
	border: 0 none;
	background: none;
	font-size: 13px;
	color: #827C78;
	width: 110px;
}
input[type=text]:focus, input[type=password]:focus { outline: none; }
.control-superior .lupa {
	background: #483193 url(../img/lupa.svg) no-repeat center;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	right: 4px;
	top: 11px;
}
.botones-header .btn { width: 49%; }
.botones-header .btn.inscribete { background: #ED1C2E; }
.botones-header .btn.inscribete:hover { background: #de1b2b; }
.botones-header .btn.inscribete:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right: .5em;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/inscribete.svg) no-repeat center;
	background-size: 100%;
}
.botones-header .btn.login { background: #6CB33F; }
.botones-header .btn.login:hover { background: #5d9c36; }
.botones-header .btn.login:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right: .5em;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/ingresar.svg) no-repeat center;
	background-size: 100%;
}
.dropdown .dropbtn {
	font-size: 16px;
	border: none;
	outline: none;
	padding: 16px 46px 16px 16px;
	font-family: inherit;
	margin: 0;
	background: url(../img/dropdown-menu.gif) no-repeat center right 16px;
}
header nav ul.nav-principal li a.home {
	font-size: 16px;
	border: none;
	outline: none;
	font-family: inherit;
	margin: 0;
	background: url(../img/home.gif) no-repeat center left 10px;
	display: block;
	padding: 16px 16px 16px 36px;
}
header nav ul.nav-principal li a.home:hover { background: #827C78 url(../img/home.gif) no-repeat center left 10px; }
header nav ul.nav-principal li.dropdown .dropbtn:hover { background: #827C78 url(../img/dropdown-menu.gif) no-repeat center right 16px; }
.dropdown-content {
	display: none;
	position: absolute;
	/*! background-color: red; */
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown:hover .dropdown-content { display: block; }
h2 {
	font-size: 32px;
	font-weight: normal;
	margin: 0;
	padding: .5em 0;
	display: inline-block;
	text-transform: uppercase;
}
h3.morado {
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	padding: .5em 0;
	display: inline-block;
}
h2.morado:before, h3.morado:before {
	content: '';
	width: .3em;
	height: .29em;
	display: inline-block;
	border-radius: 20px;
	border: 2px solid #483193;
	background: #483193;
	vertical-align: middle;
	margin-right: .3em;
	margin-bottom: .1em
}
.marcas { padding-bottom: 2em; }
.marcas li {
	display: inline-block;
	width: 8%;
}
.marcas li img {
	width: 100%;
	height: auto;
}
.box-verde, .box-morado {
	display: block;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
.box-verde h4 {
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 1em 0;
	color: #6CB33F;
}
.box-verde h4:before {
	content: '';
	width: .3em;
	height: .29em;
	display: inline-block;
	border-radius: 20px;
	border: 2px solid #6CB33F;
	background: #6CB33F;
	vertical-align: middle;
	margin-right: .3em;
	margin-bottom: .1em;
}
.box-verde .bloque {
	background: #6CB33F;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1em
}
.box-morado h4 {
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 1em 0;
	color: #483193;
}
.box-morado h4:before {
	content: '';
	width: .3em;
	height: .29em;
	display: inline-block;
	border-radius: 20px;
	border: 2px solid #483193;
	background: #483193;
	vertical-align: middle;
	margin-right: .3em;
	margin-bottom: .1em
}
.box-morado .bloque {
	background: #483193;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1em
}
.box-morado p, .box-verde p, .box-verde small, .box-morado small {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #fff;
}
.box-verde .bloque div, .box-morado .bloque div { width: 60%; }
.box-verde img, .box-morado img {
	width: 30%;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 0
}
.box-verde .btn, .box-morado .btn {
	margin-top: 1em;
	font-size: .8em;
	background: #FAC408;
	min-width: 220px;
}
.productos {
	min-width: 100%;
	font-size: 0;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 1rem 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}
.productos li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 18%;
	-ms-flex: 0 1 18%;
	flex: 0 1 18%;
	font-size: 15px;
	padding: 16px;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	transition: all .5s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	background: #fff;
}
.productos li:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
	border: 0 none;
}
.productos li.producto-agotado:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	border: 0 none;
}
.especial {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 16px;
	font-size: .8em;
	background: #FAC408;
	padding: 3px 6px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.nuevo {
	display: inline-block;
	position: absolute;
	background: #ED1C2E;
	color: #fff;
	top: 0;
	left: 16px;
	padding: .5em;
	font-weight: bold;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.dcto-producto {
	display: inline-block;
	position: absolute;
	background: #ED1C2E;
	color: #fff;
	top: 0;
	left: 16px;
	;
 padding:.5rem;
	font-weight: bold;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	line-height: .8em;
	font-size: 1.5em;
	text-align: center;
}
.dcto-producto small {
	display: block;
	font-size: .5em;
}
.productos li img, .beneficios li img {
	display: block;
	width: 100%;
	height: auto;
}
.productos .producto_tit {
	margin-top: 10px;
	text-align: center;
	color: #827C78;
	font-size: 14px;
	line-height: 1.2em;
	height: 53px;
	overflow: hidden;
}
.productos .por_puntos {
	text-align: center;
	display: block;
	color: #ED1C2E;
	font-weight: bold;
	line-height: 1em;
	font-size: .8em;
}
.productos .puntos {
	display: inline-block;
	vertical-align: middle;
	font-size: 2em;
	margin: 0;
}
.productos .puntos_club {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.ver-detalle {
	display: inline-block;
	width: 70%;
	text-align: center;
	background: #483193;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: .8em;
	padding: .75em .3em;
	font-weight: bold;
}
.ver-detalle:before {
	content: '';
	display: inline-block;
	vertical-align: bottom;
	margin-right: .5em;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/lista.svg) no-repeat center;
	background-size: 100%;
}
.ver-detalle:hover { background: #6F3ABA }
.agregar-carro {
	display: inline-block;
	vertical-align: bottom;
	width: 25%;
	text-align: center;
	background: #ED1C2E;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: .8em;
	padding: .5em;
	font-weight: bold;
	float: right;
}
.agregar-carro:hover { background: #c91827; }
.btn-base {
	background: #ED1C2E;
	padding: 6px 16px;
	color: #fff;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.titular .btn-base { margin-top: 2em; }
.linea-roja {
	border: 2px solid #ED1C2E;
	max-width: 1440px;
	margin: 1em auto;
	padding: 2em 1em;
	box-sizing: content-box;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.beneficios {
	min-width: 100%;
	font-size: 0;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 1rem 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.beneficios li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 18%;
	-ms-flex: 0 1 18%;
	flex: 0 1 18%;
	font-size: 15px;
}
.beneficios li a {
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	background: #EEEEEE;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	transition: all .5s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	overflow: hidden;
	padding-bottom: 1em;
}
.beneficios li a:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1); }
.beneficios .logo-dscto {
	width: 100%;
	background: #CFC3B5;
	display: block;
}
.beneficios .logo-dscto img {
	width: 40%;
	margin: -30px auto 0 auto;
}
.beneficios .beneficios-detalle {
	text-align: center;
	color: #827C78;
	font-size: 14px;
	height: 63px;
	display: block;
	overflow: hidden;
	padding: 1rem;
	line-height: 1.1em;
	margin-bottom: 10px;
}
.descuento {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px;
}
.beneficios .porcentaje {
	color: #ED1C2E;
	;
	font-weight: bold;
	font-size: 1.5em;
	padding-left: 31px;
	line-height: 1em;
	background: url(../img/banderin.png) no-repeat left bottom;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
.beneficios .porcentaje span {
	font-size: 1.7em;
	padding-top: 1rem;
}
.beneficios li a:hover .ver-detalle { background: #6F3ABA; }
.extras {
	min-width: 100%;
	font-size: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	margin: 0px auto 0px auto;
}
.extras .half.box-videos, .extras .half.box-contacto {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 49%;
	-ms-flex: 0 1 49%;
	flex: 0 1 49%;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 1rem;
	color: #fff;
}
.box-videos {
	background: #FAC408;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2em;
}
.box-videos .detalle-videos {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.box-videos .btn-base {
	font-size: .7em;
	display: block;
	width: 250px;
	margin-top: 1em;
}
.box-videos img {
	width: 48%;
	height: auto;
	display: inline-block;
	float: right;
}
.box-contacto {
	background: #ED1C2E;
	font-size: 1rem;
}
.box-contacto h4 {
	margin: 0;
	font-size: 1.5rem;
}
.box-contacto .half {
	position: relative;
	background: #BE1E2D;
	border: 1px solid #fff;
 padding:.5rem;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 1rem;
	margin-top: 4px;
}
.box-contacto .half.dudas { line-height: 1.3em; }
.box-contacto .half strong {
	width: 100%;
	display: inline-block;
}
.fono, .carta {
	position: absolute;
	background: #fff;
	padding: 6px;
	top: -6px;
	right: -2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.white-popup-login img { max-width: 40%; }
.white-popup-login form {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CFC3B5;
	padding: 1rem 2rem;
	margin-top: 1em;
}
.white-popup-login h3 {
	margin: 0;
	text-transform: uppercase;
	color: #827C78;
}
.white-popup-login input {
	margin: .5em 0;
	background: #EEEEEE;
	border: 0 none;
	padding: 7px 7px 7px 40px;
	width: 100%;
	box-sizing: border-box;
}
.white-popup-login .btn {
	margin: .5em 0;
	background: #ED1C2E;
	border: 0 none;
	padding: 7px;
	width: 100%;
	box-sizing: border-box;
}
.white-popup-login .olvido {
	display: inline-block;
	border: 0 none;
	padding: 7px 7px 7px 20px;
	color: #666;
	box-sizing: border-box;
	font-size: .9em;
	background: url(../img/llave.svg) no-repeat left center;
	background-size: 1rem;
}
.white-popup-login .olvido:hover { text-decoration: underline; }
.white-popup-login .rut {
	background: #eeeeee url(../img/usuario.svg) no-repeat left 5px center;
	background-size: 1.5rem;
}
.white-popup-login .llave {
	background: #eeeeee url(../img/candado.svg) no-repeat left 5px center;
	background-size: 1.5rem;
}
.sidebar {
	position: fixed;
	z-index: 998 !important;
	right: 0;
	width: 350px;
	height: 100vh;
	background-color: #fff;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
}
.sidebar.sidebar-view { transform: translateX(0); }
.sidebar h2 {
	margin: 0;
	padding: 16px 16px 0px 16px;
	font-size: 24px;
}
.sidebar h4 {
	margin: 0;
	padding: 0 16px;
	font-size: 16px;
}
.sidebar .tabla-productos { font-size: .8em; }
.sidebar .tabla-productos p { margin: 0; }
.sidebar .contenedor-tabla {
	margin: 1em;
	height: 65vh;
	overflow-y: auto;
	overflow-x: hidden;
}
.sidebar .contenedor-tabla.vacio {
	background: url(../img/caja-gris.jpg) no-repeat center;
	background-size: 100%;
}
.carro-compras {
	position: absolute;
	top: 50%;
	display: block;
	background: red;
	padding: 14px;
	width: 70px;
	height: 50px;
	left: -70px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
}
.estado-despacho {
	position: absolute;
	top: 50%;
	display: block;
	background: #483193;
	padding: 14px;
	width: 70px;
	height: 50px;
	left: -70px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	margin-top: 65px;
}
.estado-despacho img {
	max-width: 100%;
	height: auto;
}
.carro-compras span {
	position: absolute;
	top: -15px;
	left: -15px;
	display: block;
	background: #5FBB46;
	padding: 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-weight: bold;
	color: #fff;
	-webkit-box-shadow: -9px 13px 25px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: -9px 13px 25px -16px rgba(0,0,0,0.75);
	box-shadow: -9px 13px 25px -16px rgba(0,0,0,0.75);
	min-width: 35px;
	text-align: center;
}
.tabla-productos td {
	border-top: 1px solid #ccc;
	padding: 5px;
}
.tabla-productos img { border: 1px solid #ccc; }
.eliminar {
	display: block;
	background: red;
	padding: 0;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-weight: bold;
	color: #fff;
}
.sidebar .titulo {
	display: block;
	height: 12vh;
}
.sidebar .comprar {
	display: block;
	height: 23vh;
	background: #CFC3B5;
	padding: 1em;
	text-align: right;
}
.sidebar .subtotal {
	font-weight: bold;
	font-size: 1.2em;
}
.sidebar .comprar .btn {
	background: #483193;
	margin-top: 8px;
}
.fondo-negro, .fondo-negro2 {
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.8);
	z-index: 2;
}
.disponibles-header {
	background: #6CB33F;
	width: 80%;
	display: inline-block;
	position: relative;
 padding:0 .5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: .9em;
	height: 45px;
	line-height: 1.1em;
}
.disponibles-header .nombre-usuario {
	display: inline-block;
	vertical-align: middle;
}
.disponibles-header .puntos-cartola {
	font-weight: bold;
	line-height: .7em;
	font-size: 1.1em;
	text-align: center;
	display: inline-block;/*! background:red; */
}
.tienes-disponibles {
	width: 100%;
	display: block;/*! background:blue; */
	/*! font-size:.8rem; */
}
.disponibles-header .nombre {
	width: calc(100% - 30px);
	display: block;
	padding: 5px 0 2px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.disponibles-header .puntos-cartola small {
	display: inline-block;
	font-size: .6em;
	font-weight: normal;
	width: 70px;
	vertical-align: top;
	text-align: left;
	margin-top: -4px;
	line-height: 1em;
}
.disponibles-header a { color: #fff; }
.disponibles-header .btns-cartola a:hover { text-decoration: underline; }
.disponibles-header .abrir-menu {
	display: block;
	width: 100%;
	background: url(../img/dropdown-menu.gif) no-repeat top 3px right;
}
.disponibles-header .btns-cartola {
	position: absolute;
	background: #483193;
	width: 100%;
	text-align: center;
	left: 0;
	color: #fff;
	bottom: -117px;
 padding:.5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 99;
}
.disponibles-header .btns-cartola :after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #483193;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.disponibles-header .btns-cartola a {
	font-size: .9em;
 padding: .5rem 1.2em;
	display: block;
	border-bottom: 1px solid #fff;
}
.disponibles-header .btns-cartola a:last-of-type { border-bottom: 0; }
.salir {
	background: #ED1C2E;
	width: 19%;
	display: inline-block;
	position: relative;
 padding:.8rem .5rem .5rem .5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: .9em;
	height: 45px;
	color: #fff;
	text-align: center;
}
.salir::before, .cerrar::before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right: .5em;
	width: 1.2em;
	height: 1.2em;
	background: url(../img/salir.svg) no-repeat center;
	background-size: auto;
	background-size: 100%;
}
.canjes {
	width: 80%;
	min-width: 80%;
}
.canjes .productos li, .canjes .beneficios li {
	margin-bottom: 16px;
	-webkit-flex: 0 1 23%;
	-ms-flex: 0 1 23%;
	flex: 0 1 23%;
}
.interior {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
 margin-top:.8rem;
}
.volver {
	color: #ed1c2e;
	font-weight: bold;
}
.mis-puntos {
	background: #ed1c2e;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	padding: 4px 16px 4px 16px;
}
.mis-puntos div {
	display: inline-block;
	margin: 0 8px 0 0;
	font-weight: 600;
	vertical-align: middle;
}
.mis-puntos div small {
	display: block;
	margin-bottom: -8px;
}
.mis-puntos div .puntos {
	display: inline-block;
	font-size: 2em;
}
.mis-puntos div span {
	display: inline-block;
	font-size: .4em;
	line-height: 1;
}
.mis-puntos a {
	display: inline-block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	background: #483193;
	padding: 8px;
	text-align: center;
	line-height: 1.1em;
	font-weight: bold;
	font-size: .8em;
	vertical-align: middle;
}
.sidenav {
	display: inline-block;
	width: 18%;
	margin: 1rem 0;
}
.sidenav .nav-lateral li {
	border: 1px solid #CFC3B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
	background: #fff;
	text-transform: uppercase;
	position: relative;
}
.sidenav .nav-lateral li a, .sidenav .nav-lateral li .lista {
 padding:.5rem;
	display: block;
	font-size: .8em;
	font-weight: 400;
	cursor: pointer;
	color: #333;
	line-height: 1.1em;
}
.sidenav .nav-lateral li .lista:after {
	content: '+';
	float: right;
	color: #ADA49A;
}
.sidenav .nav-lateral li .lista.on:after {
	content: '-';
	float: right;
	color: #fff;
}
.sidenav .nav-lateral li .lista.on {
	background: #CFC3B5;
	color: #fff;
}
.sidenav .nav-lateral li .lista.on + .accordionContent { display: block !important; }
.sidenav .nav-lateral li li {
	border: 0 none;
	margin: 8px 0;
}
.sidenav .nav-lateral li li a {
	padding: 0 0 3px 16px;
	border-bottom: 1px dashed #ADA49A;
	margin: 0;
	background: url(../img/gold-bullet.jpg) no-repeat left 4px top 4px;
}
.sidenav .nav-lateral li .destacado, .sidenav .nav-lateral li .destacado-convenio { overflow: visible!important; }
.sidenav .nav-lateral .destacado {
	background: #FAC408;
	overflow: visible;
	padding-left: 16px;
}
.sidenav .nav-lateral .destacado-convenio {
	background: #6CB33F;
	overflow: visible;
	padding-left: 16px;
	color: #fff;
}
.destacado:after, .destacado-convenio:after {
	content: 'nuevo';
	position: absolute;
	left: -10px;
	top: -10px;
	background: red;
	color: #fff;
	padding: 4px;
	font-size: .8em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	transform: rotate(-20deg);
}
.sidenav .nav-lateral li a:hover, .sidenav .nav-lateral li a.active, .sidenav .nav-lateral li .lista:hover, .rango-puntos a:hover { font-weight: bold; }
.rango-puntos {
	border: 1px solid #CFC3B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
	background: #fff;
	text-transform: uppercase;
	position: relative;
}
.rango-puntos a {
	padding: 3px 0 3px 16px;
	border-bottom: 1px dashed #ADA49A;
	margin-bottom: 8px;
	display: block;
	font-size: 12px;
	color: #333;
	background: url(../img/gold-bullet.jpg) no-repeat left 4px center;
}
.rango-puntos a span {
	font-weight: bold;
	background: #E20025;
	width: 40px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0px;
	margin-right: 4px;
}
.rango-puntos h4 { margin: 8px 8px 16px 8px; }
.controles {
	display: block;
	clear: both;
}
.breadcrumbs {
	display: inline-block;
	font-weight: bold;
	color: #827C78;
	padding-top: 16px;
}
.breadcrumbs a {
	display: inline-block;
	font-weight: bold;
	color: #827C78;
}
.ordenar select {
	display: inline-block;
	border: 0 none;
	border-right-color: currentcolor;
	border-right-style: none;
	border-right-width: 0px;
	font-size: 14px;
	color: #827C78;
	margin: 4px;
	width: 200px;
	height: 40px;
	padding: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/select.png) no-repeat center right 4px
}
.controles.convenios .ordenar select { background: #eeeeee url(../img/select.png) no-repeat center right 4px!important; ; }
.buscar {
	position: relative;
	display: inline-block;
}
.buscar input {
	border: 0 none;
	border-right-color: currentcolor;
	border-right-style: none;
	border-right-width: 0px;
	background: #fff;
	font-size: 14px;
	color: #827C78;
	margin: 4px;
	width: 200px;
	height: 40px;
	padding: 4px 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.controles.convenios .buscar input { background: #eeeeee; }
.buscar .lupa {
	background: #483193 url(../img/lupa.svg) no-repeat center;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.filtrar-puntos h5, .filtrar-rangos h5 { display: none; }
.fila_precios {
	width: 100%;
	clear: both !important;
	display: block;
}
.columna_precio {
	width: 49%;
	display: inline-block;
}
.columna_precio img {
	width: 20%;
	height: auto;
	border: 2px solid #CFC3B5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}
.columna_precio .nombre-producto {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 16px;
	font-size: 1.3rem;
	margin-bottom: -10px;
}
.columna_precio .codigo {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 16px;
}
.columna_precio .precio {
	width: 100%;
	font-weight: bold;
	padding: .4em 0 0 0;
	color: #E20025;
	font-size: 50px;
	margin: 0;
	line-height: 1em;
	display: inline-block;
}
.columna_precio .puntos-club {
	width: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #E20025;
	font-size: 18px;
	line-height: 1em;
	display: inline-block;
	margin-bottom: 1.5rem;
}
.columna_precio .ir_carrito, .columna_precio .imprimir {
	width: 49%;
	font-size: 13px;
	margin-bottom: 1em;
	background: #3d2882;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	margin: 0 auto .5em auto;
	text-align: center;
	padding: .5em 1em;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.columna_precio .ir_carrito:hover, .columna_precio .imprimir:hover { background: #6aaf23; }
.columna_precio .ir_carrito:before {
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin-right: .5em;
	background: url(../img/carrito.png) no-repeat center center;
	background-size: 100%;
	vertical-align: top;
}
.columna_foto {
	width: 49%;
	display: inline-block;
	position: relative;
}
.columna_foto .fotos_grandes {
	overflow: hidden;
	border: 2px solid #CFC3B5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.columna_foto img.foto_producto {
	width: 100%;
	height: auto;
	cursor: zoom-in;
}
.columna_foto .miniaturas img {
	width: 70px;
	filter: grayscale(100%);
}
.columna_foto .miniaturas li {
	display: inline-block;
	margin: .5em .5em .5em 0;
	border: 2px solid #ccc;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.columna_foto .miniaturas li.ui-state-active {
	border: 2px solid #CFC3B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.columna_foto .miniaturas li.ui-state-active img { filter: grayscale(0%); }
.pestanias { margin: 0; }
.fila_detalle {
	width: 100%;
	display: block;
	clear: both;
	font-size: 14px;
	padding-top: 3em!important;
}
.fila_detalle {
	width: 100%;
	display: block;
	clear: both;
	font-size: 14px;
	padding-top: 3em!important;
}
.fila_detalle .caracteristicas {
	border: 1px solid #CFC3B5;
	/*! padding:1em; */
	margin-top: -1px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	overflow: hidden;
}
.fila_detalle .caracteristicas a {
	color: #E20025;
	font-weight: bold;
}
.fila_detalle .caracteristicas a:after {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(../img/links.png) no-repeat left bottom;
	background-size: 80%;
	margin-left: .5em;
}
.fila_detalle .pestanias li {
	display: inline-block;
	margin-right: 5px;
}
.fila_detalle .pestanias li a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #fff;
	padding: .5em 2em;
	font-size: 16px;
	color: #333;
	border: 1px solid #CFC3B5;
	font-weight: bold;
	display: block;
}
.fila_detalle .pestanias li.ui-state-active > a { background: #CFC3B5; }
.fila_detalle .caracteristicas li, ul.mas-caracteristicas li {
	background: url(../img/gold-bullet.jpg) no-repeat left 5px;
	padding-left: 15px;
}
.fila_detalle p { padding-left: 15px; }
.fila_detalle .cincuenta {
	width: 49%;
	display: inline-block;
}
.ui-tabs-panel ul { padding: 1em; }
.importante {
	background: #CFC3B5;
	padding: 1em 1.5em;
	box-sizing: border-box;/*! width:100%; */
}
.importante.claro {
	background: #EEEEEE;
	margin-bottom: 1em;
}
.importante * { margin: 6px; }
.actualizacion .importante * { margin: 0; }
a.fb {
	background: url(../img/fb2.svg) no-repeat center;
	display: inline-block;
	color: #040b24;
	height: 24px;
	width: 24px;
	text-indent: -99em;
	overflow: hidden;
	background-size: 100%;
	vertical-align: bottom;
}
a.insta {
	display: inline-block;
	color: #040b24;
	height: 24px;
	width: 24px;
	background: url(../img/ig2.svg) no-repeat center;
	background-size: 100%;
	text-indent: -99em;
	overflow: hidden;
	vertical-align: bottom;
}
a.wsp {
	display: inline-block;
	color: #040b24;
	height: 24px;
	width: 24px;
	background: url(../img/whatsapp.svg) no-repeat center;
	background-size: 100%;
	text-indent: -99em;
	overflow: hidden;
	vertical-align: bottom;
}
.compartir {
	font-weight: bold;
	color: #483193;
	padding: 1em 0 1em 35px;
	background: url(../img/share.svg) no-repeat left
}
.cupon-container .compartir {
	font-weight: bold;
	color: #483193;
	padding: 1em 0 1em 35px;
	background: url(../img/share.svg) no-repeat left;
	display: inline-block;
	clear: both;
}
.cupon-container .mail {
	font-weight: bold;
	color: #483193;
	padding: 1em 0 1em 35px;
	background: url(../img/mail.svg) no-repeat left;
	display: inline-block;
	clear: both;
}
.agregar-carrito {
	background: #ED1C2E;
	width: 70%;
	display: inline-block;
	position: relative;
 padding: .6rem .5rem .5rem .5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.agregar-carrito:before {
	content: '';
	display: inline-block;
	width: 2em;
	height: 1.5em;
	background: url(../img/add-carrito.svg) no-repeat left center;
	background-size: 100%;
	margin-left: .5em;
	vertical-align: middle;
	margin-right: 8px;
}
.obtener-cupon {
	background: #ED1C2E;
	width: 70%;
	display: inline-block;
	position: relative;
 padding: .6rem .5rem .5rem .5rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.obtener-cupon:before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background: url(../img/cupon.svg) no-repeat left bottom;
	background-size: 100%;
	margin-left: .5em;
	vertical-align: middle;
	margin-right: 8px;
}
.accede-beneficio {
	background: #5fbb46;
	padding: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 1em 0;
}
.accede-beneficio strong {
	width: 30%;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5em;
	line-height: 1em;
	border-right: 1px solid #fff;
	background: url(../img/mano.svg) no-repeat left bottom;
	background-size: auto 100%;
	padding-left: 7%
}
.accede-beneficio p {
	width: 69%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 1em;
}
.white-popup-cupon {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 0px solid #000000;
	background: #fff;
	width: 480px;
	max-width: 480px;
	margin: 0 auto;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.cupon-container {
	border: 2px solid red;
	display: block;
	max-width: 100%;
	margin: .5em;
	box-sizing: border-box;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding: 8px;
	font-size: 14px;
}
.cupon-container .logo-cupon {
	margin: -30px auto 30px auto;
	display: block;
	background: #fff;
	width: 30%;
}
.cupon-container .descuento-comercio {
	color: red;
	font-weight: bold;
	font-size: 3em;
}
.logo-cupon img {
	width: 100%;
	height: auto;
}
.cupon-container .logo_beneficio {
	width: 35%;
	border: 1px solid #ececec;
	margin-bottom: 1em;
	float: left;
	clear: right;
	margin-right: 10px;
}
.cupon-container .importante {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
.cupon-container .mas-caracteristicas {
	display: block;
	clear: both;
}
.botones {
	display: block;
	width: 100%;
	margin: 1em 0;
	clear: both;
}
.fotos_grandes { position: relative; }
.fotos_grandes .id-producto {
	position: absolute;
	display: inline-block;
	padding: .5em 1em;
	left: 16px;
	top: 0;
	background: #CFC3B5;
	font-weight: bold;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	z-index: 1;
}
.fotos_grandes .zoom {
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 9
}
.pasos_carrito li {
	display: inline-block;
	width: 33.3%;
	text-align: center;
	/*! border-bottom: 10px solid #C3C0BB; */
	font-size: 1rem;
	padding: 1em;
}
.carro_compras { margin-bottom: 2em; }
.pasos_carrito { font-size: 0; }
.limpieza, .pasos_carrito {
	display: block;
	clear: both;
	margin-bottom: 1rem;
}
.limpiar, .limpieza .actualizar {
	width: auto;
	text-align: center;
	background: #6aaf23;
	padding: .5em;
	font-size: 14px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
}
.limpiar:hover, .limpieza .actualizar:hover { background: #50851b; }
.actualizar:before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .4em;
	background: url(../img/update.svg) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
}
.limpiar:before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .4em;
	background: url(../img/escoba.svg) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
}
.pasos_carrito .on {
	background: #e20025;
	color: #fff;
	display: inline-block;
	position: relative;
	font-size: 1rem;
}
.pasos_carrito .off {
	background: #CFC3B5;
	font-size: 1rem;
}
h5.subtitulo {
	display: inline-block;
 padding:.5rem .5rem .5rem .5rem;
	color: #3d2882;
	font-size: 22px;
	margin: 0;
	font-weight: normal;
}
.tabla_carrito {
	width: 100%;
	font-size: 0;
}
.tabla_carrito .cincuenta_2 {
	width: 48%;
	border-right: 1px solid #ccc;
	padding: 1em .5em;
	position: relative;
}
.tabla_carrito .cincuenta_2 img {
	display: inline-block;
	max-height: 3.2em;
	border: 1px solid #ccc;
	margin-right: .5em;
}
.cincuenta_2 .nombre_producto {
	display: inline-block;
	font-size: .9em;
	line-height: 1.2em;
}
.cincuenta_2 .nombre_producto * { vertical-align: top }
.tabla_carrito .quince {
	width: 15%;
	border-right: 1px solid #ccc;
	padding: .5em;
}
.tabla_carrito .cinco {
	width: 5%;
	padding: .5em;
}
.tabla_carrito .row {
	max-height: 4.2em;
	width: 100%;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	overflow: hidden;
}
.tabla_carrito div {
	display: inline-block;
	vertical-align: top;
	height: 4.2em;
}
.tabla_carrito .first:first-of-type {
	max-height: 3.5em;
	background: #EEEEEE;
	color: #333;
}
.tabla_carrito .borrar {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: .1em .5em;
	border: 0 none;
	background: #e20025;
	color: #fff;
}
.tabla_carrito .borrar:hover { opacity: .8; }
.pre-total {
	display: block;
	min-width: 100%;
	padding: 1em;
	background: #CFC3B5;
	clear: both;
}
.pre-total span {
	float: right;
	display: block;
	clear: both;
}
.pre-total p, .total p {
	display: inline-block;
	margin: 4px 0;
	text-align: left;
	min-width: 132px;
}
.pre-total p.totales, .total p.totales {
	text-align: right;
	margin-right: 10px;
}
.datos_compra {
	width: 100%;
	font-size: .9em;
	margin: 1em 0;
}
.botones_compra {
	width: 100%;
	margin: 1em 0;
}
.continuar {
	background: red;
	font-size: 1.5rem;
	margin-bottom: 1em;
}
.datos_compra h4, .agregar_puntos h5, .actualizacion h5 {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	padding-bottom: .5em;
	margin-bottom: .5em;
	color: #3d2882;
	font-size: 18px;
}
.datos_compra .columna_datos {
	width: 49%;
	vertical-align: top;
	margin-bottom: 1em;
	display: inline-block;
	padding: .5em;
	box-sizing: border-box;
}
.datos_compra .columna_envio {
	width: 49%;
	vertical-align: top;
	margin-bottom: 1em;
	display: inline-block;
	float: right;
}
.datos_compra .columna_datos p, .datos_compra .columna_envio p {
	width: 100%;
	display: block;
	margin: .5em 0 .3em 0;
}
.datos_compra span { position: relative; }
.datos_compra .envio {
	width: 100%;
	margin-bottom: em;
}
.total {
	float: right;
	display: block;
	clear: both;
	padding: 16px;
	font-size: 18px;
	font-weight: bold;
}
.datos_compra input[type=radio] {
	font-size: 0.9em;
	width: 15px;
}
.datos_compra input[type="text"] {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 6px;
}
.agregar_puntos { margin: 1em 0; }
.datos_compra .editar_datos input { min-width: 100%; }
.datos_compra .editar_datos { width: 100%; }
.datos_compra select {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE url(../img/select.png) no-repeat right center;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 1em;
}
.datos_compra .inputs .editar_datos {
	width: 49%;
	display: inline-block;
}
.envio option {
	display: block;
	padding: .2em;
}
input[type="text"]:disabled {
	background-color: #818a8e!important;
	;
	color: #fff!important;
	;
}
.total {
	float: right;
	display: block;
	clear: both;
	padding: 16px;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: right;
}
.puntos_disponibles {
	background: #ED1C2E;
	padding: 1em;
	color: #fff;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	font-size: 2em;
	line-height: 1.4em;
	margin-top: 1em;
}
.puntos_disponibles .cantidad-puntos { font-size: 2em; }
.ochenta {
	display: block;
	margin: 0 auto 2em auto;
	max-width: 1000px;
}
.ochenta .detalle {
	padding: 1em;
	border: 1px solid #CFC3B5;
	margin-top: -1px;
}
.full {
	display: block;
	clear: both;
}
.ochenta .full .form_inputs, .actualizacion .full .form_inputs {
	width: 49%;
	display: inline-block;
	margin-bottom: 1em;
}
.form_inputs em { color: #E20025 !important; }
.ochenta select, .actualizacion select {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE url(../img/select.png) no-repeat right 6px center;
	background-size: auto 80%;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ochenta input[type="text"], .ochenta input[type="password"], .actualizacion input[type="text"], .actualizacion input[type="password"], .ochenta input[type="date"] {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.ochenta textarea {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE;
	height: 150px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 2em;
}
.boton_formulario {
	clear: both;
	display: block;
	width: 250px;
	text-align: center;
	background: #ff0000;
	margin: 1rem 0;
	padding: .5em;
	font-size: 20px;
	text-transform: uppercase;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	border: 0 none;
}
.boton_formulario:hover { background: #3d2882; }
.error { border: 1px solid red !important; }
.bloques-textos li.listas-textos {
	border: 1px solid #CFC3B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
	background: #fff;
	position: relative;
	display: block;
}
.bloques-textos li.listas-textos h3:after {
	content: '+';
	float: right;
	color: #ADA49A;
	position: absolute;
	top: .15em;
	right: .5em;
	font-size: 2em;
	font-weight: normal
}
.bloques-textos li.listas-textos h3.on:after {
	content: '+';
	color: #fff;
}
h3.preguntas {
	margin: 0;
	padding: 1em;
	color: #ADA49A;
	cursor: pointer;
}
.bloques-textos .accordionContent { padding: 1em; }
.bloques-textos li.listas-textos h3.on {
	background: #CFC3B5;
	color: #fff;
}
.listas_base li {
	background: url(../img/gold-bullet.jpg) no-repeat left top 8px;
	padding-left: 20px;
}
aside {
	width: 30%;
	display: inline-block;/*! padding: 16px; */
}
article {
	width: 70%;
	background: #fff;
	display: inline-block;
	padding: 0 8px;
	min-height: 900px;
}
article h2 {
	margin: 0 0 1em 0;
	padding: 0;
	color: red;
}
.puntos_socios {
	margin-right: 8px;
	background: #E20025;
	text-align: left;
	font-size: 18px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 1em;
	color: #fff;
	overflow: hidden;
}
.puntos_socios strong { font-size: 22px; }
.disponibles_puntos, .por_vencer { padding: 1rem; }
.disponibles_puntos {
	margin: 0 1rem;
	font-size: 1.3rem;
	border-bottom: 1px dashed #eeeeee;
}
.por_vencer { padding: 1rem;  font-size:.9rem;
}
.puntos_socios .total_disponible {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
}
.fin-mes {
	padding: 1em;
	font-size: .8em;
	line-height: 1em;
	display: block;
	background: #CFC3B5;
	color: #000;
}
.cuenta p, .puntos_socios p { margin: 0; }
.ver_cartola {
	display: inline-block;
	color: #fff;
	background: #3d2882;
	padding: 5px 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.cerrar {
	display: inline-block;
	color: #fff;
	background: red;
	padding: 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}
.actualizar_datos {
	display: inline-block;
	color: #fff;
	background: red;
	padding: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
.actualizar_datos:before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .4em;
	background: url(../img/update.svg) no-repeat center center;
	background-size: 100%;
	vertical-align: middle;
}
.ver_cartola:hover, .actualizar_datos:hover, .cerrar:hover { background: #583abd; }
.camion_despacho {
	display: block;
	width: 100%;
	font-size: 1.2em;
	background: #3d2882;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: .5em;
	line-height: 1.1em;
	padding: 18px;
	color: #fff;
	text-align: left;
	margin-bottom: 1em;
	font-weight: normal;
}
.camion_despacho::before {
	content: '';
 margin-right:;
	font-weight: bold;
	display: inline-block;
	width: 50px;
	height: 30px;
	background: url(../img/truck-white.png) no-repeat left;
	background-size: auto;
	background-size: auto;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 1em;
}
.camion_despacho span {
	display: inline-block;
	vertical-align: middle;
	width: 60%;
}
.datos_cuenta {
	margin-right: 8px;
	text-align: center;
	font-size: 18px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 1em;
}
.datos_cuenta h5 {
	color: #3D2882;
	font-size: 18px;
	text-align: left !important;
	display: block;
	margin: 0;
	text-transform: uppercase
}
.datos_cuenta .email, .datos_cuenta .telefono {
	background: #EAE5DE;
	margin: .5em 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px 5px 5px 30px;
	text-align: left;
	font-size: 15px;
}
.datos_cuenta .email {
	background: #EEEEEE url(../img/carta.png) no-repeat 5px center;
	background-size: 1.3em;
}
.datos_cuenta .telefono {
	background: #EEEEEE url(../img/fono.png) no-repeat 5px center;
	background-size: 1.3em;
}
.tablas {
	display: block;
	width: 100%;
	height: 400px;
	overflow-y: scroll;
}
.tablas table {
	width: 100%;
	max-width: 100%;
}
article h3 {
	width: 100%;
	padding-bottom: .5em;
	margin-bottom: .5em;
	color: #3d2882;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}
.tablas .titulo_tabla td {
	background: #6aaf23;
	color: #fff;
	border-right: 1px solid #fff;
	display: table-cell !important;
}
.tablas tr td { white-space: nowrap; }
.tablas thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.tablas tr:nth-child(even) { background-color: #f2f2f2; }
.tablas td {
	font-size: 13px;
	padding: 5px;
	display: table-cell !important;
}
.tablas td a {
	background: #483193;
	display: inline-block;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	line-height: 1em;
	padding: 4px;
	font-size: .9em;
}
.tabla_entrega ul {
	font-size: .8em;
	padding-left: 22px;
}
.tabla_entrega li {
	padding-left: 14px;
	background: url(../img/gold-bullet.jpg) no-repeat left 4px top 8px;
}
.botones_cartola * {
	background: #483193;
	text-transform: uppercase;
}
.botones_cartola *:hover { background: #34236b; }
.botones_cartola .active {
	background: #E20025;
	text-transform: uppercase;
}
.exportar-excel:before {
	background: url(../img/excel.png) no-repeat;
	background-size: 100%;
	content: '';
	width: 1em;
	height: 1em;
	margin-right: .5em;
	display: inline-block;
}
.tabla_entrega { margin: 2em 0; }
.tabla_entrega th {
	text-align: left;
	padding: 8px;
	background: #6aaf23;
	color: #fff;
}
.tabla_entrega tr:nth-child(even) { background-color: #f2f2f2; }
.tabla_entrega td { padding: 8px; }
.tabla_entrega a { color: #583ABD; }
.tabla_entrega a:hover { text-decoration: underline; }
.tabla_entrega .anulado {
	text-decoration: line-through;
	color: #ccc;
}
.tabla_entrega .anulado a { text-decoration: line-through; }
.tabla_entrega .entregado td:last-of-type:before {
	content: '✓';
	color: #6aaf23;
	margin-right: .5em;
	font-weight: bold;
}
.tabla_entrega a:before {
	content: '';
	color: #1ca29b;
	margin-right: .5em;
	font-weight: bold;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/lupa-despacho.svg) no-repeat left;
	background-size: 100%;
}
.despacho { margin-bottom: 4em; }
.estado {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	margin-top: 2em;
}
.estado li {
	max-width: 49%;
	padding-top: 50px;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
	background: url(../img/incompleto.jpg) no-repeat center top;
}
.estado li.estado_completado { background: url(../img/todo_completo.jpg) no-repeat center top; }
.estado li:first-child { background: url(../img/inicio.jpg) no-repeat center top; }
.estado li.estado_completado:first-child { background: url(../img/completo_inicio.jpg) no-repeat center top; }
.estado li:last-child { background: url(../img/incompleto_final.jpg) no-repeat center top; }
.estado li.estado_completado:last-child { background: url(../img/completo_final.jpg) no-repeat center top; }
.estado li.estado_transito { background: url(../img/en_transito.jpg) no-repeat center top; }
.estado li.estado_error { background: url(../img/error_final.jpg) no-repeat center top; }
.despacho .detalle_producto {
	display: inline-block;
	max-width: 70%;
}
.despacho .detalle_producto .product-img {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: .5em;
	margin-left: 1em;
}
.despacho .detalle_producto .product-img img { max-width: 100%; }
.despacho .detalle_producto .datos_productos {
	display: inline-block;
	max-width: 40%;
	margin-left: 36px;
}
.despacho .datos_productos h3 {
	font-size: 18px;
	font-weight: bold;
	color: #E20025;
	margin-top: 1rem;
	display: block;
}
.despacho .mensaje_reparto {
	background: #ececec;
	padding: 1em 2em;
	margin: 2em 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.despacho .mensaje_reparto p { font-size: 16px; }
.mensaje_reparto strong { color: #583ABD; }
.mensaje_reparto a {
	color: #583ABD;
	text-decoration: underline;
}
.lista_concursos li img {
	float: left;
	display: inline-block;
	margin: 3px;
	width: 30%;
	border-radius: 10px;
	height: auto;
	transition: .5s;
	margin-right: .8em
}
.lista_concursos li a.active > img { border: 2px solid red; }
.lista_concursos li {
	display: inline-block;
	width: 30%;
	padding: 8px;
	background: #EEEEEE;
	margin: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.concurso-box {
	display: inline-block;
	max-width: 60%;
	vertical-align: top;
}
.concurso-box h3 {
	line-height: 1.2em;
	margin: 0;
	height: 4.6em;
	color: #827c78;
}
.white-popup {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 0px solid #000000;
	background: #fff url(../img/franja2.jpg) no-repeat top;
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 2em;
	position: relative;
}
.iframe-container {
	width: 100%;
	display: block;
	position: relative;
	height: 500px;
	overflow: hidden;
}
.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	border: 0;
}
.ganadores {
	padding: 1rem;
	display: block;
	max-width: 100%;
}
.ganadores img {
	width: 100%;
	height: auto;
}
.ganadores .preguntas.on, .ganadores .preguntas:hover {
	color: #3d2882;
	border: 1px solid #3d2882;
	transition: 0.5 all;
}
.ganadores .preguntas.on:after, .ganadores .preguntas:hover:after { color: #3d2882; }
.ganadores table {
	width: 100%;
	max-width: 100%;
}
.ganadores .preguntas {
	width: 100%;
	margin-top: .5em;
	color: #5c5855;
	padding: .5em;
	cursor: pointer;
	text-align: left;
	border: 1px solid #CFC3B5;
	transition: 0.5 all;
	box-sizing: border-box;
	position: relative;
}
.ganadores .preguntas::after {
	content: '+';
	float: right;
	color: #ADA49A;
	position: absolute;
	top: 0;
	right: .5em;
	font-size: 1.5em;
	font-weight: normal;
}
.ganadores .preguntas:first-child { margin-top: 0; }
.ganadores td {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding: 5px;
	display: table-cell !important;
}
.ganadores .accordionContent, .ganadores .no-accordion {
	padding: 1em;
	background: #ececec;
	display: block;
}
.ganadores table .tabla_ganadores_titulo td {
	background: #827c78;
	color: #fff;
	border-right: 1px solid #fff;
	display: table-cell!important;
}
.concurso-box .btn { font-size: .8em; }
.link-ganadores, .link-sin-pop { background: #483193; }
.link-pdf { background: #ED1C2E; }
.banner-concurso {
	text-align: center;
	display: block;
	clear: both;
	margin-bottom: 2em;
}
.banner-concurso img {
	max-width: 100%;
	height: auto;
}
.sesenta {
	display: block;
	width: 60%;
	margin: 0 auto;
	color: #54514e;
}
.sesenta .boton_formulario {
 font-size:.9rem; line-height: 1em; }
.sidenav .ver-cupones {
	background: #483193;
	text-transform: uppercase;
	widtH: 100%;
}
.sidenav .ver-cupones:hover { background: #34236b; }
.productos li.producto-agotado a {
	pointer-events: none;
	cursor: default;
}
.productos li.producto-agotado img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.productos li.producto-agotado .por_puntos * { color: #999; }
.agotado {
	position: absolute;
	width: 100%;
	left: 0;
	top: 30px;
	border-radius: 0;
	z-index: 1;
}
.agotado img {
	-webkit-filter: grayscale(0%)!important;
	filter: grayscale(0%)!important;
	border-radius: 0!important;
}
.loading {
	display: block;
	text-align: center;
	padding: 1em;
}
.tablas td h3 { margin: 1em 0 -.8em; 0;
}
.tablas td h3 a {
	background: 0 none;
	display: inline-block;
	color: red;
	text-align: left;
	border-radius: 4px;
	line-height: 1em;
	padding: 0;
	font-size: 1.2em;
	margin: 0;
}
.videos {
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	font-size: 0
}
.videos li {
	display: inline-block;
	overflow: hidden;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 24%;
	-ms-flex: 0 1 24%;
	flex: 0 1 24%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	font-size: 16px;
	padding: 8px;
}
.videos li img {
	max-width: 100%;
	height: auto;
}
.videos li .info-video {
	color: #666;
	font-weight: bold;
	padding: 15px 0;
	margin-bottom: 1em;
}
.video-container {
	position: relative;
	background: none;
	width: auto;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	padding-top: 50px
}
.video-container video {
	width: 100%;
	height: auto;
}
.ochenta .openVideo img, .ochenta .galeria-video img {
	max-width: 100%;
	height: auto;
}
.mensajes {
	background: #EEEEEE;
	padding: 2em 1em;
	margin-bottom: 1em;
	font-size: .9em;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.mensajes .icono_exito, .mensajes .icono_error {
	width: 15%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2em;
}
.mensajes .icono_exito img, .mensajes .icono_error img {
	width: 100%;
	height: auto;
}
.mensajes .texto_mensaje {
	width: 70%;
	display: inline-block;
}
.mensajes h4 { font-size: 1.5rem }
.mensajes h5 {
	font-size: 1.2rem;
	margin: 8px 0;
}
.mensajes a { background: red; }
.mensajes a:hover { background: #de1b2b; }
.mensajes tr { border-bottom: 1px solid #ccc; }
.mensajes td { padding: 5px; }
.actualizacion .preguntas {
	border: 1px solid #CFC3B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 8px;
	background: #fff;
	position: relative;
	display: block;
}
.actualizacion h3:after {
	content: '+';
	float: right;
	color: #ADA49A;
	position: absolute;
	top: .15em;
	right: .5em;
	font-size: 2em;
	font-weight: normal
}
.actualizacion h3.on:after {
	content: '+';
	color: #fff;
}
.actualizacion .accordionContent {
	padding: 1em;
	border: 1px solid #CFC3B5;
	margin-bottom: 2em;
	margin-top: -4px;
	background: #fff;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.actualizacion h3.on {
	background: #CFC3B5;
	color: #fff;
}
.radios {
	display: block;
	clear: both;
}
.radios span {
	display: inline-block;
	width: 48%;
	padding: 10px;
	position: relative;
	height: 36px;
	margin: .3em 0
}
.radios label {
	display: block;
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	height: 36px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #eae5de;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	cursor: pointer;
}
.radios label:hover {
	background: #e20025;
	color: #fff;
	font-weight: bold;
}
.radios input[type="radio"]:checked + label {
	background: #ED1C2E;
	color: #fff;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.50);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.50);
}
.radios input[type="radio"]:disabled + label {
	background: #ececec;
	color: #999;
	font-weight: normal;
	-webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.3);
	text-decoration: line-through;
	cursor: not-allowed;
}
.escoge {
	background: #483193;
	color: #fff;
	padding: .5em 1em;
	margin-bottom: 1.5em;
}
.page404 {
	display: block;
	max-width: 550px;
	margin: 0 auto;
	text-align: center;
	padding: 2em;
}
.page404 img {
	max-width: 100%;
	height: auto;
}
.volver-inicio { background: red; }
.volver-inicio:hover { background: #de1b2b; }
.tag {
	position: absolute;
	width: auto;
	height: 24px;
	line-height: 20px;
	padding: 2px 8px 0px 0;
	font-size: 14px;
	text-align: center;
	color: rgb(255, 255, 255);
	background: red;
	border-radius: 0px 3.2px 3.2px 0px;
	margin-left: 20px;
	top: 13px;
}
.tag:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 12px;
	border-style: solid;
	border-color: transparent red transparent transparent;
	top: 0px;
	left: -24px;
}
.producto-agotado .foto_producto {
	-webkit-filter: grayscale(0%)!important;
	filter: grayscale(0%)!important;
}
.aviso-carrito {
	padding: 1.5em 0 1em 0;
	text-align: left;
}
.aviso-carrito h3 {
	line-height: 1.1em;
	text-align: center;
}
.aviso-carrito table {
	margin: 1em 0;
	color: #827C78;
}
.aviso-carrito th, .aviso-carrito td {
	line-height: 1.2em;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size: .9em;
}
.aviso-carrito th { background: #ececec; }
.aviso-carrito .comprar:before {
	content: '';
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	margin-right: .5em;
	background: url(../img/carrito.svg) no-repeat left center;
	background-size: 100%;
	vertical-align: middle;
}
.aviso-carrito .seguir {
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
}
.setenta {
	display: block;
	float: left;
	width: 70%;
}
.img_ben {
	width: 29%;
	display: block;
}
.img_ben img {
	max-width: 100%;
	height: auto;
}
.beneficios-club h5 {
	color: red;
	font-size: 1.5rem;
 margin-bottom:.5rem;
	line-height: 1em;
}
.beneficios-club h3.texto_dorado {
	color: #d68102;
	font-size: 2rem;
 margin-bottom:.5rem;
}
.beneficios-club .treinta {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	text-align: center;
	padding: 1em;
}
.menu-ordenar {
	position: relative;
	display: inline-block;
}
.ordenar-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10;
	font-size: 14px;
	width: 100%;
}
.menu-ordenar:hover .ordenar-content { display: block; }
.ordenar-btn {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #827C78;
	margin: 4px 0;
	width: 200px;
	height: 40px;
	padding: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff url(../img/select.png) no-repeat center right 4px;
	padding: 8px;
}
.ordenar-content button {
	display: block;
	width: 100%;
	border: 0 none;
	background: #fff;
	text-align: left;
	padding: 8px;
	color: #666;
}
.ordenar-content button:hover {
	color: #fff;
	background: #52525e;
}
.formulario_incripcion {
	width: 1080px;
	max-width: 100%;
	margin: 0 auto;
}
.formulario_incripcion form {
	border: 1px solid #666;
	padding: 1em 2em;
	text-align: left;
}
.formulario_incripcion form .full .form_inputs {
	width: 33%;
	display: inline-block;
	margin-bottom: 1em;
}
.formulario_incripcion form .full .form_inputs input[type="text"] {
	width: 97%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
h5.titulo-concurso {
	background: #FF0000;
	font-size: 1.4rem;
	color: #fff;
	padding: .5em;
	margin: 0;
}
.formulario_incripcion label {
	cursor: pointer!important;
	display: inline-block;
}
.tachado {
	color: #999 !important;
	text-decoration: line-through;
}
.white-popup-popup img { max-width: 100%; }
.slider-range {
	width: calc(100% - 150px);
	display: inline-block;
}
.slide-input {
	-webkit-appearance: none;
	width: 100%;
	height: 25px;
	background: #EAE5DE;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.slide-input:hover { opacity: 1; }
 .slide-input::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 25px;
 height: 25px;
 background: #483193;
 cursor: pointer;
 border-radius:1px;
 border:0;
}
 .slide-input::-moz-range-thumb {
 width: 25px;
 height: 25px;
 background: #483193;
 cursor: pointer;
 border-radius:1px;
 border:0;
}
#ageOutputId {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #EAE5DE;
	width: 140px;
	height: 25px;
	text-align: center;
	font-weight: bold;
	line-height: 1.2em;
}
.landing-pastas .tab_content {
	display: none;
	width: 100%;
}
.landing-pastas .tab_content img {
	max-width: 100%;
	height: auto
}
.landing-pastas .tab_active { display: inline-block!important; }
.landing-pastas #tab_container {
	text-align: center;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	background: url(../img/loading.gif) no-repeat center;
}
.landing-pastas #tabs {
	display: inline-block;
	width: 67%;
}
.landing-pastas #tabs a {
	width: 75px;
	height: 75px;
	overflow: hidden;
	text-decoration: none;
	color: #000;
	background: #ddd;
	display: inline-block;
	border: 3px solid #fff!important;
	opacity: .5;
}
.landing-pastas #tabs a img {
	width: 100%;
	height: auto;
}
.landing-pastas #tabs a.active {
	border: 3px solid red!important;
	opacity: 1;
}
.tabs-pastas {
	padding: 20px;
	/*! border:5px solid red; */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 1em 0;
}
.nombre-pastas {
	text-align: left;
 padding:.5rem 1rem;
	border: 1px solid #ccc;
	line-height: 1.1em;
}
.nombre-pastas strong { display: block; }
.foto-banner-pastas {
	width: 100%;
	display: block;
}
.foto-banner-pastas img {
	width: 92%;
	height: auto;
	margin-bottom: 1em;
}
h3.refuerzo-soap { font-size: 1.5rem; }
.clave-provisoria label {
	border: 1px solid #ccc;
	display: block;
	padding: 1rem;
	cursor: pointer;
}
.francisca {
	width: 350px;
	height: 120px;
	padding-left: 35px;
	padding-top: 30px;
	position: relative;
}
.francisca:before {
	content: '';
	display: block;
	background: url(../img/francisca.png) no-repeat left center;
	height: 130px;
	width: 70px;
	background-size: auto 130px;
	position: absolute;
	top: 6px;
	left: 0;
}
.francisca a {
	display: block;
	background: #01e675 url(../img/whatsapp.svg) no-repeat center right 7px;
	background-size: 50px;
 font-size:.9rem;
	color: #000;
	padding: 5px 40px 5px 40px;
	border-radius: 60px;
	line-height: 1rem;
}
.fca-mobile { display: none; }
.wa-qr {
	position: absolute;
	top: 36%;
	display: block;
	background: #01E675;
	padding: 8px;
	width: 70px;
	/*! height: 50px; */
	left: -70px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	-webkit-box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
	box-shadow: -4px 4px 20px 0px rgba(0,0,0,0.51);
}
.sidebar-wsp {
	top: 0;
	position: fixed;
	z-index: 999!important;
	right: 0;
	width: 350px;
	height: 100vh;
	background: #fff url(../img/wsp-bg.png);
	background-size: 150%;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.sidebar-wsp.sidebar-wsp-view { transform: translateX(0); }
.sidebar-wsp .sidebar-container {
	padding: 1rem;
	text-align: center;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.sidebar-wsp img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
.sidebar-wsp .francisca-img {
	height: 261px;
	width: auto;
}
.sidebar-wsp h3 {
	font-size: 2.2rem;
	line-height: 2.2rem;
	margin: 0;
}
.bloque-qr {
 padding:1rem .5rem .8rem .5rem;
	background: #fff;
	border-radius: 15px;
	width: 300px;
	max-width: 100%;
	margin: 0 auto;
}
.bloque-qr h4 {
	padding: 0;
	margin: 0;
	line-height: 1rem;
}
.bloque-qr img { width: 200px; }
.btn-whatsapp {
	background: #01E675;
	color: #000;
	font-weight: bold;
	font-size: 1.3rem;
 padding:.5rem 2rem;
	margin-top: 0;
	display: inline-block;
	border-radius: 50px;
}
.btn-whatsapp:hover { background: #34a853; }
.btn-whatsapp:before {
	content: '';
	display: inline-block;
	background: url(../img/whatsapp.svg) no-repeat left top;
	height: 25px;
	width: 20px;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 10px;
}
.sidebar-wsp p { padding: 0 1rem;  margin:.5rem;
}
.ochenta input[type="file"] {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EAE5DE;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 1rem;
}
.exhibiciones h5 {
	font-size: 1.5rem;
 padding:.5rem 0;
	margin: 0 0 2rem;
0;
	color: #483193;
	border-bottom: 1px solid #483193;
}
.exhibicion {
	margin-top: 20px;
	width: 100%;
}
.exhibicion th {
	background: #6aaf23;
	color: #fff;
	border-right: 1px solid #fff;
	display: table-cell !important;
	text-align: left;
 padding:.5rem 1rem;
	margin-bottom: 2rem;
}
.exhibicion .eliminar {
	margin-bottom: 1rem;
	width: 1.5em!important;
	;
	height: 1.5em!important;
	;
}
.centrar.exhibiciones { text-align: center; }
.centrar.exhibiciones h5 {
	font-size: 1.5rem;
 padding:.5rem 0;
	margin: 0 0 2rem;
0;
	color: #483193;
	border-bottom: 0 none;
}
.cargar-exhibiciones {
	background: #827C78;
	border-radius: 50px;
	height: 30px;
	margin-top: 10px;
	float: right;
}
.cargar-exhibiciones:hover {
	background: red;
	border-radius: 50px;
	height: 30px;
	margin-top: 10px;
	float: right;
}
.upload-icon-img {
	font-size: 3rem;
	color: #333;
}
.upload-area {
	border: 2px dashed #ccc;
	border-radius: 6px;
	padding: 40px;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.3s, transform 0.3s;
	background-color: #f9f9f9;
	position: relative;
	box-sizing: border-box;
}
.upload-area.dragover {
	border-color: #333;
	transform: scale(1.05);
}
.upload-icon p {
	margin: 5px 0;
	color: #888;
}
.upload-icon .formatos,  .upload-icon .max-size { font-size: 0.9rem; }
.file-list {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.file-item {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 4px;
	width: 100%;
	max-width: 150px;
	position: relative;/* Permite posicionar el botón dentro */
}
.file-preview-container {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}
.file-preview {
	max-width: 100px;
	max-height: 100px;
	object-fit: cover;
}
.remove-btn {
	position: absolute;
	top: -12px;
	right: -12px;
	background-color: #f44336;
	color: white;
	border: none;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 50%;
}
.file-info {
	text-align: center;
	margin-top: 10px;
}
.file-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100px;
	font-size: 0.9rem;
}
.ganadores-exhibiciones {
	min-width: 100%;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 1rem 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
}
.ganadores-exhibiciones li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 31%;
	-ms-flex: 0 1 31%;
	flex: 0 1 31%;
	overflow:hidden;
	position: relative;
	line-height: 1.2em;
	color: #827c78;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	transition: all .5s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	background: #EEEEEE;
	margin-bottom:2em;
	padding-bottom: 4em;
	text-align:center;
}
.ganadores-exhibiciones li a {
	color:#827c78;
	font-weight:bold;
}
.ganadores-exhibiciones p{
	padding:0 1rem;
}
.ganadores-exhibiciones li:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1); 
	
}
.ganadores-exhibiciones li img {
	width:100%;
	height:auto;
}
.ganadores-exhibiciones li span {
	background: #483193;
	display: inline-block;
	font-weight: 600;
	text-align: center;
	color: #fff;
font-size: .8em;
 padding: .5rem 1rem;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:absolute;
	bottom:.9rem;
	left: calc(50% - 80px);
	width:160px;
}
.nuevo-fono {
	display:block;
	width:85%;
	max-width:100%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin:2rem auto;
	padding:1.5rem;
	text-align:center;
	border-radius:20px;
	border:1px solid #483194
}
.nuevo-fono img {
	display:inline-block;
	width:250px; 
	height:auto;
	vertical-align: middle;
	margin-right:2rem;
}
.nuevo-fono div {
	display:inline-block;
	width:calc(100% - 550px); 
	height:auto;
		vertical-align: middle;
	text-align:left;
	font-size:1.2rem;
}
.nuevo-fono div h4, .nuevo-fono div p  {
	margin:0;
}
.nuevo-fono div h4 { 
	font-size:2rem;
	color:#ff0000;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
.nuevo-fono div .fono-nuevo {
	font-size:2rem;
	display:block;
	font-weight:bold;
	margin:.5rem 0;
	background: #EEEEEE url(../img/fono.png) no-repeat 15px center;
	padding:10px 60px;
	color:#483194;
	border-radius:10px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1110px) {
.box-verde .bloque, .box-morado .bloque { min-height: 150px }
.productos .producto_tit { height: 70px; }
.control-superior { /*! width:337px; */ 
}
	.nuevo-fono {	width:100%;}
	.nuevo-fono div {	width:calc(100% - 290px); }
}
@media only screen and (max-width: 992px) {
html { font-size: .9em; }
#tabs, #tab_container {
	display: inline-block;
	width: 100%;
}
#tab_container img { width: 100%; }
#tabs a {
	width: 40px;
	height: 40px;
}
.fila_detalle#tabs a { width: auto; }
.foto-banner-pastas img {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}
.fca-desktop { display: none; }
.fca-mobile { display: block; }
.francisca { width: 188px; }
.francisca a {
	width: 215px;
	background-size: 40px;
}
.disponibles-header .btns-cartola { bottom: -107px;  font-size:.9rem;
}
}
@media only screen and (max-width: 860px) {
.botones-header {  font-size:.8rem;
}
.control-superior { width: 250px; }
.control-superior input {
	width: 100%;
	border: 0 none;
}
.control-superior select { display: none; }
.disponibles-header .puntos-cartola small {
	display: inline-block;
	font-size: .6em;
	font-weight: normal;
	width: 70px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	line-height: 1em;
}
.disponibles-header .abrir-menu {
	display: block;
	width: 100%;
	background: url(../img/dropdown-menu.gif) no-repeat top 20px right;
}
}
 @media only screen and (max-width: 768px) {
header nav { display: none; }
.open_nav {
	display: block;
	background: #827C78 url(../img/menu.svg) no-repeat left 16px center;
	padding: .2em 1em;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	height: 50px;/*! float: right; */
}
.productos li, .beneficios li {
	-webkit-flex: 0 1 30%;
	-ms-flex: 0 1 30%;
	flex: 0 1 30%;
	margin-bottom: 16px;
}
.extras .half.box-videos, .extras .half.box-contacto {
	min-width: 100%;
	margin-bottom: 1em;
}
.linea-roja {
	border: 0 none;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}
.control-superior {
	width: 240px;
	margin: 0;
	position: relative;
}
.control-superior input { width: auto; ; }
header {
	background: #fff url(../img/techito.gif) repeat-x center top;
	background-size: 40px;
	height: 199px;
	position: fixed;
	z-index: 1;
	top: 0;
}
body { padding-top: 199px; }
.header.container { height: 150px; }
header h1 { width: 25%; }
header nav ul.nav-principal { display: block; }
nav li.dropdown {
	display: block;
	max-width: 100%;
	clear: both;
	min-width: 100%;
	float: none!important;
	position: relative;
}
header nav ul.nav-principal li a {
	display: inline-block;
	text-align: left;
	width: 100%;
}
.dropdown-content {
	display: inline-block;
	position: relative;
	min-width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
 background:
}
.dropdown .dropbtn { background: #b8ada0 url(../img/dropdown-menu.gif) no-repeat center right 16px; }
header nav ul.nav-principal li .dropdown-content a {
	display: inline-block;
	border: 0 none;
	width: 32%;
	vertical-align: top;
}
.titular.interior h2 { font-size: 1.5em; }
.sidenav, .canjes { width: 100%; }
.canjes .productos li, .canjes .beneficios li {
	-webkit-flex: 0 32%;
	-ms-flex: 0 1 32%;
	flex: 0 1 32%;
}
.mis-puntos, .nombre { display: none; }
.control-superior select { font-size: 11px; }
.disponibles-header, .salir {
	height: 40px;
	width: 100%;
	margin-top: 4px;
}
.salir { height: 30px;  padding: .5rem .5rem .5rem .5rem;
}
.filtrar-puntos, .filtrar-rangos {
	border: 1px solid #CFC3B5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
	background: #fff;
	text-transform: uppercase;
	position: relative;
}
.filtrar-puntos h5, .filtrar-rangos h5 {
	margin: 0;
	background: #CFC3B5;
	color: #fff;
	padding: 8px;
	cursor: pointer;
	display: block;
}
.nav-lateral, .rango-puntos { display: none; }
.nav-lateral.visible, .rango-puntos.visible { display: block; }
.filtrar-puntos .nav-lateral, .filtrar-rangos .rango-puntos { margin: 8px; }
.filtrar-puntos h5:after, .filtrar-rangos h5:after {
	content: '+';
	float: right;
	color: #fff;
	font-size: 1.5em;
	line-height: 1em;
}
.filtrar-puntos h5:after, .filtrar-rangos h5:after {
	content: '+';
	float: right;
	color: #fff;
	font-size: 1.5em;
	line-height: 1em;
}
.rango-puntos h4 { display: none; }
.columna_precio img { width: 35%; }
.accede-beneficio strong {
	width: 48%;
	padding-left: 11%;
}
.accede-beneficio p { width: 48%; }
.sesenta { width: 80%; }
.productos .producto_tit { height: 55px; }
.lista_concursos li { width: 45%; }
.concurso-box .btn { margin-bottom: .4em; }
.formulario_incripcion form .full .form_inputs { width: 49%; }
.boton_formulario.btn-concurso {
	width: 200px;
	font-size: 1rem;
}
.fila_detalle .cincuenta { width: 100% }
.francisca {
	width: 180px;
	padding-left: 25px;
	padding-top: 30px;
	position: relative;
}
.francisca a { width: 180px; }
.francisca:before {
	content: '';
	display: block;
	background: url(../img/francisca.png) no-repeat left center;
	height: 130px;
	width: 70px;
	background-size: auto 130px;
	position: absolute;
	top: 6px;
	left: 0;
}
.control-superior .buscador {
	position: fixed;
	top: 151px;
	right: 11px;
	width: 290px;
}
.control-superior .lupa {
	right: 3px;
	top: 2px;
}
.botones-header .btn {
	width: 100%;
	margin-top: 3px;
}
.disponibles-header .abrir-menu {
	display: block;
	width: 100%;
	background: url(../img/dropdown-menu.gif) no-repeat top 14px right;
}
.cargar-exhibiciones {
	background: #827C78;
	border-radius: 50px;
	height: auto;
	margin-top: 10px;
	float: none;
	margin-bottom: 10px;
	text-align: center!important;
	;
}
.cargar-exhibiciones:hover {
	background: red;
	border-radius: 50px;
	height: auto;
	margin-top: 10px;
	float: none;
	margin-bottom: 10px;
	text-align: center!important;
	;
}
	 .nuevo-fono div {	width:100% }
}
@media only screen and (max-width: 640px) {
aside, article, .sesenta { width: 100%; }
html { font-size: .8em; }
.half, .tercio, .tercios { width: 100%; }
h2.titular { text-align: center; }
.productos .por_puntos .puntos_club {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
}
.productos li, .beneficios li {
	-webkit-flex: 0 1 48%;
	-ms-flex: 0 1 48%;
	flex: 0 1 48%;
	margin-bottom: 16px;
}
.box-verde .bloque, .box-morado .bloque { min-height: auto }
footer .caja { display: none; }
.marcas li { width: 16%; }
h2 { font-size: 24px; }
footer li { display: inline-block; }
footer { text-align: center; ; }
.logo-footer {
	display: inline-block;
	max-width: 30%;
}
footer .half { padding-top: 0; }
.ordenar, .ordenar select, .buscar, .buscar input {
	width: 100%;
	margin: 4px 0 0 0;
}
.columna_precio, .columna_foto {
	width: 100%;
	margin-top: 8px;
}
.ochenta .full .form_inputs, .actualizacion .full .form_inputs {
	width: 100%;
	margin-bottom: .5em;
}
.videos li {
	-webkit-flex: 0 1 49%;
	-ms-flex: 0 1 49%;
	flex: 0 1 49%;
}
.mensajes .texto_mensaje { width: 100%; }
.productos .producto_tit {
	height: 60px;
	font-size: 13px;
}
.beneficios .beneficios-detalle { height: 62px; }
.control-superior {
	width: 171px;
	margin: 0;
	position: relative;
}
.disponibles-header .btns-cartola { bottom: -88px; }
	.ganadores-exhibiciones li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	overflow:hidden;
	position: relative;
	line-height: 1.2em;
	color: #827c78;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	transition: all .5s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	background: #EEEEEE;
	margin-bottom:2em;
	padding-bottom: 4em;
	text-align:center;
}
}
@media only screen and (max-width: 500px) {
.disponibles-header .btns-cartola { /*! width: 120%; */
	/*! left: -10% */
}
.canjes .productos li, .canjes .beneficios li {
	-webkit-flex: 0 48%;
	-ms-flex: 0 1 48%;
	flex: 0 1 48%;
	padding: 8px;
}
.setenta, .beneficios-club .treinta { width: 100%; }
.img_ben.right {
	float: none;
	margin: 0 auto;
	width: 50%;
}
.francisca {
	padding-left: 10px;
	width: 140px;
	margin: 0 0 0 0;
	padding-top: 40px;
}
.francisca::before {
	content: '';
	display: block;
	background: url(../img/francisca.png) no-repeat left center;
	background-size: auto;
	height: 70px;
	width: 50px;
	background-size: auto 70px;
	position: absolute;
	top: 17px;
	left: 0;
}
.francisca a {
	padding: 5px 30px 5px 30px;
	background: #01e675 url(../img/whatsapp.svg) no-repeat top 4px right 7px;
	background-size: 25px;
	width: 140px;
}
.control-superior .buscador {
	position: fixed;
	top: 147px;
	right: 11px;
	width: 290px;
}
}
@media only screen and (max-width: 480px) {
.disponibles-header .btns-cartola { /*! width: 129%; */ 
	/*! left: -28%; */
	/*! bottom:-25px; */
}
header h1 img { margin-top: 10px; }
.marcas li { width: 20%; }
.box-videos .detalle-videos { width: 100%; }
.box-videos img {
	width: 80%;
	float: none;
	margin: 0 10% 1em;
}
header nav ul.nav-principal li .dropdown-content a {
	display: inline-block;
	border: 0 none;
	width: 49%;
}
.sidebar, .sidebar-wsp { width: 280px; }
.header.container { height: 95px; }
header { height: 145px; }
body { padding-top: 145px; }
.sidebar h2 {
	margin: 0;
	padding: 16px 16px 0px 16px;
	font-size: 20px;
}
.control-superior {
	font-size: 13px;
	margin-top: 20px;
	width: 140px;
}
.control-superior input {
	width: 79%;
	font-size: 13px;
}
.botones-header { /*! margin-top: 24px; */ }
.control-superior select { font-size: 10px; }
.disponibles-header, .salir { /*! height: 31px; */ }
.salir {
	height: 19px;
	padding-top: 4px;
}
.control-superior select, .disponibles-header .nombre-usuario { /*! display: none; */ }
.disponibles-header { /*! width: 70%; */ }
.salir { /*! width: 28%; */ }
.accede-beneficio strong {
	background: none;
	padding-left: 0;
}
.productos .producto_tit {
	height: 75px;
	font-size: 13px;
}
.lista_concursos li { width: 100%; }
.formulario_incripcion form .full .form_inputs { width: 100%; }
.control-superior .buscador {
	position: fixed;
	top: 95px;
	right: 11px;
	width: 290px;
}
.francisca::before {
	content: '';
	display: none;
}
.francica { width: 105px; }
.francisca a {
	padding: 10px 20px 10px 5px;
	border-radius: 8px;
	width: 105px;
	background-position: center right 4px;
 font-size:.8rem;
}
.bloque-qr img { width: 150px; }
}
@media only screen and (max-width: 375px) {
.agregar-carro { padding: .9em .5em; }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}
.visible { display: block; }
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.rojo { color: #ED1C2E; }
.morado { color: #483193 }
.cafe { color: #CFC3B5 }
.verde { color: #6CB33F }
.beige-bg {
	background: #EEEEEE;
	margin: 1em 0;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #CFC3B5;
}
.white-bg {
	background: #fff;
	margin: 1em 0;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #CFC3B5;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 { page-break-after: avoid; }