@charset "UTF-8";

/* KIOSKO Y MAS CSS Document */
/* primary: #be1521; */
/* secondary: #838383; */

ins.adsbygoogle::after{
	content: "Publicidad";
	position: absolute;
	color:#000;
	left: 0;
	z-index: -1;
	font-size: small;
}

ins.adsbygoogle.publi::after{
	content: "";
	position: absolute;
	color:#000;
	left: 0;
	z-index: -1;
	font-size: small;
}

html {
	font-size: 16px;
}

body {
	min-height: 100%;
	font: 300 1.125rem/1.4 'Roboto', Arial, sans-serif;
	background-color: #fff;
}

body,table {
	color: #313130;
}

::moz-selection {
	background: #be1521;
	background: rgba(190, 21, 33, .4);
}

::selection {
	background: #be1521;
	background: rgba(190, 21, 33, .4);
}

h1 {
	font-weight: 600;
	font-size: 1.875rem

}

h2 {
	font-weight: 500;
	font-size: 1.375rem;
	margin-bottom: 1.2em;
}

h3 {
	font-weight: 500;
}

h4 {
	font-weight: 500;
	font-size: 1.375rem;
}

h5 {
	font-weight: 500;
}

h6 {
	font-weight: 500;
}

b, strong {
	font-weight: 500;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0 30px rgba(190, 21, 33, .4) inset;
	transition: background-color 5000s ease-in-out 0s;
}

a,
a:hover,
a:focus,
a:active {
	color: inherit;
	text-decoration: none;
	outline: 0;
}

[hidden][style="display: block;"] {
	display: block !important;
}

[hidden][style="display: inline-block;"] {
	display: inline-block !important;
}

[hidden][style="display: inline;"] {
	display: inline !important;
}

.small, small {
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.2rem;
}

.fecha .small, .fecha small {
		display: block;
}

.coloured,
.text-primary {
	color: #be1521 !important;
}

.bg-primary {
	background-color: #be1521 !important;
	color: #fff;
}

.text-secondary {
	color: #838383 !important;
}

.bg-secondary {
	background-color: #838383 !important;
}

.softbutton,
.softbutton-read,
.chooseOptionA,
.chooseOptionB {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn,
.softbutton,
.softbutton-read,
.chooseOptionA,
.chooseOptionB {
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.2em;
	border-radius: 30px;
	padding: .7rem 1.2rem;
	cursor: pointer;
	text-align: center;
}

.chooseOptionA,
.chooseOptionB {
	display: inline-block;
	vertical-align: middle;
	margin: 3rem auto 0;
}

.chooseOptionA {
	margin-right: .5rem;
}

.chooseOptionB {
	margin-left: .5rem;
}

.btn.w-100 {
	padding-left: .5rem;
	padding-right: .5rem;
}

.btn-primary,
.btn-primary:disabled,
.chooseOptionA {
	color: #fff !important;
	background-color: #be1521;
	border-color: #be1521;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,

.chooseOptionA:hover,
.chooseOptionA.focus,
.chooseOptionA:focus,
.chooseOptionA:not(:disabled):not(.disabled).active,
.chooseOptionA:not(:disabled):not(.disabled):active,
.chooseOptionA:not(:disabled):not(.disabled).active:focus,
.chooseOptionA:not(:disabled):not(.disabled):active:focus {
	color: #fff !important;
	background-color: #be1521;
	border-color: #be1521;
	outline: 0;
	box-shadow: 0 0 0 0;
}

.btn-outline-primary,
.chooseOptionB {
	color: #be1521 !important;
	background-color: transparent;
	border-color: #be1521;
}

.btn-outline-primary:hover,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.chooseOptionB:hover,
.chooseOptionB.focus,
.chooseOptionB:focus,
.chooseOptionB:not(:disabled):not(.disabled).active,
.chooseOptionB:not(:disabled):not(.disabled):active,
.chooseOptionB:not(:disabled):not(.disabled).active:focus,
.chooseOptionB:not(:disabled):not(.disabled):active:focus {
	color: #fff !important;
	background-color: #be1521;
	border-color: #be1521;
	outline: 0;
	box-shadow: 0 0 0 0;
}

.btn-secondary {
	color: #313130 !important;
	background-color: #d6d6d6;
	border-color: #d6d6d6;
}

.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
	color: #313130 !important;
	background-color: #d6d6d6;
	border-color: #d6d6d6;
	outline: 0;
	box-shadow: 0 0 0 0;
}

.btn-dark {
	color: #fff !important;
	background: #313130;
	border-color: #313130;
}

.btn-dark:hover,
.btn-dark.focus,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus {
	color: #fff !important;
	background-color: #313130;
	border-color: #313130;
	outline: 0;
	box-shadow: 0 0 0 0;
}

.btn-white,
.softbutton,
.softbutton-read {
	color: #fff !important;
	background: transparent;
	border-color: #fff;
}

.btn-white:hover,
.btn-white.focus,
.btn-white:focus,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active:focus,
.btn-white:not(:disabled):not(.disabled):active:focus,

.softbutton:hover,
.softbutton.focus,
.softbutton:focus,
.softbutton:not(:disabled):not(.disabled).active,
.softbutton:not(:disabled):not(.disabled):active,
.softbutton:not(:disabled):not(.disabled).active:focus,
.softbutton:not(:disabled):not(.disabled):active:focus,

.softbutton-read:hover,
.softbutton-read.focus,
.softbutton-read:focus,
.softbutton-read:not(:disabled):not(.disabled).active,
.softbutton-read:not(:disabled):not(.disabled):active,
.softbutton-read:not(:disabled):not(.disabled).active:focus,
.softbutton-read:not(:disabled):not(.disabled):active:focus {
	color: #be1521 !important;
	background-color: #fff;
	border-color: #be1521;
	outline: 0;
	box-shadow: 0 0 0 0;
}

input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
textarea,
textarea.form-control,
select,
select.form-control,
form button:not(.btn) {
	font: inherit;
	color: #838383;
	height: auto;
	line-height: 1.2em;
	background: #fff;
	margin-bottom: 1.4rem;
	padding: .8rem 1.1rem;
	border-radius: 30px;
	border: 1px solid #d6d6d6;
}

input[type="datetime"],
input[type="datetime-local"],
input[type="date"] {
	min-width: 120px;
}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
form button:focus:not(.btn) {
	outline: 0;
	-webkit-box-shadow: 0 0 6px #d6d6d6;
	box-shadow: 0 0 6px #d6d6d6;
}

button:focus {
	outline: 0;
}

input[type="checkbox"],input[type="radio"]{float:left;width:0.1px;height:0.1px;opacity:0;overflow:hidden;margin:0;padding:0}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 2rem;
	margin-bottom: 1.4rem;
	text-align: left;
}

input[type="checkbox"]+label svg,
input[type="radio"]+label svg {
	position: absolute;
	top: 0px;
	left: 0px;
}

input[type="checkbox"]+label svg path,
input[type="radio"]+label svg circle {
	fill: none;
	stroke: #be1521;
	stroke-width: 2;
}

input[type="checkbox"]+label svg polyline,
input[type="radio"]+label svg polyline {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-dasharray: 18px;
	stroke-dashoffset: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input[type="checkbox"]:checked+label svg path,
input[type="radio"]:checked+label svg circle {
	fill: #be1521;
}

input[type="checkbox"]:checked+label svg polyline,
input[type="radio"]:checked+label svg polyline {
	stroke-dashoffset: 0;
}

.cesion-label {
	display: table-cell!important;
}
div .cesion-label {
	margin-left:2rem;
}

textarea,
textarea.form-control,
select[multiple],
select[size] {
	resize: vertical;
	line-height: 1.4;
	min-height: 150px;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

s {
	color: #e9322d;
}

option {
	font-weight: inherit;
}

.g-recaptcha{display:inline-block;margin:1rem auto}
iframe{border:0 !important}
figure{margin:0 auto}
figure img,figure svg,figure video{width:100%}
.google-maps{position:relative;padding-bottom:35%;height:0;overflow:hidden}
.google-maps iframe{position: absolute;top:0;left:0;width:100% !important;height:100% !important}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.valign+.inline{width:100%;display:inline-block;vertical-align:middle;}

.scrolltop {
	display: none;
	position: fixed;
	bottom: 3vw;
	right: 3vw;
	width: 10vw;
	height: 10vw;
	z-index: 99;
	background: #000;
	padding: 3vw;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: -10px;
	opacity: .5;
	cursor: pointer;
}

.scrolltop svg {
	width: 100%;
	height: 100%;
}

.scrolltop svg * {
	fill: #fff !important;
}

.social a {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.social a:not(:last-child) {
	margin-right: .5rem;
}

.social a img,
.social a svg {
	display: block;
	width: 32px;
	height: 32px;
}

section:not(.main_container) {
	padding: 2rem 0;
}

#envIndicator{
	text-align: center;
	background: #bf2030;
	color:  white;
	font-weight: bold;
	padding: 10px;
	width: 100%;
	z-index: 10000;
	top: 0;
}
#logedAsIndicator{
	text-align: center;
	background: #2051bf;
	color:  white;
	font-weight: bold;
	padding: 10px;
	width: 100%;
	z-index: 10000;
	top: 0;
}

.desktop_only { display: block;}

.destacado{
	color: #fe3f52;
}
.destacado:hover {
	font-weight: bold;
	color: #FF7885;
}

.chapa-gratis{
	width: 100%;
	height: 100%;
	background-image: url("/img/transparenciaygratis.png");
	background-size: 100%;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 20;
}
.chapa-primera-edicion{
	width: 100%;
	height: 100%;
	background-image: url("/img/transparenciayprimeraedicion.png") no-repeat center top / contain;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 20;
}

.loading-slider{
	width: 602px;
	height: 193px;
	background-color: #000;
	background-image: url(/img/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto 30px;
	padding-left: 38px;
	padding-right: 38px;
	max-width: none !important;
}

/* generales para todas las páginas*/
.button-capa:hover{
	background-color: #fff;
	color: #fe3f52;
}

.button-capa{
	width: 150px;
	height: auto;
	right: -153px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	margin-left: 2px;
	background-color: rgb(254, 63, 82);
	border-color: rgb(254, 63, 82);
	border-top-left-radius: 0px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 0px;
	position: absolute;
	z-index: 10000;
	display: block;
}
.purchase{
	top: 100px;
}
.details{
	top: 150px;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior
{
	font-size: 1.1em;
	line-height:  1.2;
	min-height: 550px;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior a:link {
	color: rgb(193, 42, 58);
}

/* visited link */
#principal .conte-blanco .conte-blanco-int .cuadro-interior a:visited {
	color: rgb(30, 30, 30);
}

/* mouse over link */
#principal .conte-blanco .conte-blanco-int .cuadro-interior a:hover {
	color: rgb(0, 0, 0);
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior p
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior ol li {
	list-style-type: decimal;
	line-height: 150%;

}

#principal .conte-blanco .conte-blanco-int .cuadro-interior ul li {
	list-style-type: disc;
	line-height: 150%;

}

#principal .conte-blanco .conte-blanco-int .cuadro-interior h1 {
	font-size: 1.4em;
	margin-top: 10px;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior h2 {
	font-size: 1.3em;
	margin-top: 10px;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior h3 {
	font-size: 1.2em;
	margin-top: 10px;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior input {
	font-size: 1.1em;
	margin-top: 10px;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	border:1px dotted lightgray;
}

#principal .conte-blanco .conte-blanco-int .cuadro-interior select {
	font-size: 1.1em;
	margin-top: 10px;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	border:1px dotted lightgray;
}


#principal .conte-blanco .conte-blanco-int .cuadro-interior input[type="button"],
#principal .conte-blanco .conte-blanco-int .cuadro-interior input[type="submit"] {

	border: 1px solid gray;
	padding: 5px 12px 5px 12px;
	background-color: rgb(193, 42, 58);
	color: white;
}


/* Zonas ocultables */

.zona-privada {
	display: none;
}

.zona-no-privada {
	display: none;
}

/* Otros */

.carrusel_img {
	width: 143;
	height: 193;
}


/**
# CARRITO NORMAL ->
*/
.chooseframe,.errorframe ,.carritoframe{
	background-color: white;
	color: black;
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #c12a3a;
	padding: 30px;
	border-radius: 0;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 300;

	width: 60%;
	min-width: 300px;
	min-height: 20%;
	z-index: 999999999999999999;
}

.errorframe .errorclose
{
	background-color: rgb(193, 42, 58);
	color: white;
	padding: 3px 5px 3px 5px;
	border: 0;
	cursor: pointer;
	width: 100px;
	position: absolute;
	bottom: 20px;
	right: 30px;
	border-radius: 5px;
}

.choosetext, .errortext {
	text-align: center;
}

/** Selector de carrito **/
.carritoframe .chooseOptionA img{
	position: sticky;
	height: 19px;
	width: 19px;
	margin-left: 2px;
	float: left;
}

.carritoframe .carritodescription{
	display: flex;
}
.carritoframe .carritodescription .carritotext{
	padding: 10px;
	font-size: initial;
	width: 100%;
	text-align: center;
}
.carritoframe .carritotile{
	font-weight: bolder;
	margin-bottom: 1%;
}
.carritoframe .carritoimage img{
	width: 100px;
}
.carritoframe .carritoprices{
		width: -webkit-fill-available;
		padding: 10px 0px 10px 10px;
}
.carritoframe .carritotitle, .carritoframe .carritoprices table tr td {
	font-weight: bold;
	cursor: pointer;
}

.carritoframe .carritoprices table tr td{
	font-weight: 100;
	padding: .3rem 0;
	transition: background-color ease .3s,color ease .3s;
}

.carritoframe .carritoprices table tr td:first-child{
	padding-left: .5rem;
}

.carritoframe .carritoprices table tr td:last-child{
	padding-right: .5rem;
	font-weight: bold;
}

.carritoframe .carritoprices table tr:hover td,
.carritoframe .carritoprices table tr.active td{
	background-color: #be1521;
	color: #fff!important;
}

.carritoframe .carritotitle, .carritoframe .carritoprices table tr td input{
	vertical-align: middle;
	font-size: 1.5em;
}
/**
# <- CARRITO NORMAL
*/


.rotate {
		-webkit-animation: rotation 2s infinite linear;
						animation: rotation 2s infinite linear;
}



/** Selector de carrito **/
.infoframe {
	background-color: white;
	color: black;
	font-size: 1.1em;
	text-align: center;
	border: 2px solid lightgray;
	padding: 30px;
	border-radius: 10px;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 300;
	min-width: 300px;
	min-height: 150px;
}

.infoframe .infoclose
{
	background-color: rgb(193, 42, 58);
	color: white;
	padding: 3px 5px 3px 5px;
	border: 0;
	cursor: pointer;
	width: 100px;
	position: absolute;
	bottom: 20px;
	right: 30px;
	border-radius: 5px;
}

.infoframe .infosubmit
{
	background-color: #48db57;
	color: white;
	padding: 3px 5px 3px 5px;
	border: 0;
	cursor: pointer;
	width: 100px;
	position: absolute;
	bottom: 20px;
	left: 30px;
	border-radius: 5px;
	display: block;
}

.infotext {
	text-align: left;
}

/* NUEVA CLASE BOTON MENU */


.ico-boton{
	display: block;
	float: left;
	height: auto;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

/* aviso cookies */
#cookies-alerta {
	display: none;
}

#cookies-alerta p_cookies a {
	color:#000000;
	text-decoration:underline;
}
#cookies-alerta p a{
	color:#000000;
	text-decoration:underline;
}
.cookillian-alert {
	position: fixed;
	top: auto;
	bottom: 30px;
	left: auto;
	right: 30px;
	width: calc(100% - 60px);
	max-width: 300px;
	z-index: 199;
	font-size: .8rem;
	text-align: left;
	background: #fff;
	border: 3px solid #be1521;
	padding: 20px;
	-webkit-transition: all .8s cubic-bezier(.2,.45,.42,1.28);
	transition: all .8s cubic-bezier(.2,.45,.42,1.28);
}
.cookillian-alert .close {
	float: right;
	width: 30px;
	height: 30px;
	text-align: right;
	position: relative;
	top: 0;
	font-size: 2rem;
	right: 0;
	line-height: 2rem;
	padding: 0;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.cookillian-alert .alert-heading {
	font-size: 18px;
	line-height: 26px;
	clear: none;
}
.cookillian-alert .buttons {
	margin-top: 10px;
}
.cookillian-alert .btn {
	text-decoration: none;
	display: inline-block;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-color: #ccc;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	background-color: #f5f5f5;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.cookillian-alert .btn-ok:hover, .cookillian-alert .btn-ok:active {
	background-color: #51a351;
}
.cookillian-alert .btn-no, .cookillian-alert .btn-no:hover, .cookillian-alert .btn-ok, .cookillian-alert .btn-ok:hover {
	color: #fff;

}
.cookillian-alert .btn:hover {
	color: #333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
.cookillian-alert .btn-ok {
	background-color: #5bb75b;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.cookillian-alert .btn-ok:hover, .cookillian-alert .btn-ok:active {
	background-color: #5bb75b;
}
.cookillian-alert .btn-no:hover, .cookillian-alert .btn-no:active {
	background-color: #da4f49;
}
.cookillian-alert .btn-no {
	background-color: #da4f49;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
/* fin aviso cookies */


/** MENU */
.main_nav a:hover,
.main_nav a.active {
	background-color: #5b0b15;
}

#menuab{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 1010;
	background-color: #232322;
	display: none;
	overflow: auto;
}

#menuab .closeMenu {
	width: 35px;
	margin: 0 7px;
	cursor: pointer;
}

#menuab .menu-header{
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#menuab .menu-header .logo *{
	fill: #838383 !important;
}

#menuab .darkBack + .container {
	padding-top: 6rem;
	padding-bottom: 3rem;
}

#menuab .izq h3{
	margin: 0;
	width: 10px;
	font-weight: 300;
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	position: relative;
	letter-spacing: 4rem;
}

#menuab .izq h3 span{
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

#menuab .izq {
	border-right: solid 1px #838383;
}

#menuab .dch {
	color: #fff;
	font-size: 1.375rem;
}


#menuab .dch strong{
	text-transform: uppercase;
	font-weight: 600;
	color: #d82133;
}

#menuab .nav-link{
	cursor: pointer;
	display: block;
	width: auto;
	padding: .5rem;
	position: relative;
	transition: all ease .5s;
}

#menuab .nav-link:hover{
	color: #fff;
}

#menuab .nav-link::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #fff;
		transition: all ease .3s;
		transform: scaleX(0);
		transform-origin: left center;
		position: absolute;
		left: 0;
		top: 100%;
}

#menuab .nav-link:hover::after,
#menuab .nav-link.active::after  {
		transform: scaleX(.3);
}


#menuab .nav-sublink{
	padding-left: 1.5rem;
	font-weight: 100;
	color: rgb(225, 60, 76);
}

#menuab .social_icon{
	width: 35px;
	margin-top: 15px;
	display: block;
}

#menuab .social_icon g{
	opacity: 1!important;
}


#publicaciones_menu{
	z-index: 101;
	position: fixed;
	left: 0;
	width: 100vw;
	padding: 3.5rem 0;
	color: #fff;
	display: none;
}

#publicaciones_menu.alt{
	margin-top: 8rem;
	padding-bottom: 11rem;
}

#publicaciones_menu .overflow{
	overflow: auto;
	height: 100%;
}

#publicaciones_menu h3{
	text-transform: uppercase;
	font-size: 1.375rem;
	margin-bottom: 1.7rem;
}

#publicaciones_menu .btn,
.buttons-category .btn{
	padding-left: .5rem;
	padding-right: .5rem;
	width: 100%;
	margin-bottom: 2rem;
	font-size: 1rem;
}
#publicaciones_menu hr{
	margin-top: 1.5rem;
	margin-bottom: 3rem;
	border-top: solid 1px rgba(255,255,255,.4);

}
#publicaciones_menu .closeMenu{
	max-width: 35px;
	cursor: pointer;
	-ms-transform: translateY(-.5rem);
	transform: translateY(-.5rem);
}

#publicaciones_menu .closeMenu svg *{
	fill: #fff !important;
}

.animate {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden; /* Chrome and Safari */
	-moz-backface-visibility: hidden; /* Firefox */
	-ms-backface-visibility: hidden; /* Internet Explorer */
}

/** HEADER */
header,
.menu-header {
	padding: 1rem 0;
	position: sticky;
	top: 0;
	z-index: 40;
	background-color: #fff;
}

header {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
	-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);
	z-index: 999;
}

header .logo {
	width: auto;
	text-align: center;
}

header .logo a,
header .logo img,
header .logo svg {
	width: 100%;
	max-width: none;
	height: auto;
}

#show_menu_alt {
	position: absolute;
	top: 0;
	right: 15px;
	width: 1.5rem;
	height: 1.5rem;
}

#show_aside figure {
	width:24px;
}

.menu-header .logo {
	max-width: 150px;
	position: relative;
	z-index: 50;
	padding-top: 1rem;
}

header .enlaces_center .arrow{
	width: 12px;
	margin-left: 3px;
	height: 12px;
}

header .enlaces_center .enlace{
	padding: .5rem;
	display: block;
	font-size: 1.125rem;
	cursor: pointer;
	transition: color ease .5s;
}

header .enlaces_center .enlace:hover,
header .enlaces_center .enlace:hover svg *{
	color: #be1521;
	fill:  #be1521!important;
}
.premium-link{
	color: goldenrod;
	font-weight: bolder;
}

header .button_submenu{
	position: relative;
}

header .button_submenu:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 30px 20px;
	border-color: transparent transparent #be1521 transparent;
	position: absolute;
	left: 50%;
	top: 350%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity ease .3s;
}

header .button_submenu.active:after,
header .user_options.active:after{
	opacity: 1;
}

header .icons figure{
	width: 40px;
	margin: 0 7px;
	cursor: pointer;
	position: relative;
}

header .icons figure .back,
svg .back{
	opacity: 0 !important;
	transition: opacity ease .8s;
}

header .icons figure:hover .back,
header .icons figure.active .back,
svg:hover .back{
	opacity: 0.33!important;
}

header .icons figure figcaption{
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 60%;
	color: #fff;
	font-weight: 500;
	font-size: .7rem;
	line-height: 2;
	height: 20px;
	width: 20px;
	-ms-transform: translate(25%,25%);
	transform: translate(25%,25%);
}

header .user_options{
	position: relative;
}

header .user_options .options{
	position: absolute;
	left: 50%;
	top: 147%;
	z-index:1;
	transform: translateX(-50%);
	width: 150px;
	padding: 1.5rem .5rem;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	display: none;
}

header .user_options .options p{
	margin-bottom: .75rem;
	opacity: .9;
	font-weight: 300;
	transition: all ease .1s;
	margin: 0;
}

header .user_options .options p:hover{
	opacity: 1;
	font-weight: 500;
}

header .user_options .options a{
	display: block;
	padding: .5rem 0;
}

#button-buscador-inteligente {
	position: relative;
	z-index: 2;
}

#buscador-inteligente {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #f1f1f1;
	border-radius: 20px;
	border: 0;
	margin: 0;
	-ms-transform: scale(0);
	transform: scale(0);
	transition: width .5s linear, transform .1s linear .5s;
}

#buscador-inteligente.show {
	-ms-transform: scale(1);
	transform: scale(1);
	transition: width .5s linear;
}

#buscador-inteligente.show,
#buscador-int {
	width: 50vw;
}

#buscador-int {
	display: none;
	position: absolute;
	top: 110%;
	left: auto;
	right: 10px;
	background-color: #fff;
	z-index: 3;
}

#buscador-int:not(:empty) {
	height: 70vh;
	overflow: auto;
}

#buscador-int a:fist-of-type {
	color: #be1521;
	border: 0;
}

.item-buscador {
	text-align: left;
	padding: 1rem 2rem;
}

a:not(last-child) > .item-buscador {
	border-bottom: 1px solid #ededed;
}

.item-buscador p {
	margin-bottom: 0;
	font-size: .7rem;
}

.item-buscador figure{
	width: 100px !important;
	margin: 0 !important;
}

.item-buscador figure img{
	width: 100% !important;
	height: auto !important;
}

.item-buscador img + p {
	color: #be1521;
	font-weight: 600;
	margin-bottom: 1rem;
}

.item-buscador p:last-child {
	min-height: 2.8rem;
}

.item-buscador:hover {
	background-color: rgba(190, 21, 33, .4);
}

/** FOOTER */
footer {
	background: #313130;
	color: #fff;
	padding: 3rem 0;
	font-size: 1rem;
}

footer .logo{
	max-width: 150px;
	margin: 0 auto;
	margin-left: 0;
}
footer .logo svg * {
	fill: #fff !important;
}

footer h3{
	font-size: 1rem;
}

footer ul,
footer ol {
	padding: 0;
	margin: 0;
}

footer li {
	list-style-type: none;
	margin-bottom: .7rem;
}

footer input#mail_newsletter{
	background-color: rgba(255,255,255,.1);
	border: none;
	font-weight: 300;
		font-size: 1.125rem;
		line-height: 1.2em;
		padding: .7rem 1rem;
		height: auto;
		color: #fff;
		width: 100%;
		height: auto;
		margin-bottom: 0;
}



/** NUEVO ESTILO PARA EL CARRITO **/
.carrito_elementos{
	display: grid;
}
.carrito_counter, .inbox_counter{
	display: block;
	position: absolute;
	bottom: -.5rem;
	right: -.5rem;
	font-size: 1rem;
	line-height: 1rem;
	overflow: hidden;
	color: #fff;
	background: #d52424;
	border-radius: 50%;
	width: 1.4rem;
	height: 1.4rem;
	padding: .25rem;
	text-align: center;
}
.inbox_counter_menu{
	background: #851a1a !important;
	border-radius: 50%;
	padding: .25rem 0.45rem;
}

/** FIN NUEVO ESTILO PARA EL CARRITO**/


/* comunes */
.precarga-img {

}
a:hover.destacado-flecha-izda {
	background-image: url('/img/flechaIzda2.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
a:hover.destacado-flecha-dcha {
	background-image: url('/img/flechaDcha2.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
a:hover.flecha-bloque-izda {
	background-image: url('/img/flechaIzda2.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
a:hover.flecha-bloque-dcha {
	background-image: url('/img/flechaDcha2.png');
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center center;
}
.page-carrito1 .conte-img-item1 {
	height: 80%;
}
.conte-img-item-detalle, .conte-img-item-detalle .image {
	height: 100%;
}
.conte-img-item-otras {
	height: 85%;
}
.conte-img-item-otras .image {
	height: 100%;
}
.conte-img-item-suplementos, .conte-img-item-suplementos .image, .conte-img-item-anteriores .image, .conte-img-item-anteriores2 .image, .conte-img-item-miscompras .image, .conte-img-item-popup img {
	height: 100%;
}
.conte-img-item-anteriores {
	height: 103%;
}
.conte-img-item-anteriores2, .conte-img-item-miscompras, .conte-img-item-popup  {
	height: 100%;
}
#menu-desp, #cierra-popup {
	cursor: pointer;
	cursor: hand;

}
/* fin comunes */

/* contenido */
.slider-bloque {
	margin-bottom: 4rem !important;
}

.bx-wrapper {
	margin-bottom: 0 !important;
}

.bx-wrapper .bx-loading,
.loading-slider {
	background-color: #fff !important;
	background-image: url('/img/v2/loader.gif') !important;
	width: 100%;
	height: auto;
}

.bx-wrapper .bx-pager {
	display: none !important;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover {
	background: center center no-repeat !important;
	background-size: auto 100% !important;
}
.bx-wrapper .bx-prev{left: -25px!important;}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover {
	background-image: url('/img/v2/icons/prev.svg') !important;
}

.bx-wrapper .bx-next{right: -25px!important;}
.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {
	background-image: url('/img/v2/icons/next.svg') !important;
}

.bx-wrapper .bx-viewport{
	padding: 4px;
}

.item-capa figure,
.conte-img-item1 figure,
.img-titular figure{
	max-height: 270px;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);	
}

.item-capa figure .capa,
.conte-img-item1 figure .capa{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 97;
	padding: 28% 0;
}


/****** CAPA ******/
.capa,
.capa-aniadir,
.detalles-micarpeta {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #be1521;
	background: rgba(190, 21, 33, 1);
	color: #fff;
	z-index: 100;
	text-align: center;
	display: none;
}

.capa-aniadir,
.detalles-micarpeta {
	top: 50%;
	bottom: auto;
	height: auto;
	padding: .5rem 1rem;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 96;
	display: block;
}

.capa-aniadir p,
.detalles-micarpeta p {
	margin: 0;
}

.capa-a-titulo {
	margin: 0;
	padding: .8rem 0;
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff;
	height: 10px;
	overflow: height;
	visibility: hidden;
}

.capa-a-precio {
	padding: 10px 5px 5px;
	font-size: 1.286rem;
	font-weight: 600;
	color: #fff;
	margin-left: 0;
}

.capa .btn,
.capa .softbutton,
.capa .softbutton-read {
	font-size: .9rem;
	width: 80%;
	margin: 8% auto 0;
}

.item-detalle-miscompras .capa {
	width: 106%;
}

/****** FIN CAPA ******/
.conte-lupa {
	position: absolute;
	bottom: .5rem;
	left: .5rem;
	width: 40px;
	z-index: 98;
	display: block;
	cursor: pointer;
}

.titulo-rojo {
	float: left;
	width: 100%;
	font-size: 1.8em;
	line-height: 1.38;
	color: rgb(193, 42, 58);
}

.conte100rojo {
	float: left;
	clear: both;
	width: 96%;
	margin-left: 1.99653%;
}

.cuadro-compra {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.cuadro-interior1 {
	float: left;
	width: 100%;
	min-height: 100px;
	padding: 35px;
	border-radius: 6px;
	background-color: rgb(193, 42, 58);
}

.img-interior {
	width: 70.9523665872%;
	margin: 0 auto;
}

.populares art, .legalAdvertiment {
	font-size: .8rem;
	color: #989897;
	text-align: center;
	padding: 0 1rem;
	font-weight: 300;
}

.selector {
	cursor: pointer;
}

.selector figure > img,
.selector figure > svg {
	transition: transform .3s linear;
}

.selector:not(.active) figure > img,
.selector:not(.active) figure > svg {
	-ms-transform: scale(.7);
	transform: scale(.7);
}

.selector h2 {
	font-weight: 300;
	color: #1c1c1b;
}

.selector.active h2 {
	color: #be1521;
}

.selector figcaption {
	text-align: center;
	margin: 1rem 0 2rem;
}

.selector figcaption > svg {
	width: 2rem;
	height: 2rem;
}

.selectable:not(.active) {
	display: none;
}

/* fin contenido */

.banner {
	position: relative;
	background: #be1521;
	color: #fff;
	text-align: center;
	min-height: 100px;
	max-height: 150px;
	overflow: hidden;
}

.multiply-img img {
	mix-blend-mode: multiply;
}

.banner figcaption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner figcaption h1 {
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 0;
}

.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev){
	display: block;
	padding: .5rem 2rem;
	font-weight: 300;
	color: #838383 !important;
	position: relative;
	cursor: pointer;
	text-align: center;
}

.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev):hover,
.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev).active{
	color: #be1521 !important;
}

.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev)::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #be1521;
	transition: all ease .3s;
	transform: scaleX(0);
	transform-origin: center;
	position: absolute;
	left: 0;
	top: 100%;
}

.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev):hover::after,
.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev).active::after  {
	transform: scaleX(.5);
}

.wrapper_search {
	width: 70%;
	position: relative;
	margin: 0 auto !important;
}

.inputTextFiltro {
	width: 100% !important;
	background-color: #eaeaea !important;
	border: 0 !important;
	margin: 0 !important;
}

.wrapper_search:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 30px;
	width: 2.8rem;
	height: 2.8rem;
	background: #eaeaea url(/img/v2/icons/search-circle.svg) center center no-repeat / 60% auto;
}

.toggleCalendario{
	width: 35px;
	cursor: pointer;
	position: relative;
}

.toggleCalendario .back{
	opacity: 0!important;
	transition: opacity ease .5s;
}

.toggleCalendario:hover .back{
	opacity: .27!important;
}

.toggleCalendario .datepicker_square{
	position: absolute;
	right: 0;
	top: 90%;
	width: auto;
	z-index: 30;
	display: none;
}

.toggleCalendario .datepicker_square .linea_vert{
	height: 50px;
	width: 0;
	border-left: solid 2px #be1521;
	margin-right: 16px;
	margin-left: auto;
}

.toggleCalendario .datepicker{
	width: auto;
	background-color: #fff;
	padding: 1.5rem;
	border: solid 2px #be1521;
}

.datepicker a{
	padding: 0;
}

.datepicker .ui-datepicker {
	min-width: 250px;
	text-align: center;
}

.datepicker .ui-datepicker-prev, .datepicker .ui-datepicker-next {
		text-indent: 100%;
		width: 30px;
		height: 32px;
		line-height: 32px;
		overflow: hidden;
		background: url(/img/v2/icons/calendar_arrow.svg) no-repeat center center;
		background-size: auto 50%;
		transform-origin: center;
		padding: 0;
}

.datepicker .ui-state-disabled {
	opacity: .4;
}

.datepicker .ui-datepicker-prev{
	float: left;
}

.datepicker .ui-datepicker-next{
	float:right;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.datepicker .ui-datepicker-title{
	text-align: center;
	margin-bottom: 1rem;
}

.datepicker .ui-datepicker-calendar{
	width: 100%;
}

.datepicker th {
	padding: 5px 6px;
}

.datepicker tbody td a,
.datepicker tbody td span {
	display: block;
	text-align: center;
}


.datepicker .ui-state-default{
	color: #1c1c1b!important;
}

.datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{
	color: #c1c1c1 !important;
}

.datepicker .ui-state-default.ui-state-active{
	color: #be1521!important;
}

.canjea_codigo {
	text-align: center;
}

.canjea_codigo .banner {
	height: 85vh;
	max-height: none;
	position: relative;
	color: #fff;
}

.canjea_codigo .banner .botones_top .btn:not(.visible) {
	opacity: .4;
}

.canjea_codigo .banner .botones_top .btn:hover {
	opacity: 1!important;
}

.canjea_codigo .banner .fondo {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #fff no-repeat center / cover;
}

.canjea_codigo .banner .fondo_digital {
	background-image: url('/img/v2/banners/banner_canjea_digital.jpg');
}

.canjea_codigo .banner .fondo_papel {
	background-image: url('/img/v2/banners/banner_canjea_papel.jpg');
	display: none;
}

.canjea_codigo .banner input,
.canjea_codigo .banner button {
	width: 350px;
}

.canjea_codigo .banner input,
.canjea_codigo .banner select {
	background-color: transparent;
	border: solid 1px #fff;
	height: auto;
	text-align: center;
	padding: 1rem .5rem;
	color: #fff;
	line-height: 1.2;
}

.canjea_codigo .banner input,
.canjea_codigo .banner select,
.canjea_codigo .banner button {
	width: 100%;
	max-width: 350px;
}

.canjea_codigo .banner ::-webkit-input-placeholder{color:#fff}
.canjea_codigo .banner :-moz-placeholder{color:#fff}
.canjea_codigo .banner ::-moz-placeholder{color:#fff}
.canjea_codigo .banner :-ms-input-placeholder{color:#fff}
.canjea_codigo .banner input:-webkit-autofill,
.canjea_codigo .banner input:-webkit-autofill:hover,
.canjea_codigo .banner input:-webkit-autofill:focus
.canjea_codigo .banner textarea:-webkit-autofill,
.canjea_codigo .banner textarea:-webkit-autofill:hover
.canjea_codigo .banner textarea:-webkit-autofill:focus,
.canjea_codigo .banner select:-webkit-autofill,
.canjea_codigo .banner select:-webkit-autofill:hover,
.canjea_codigo .banner select:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
}

.canjea_codigo .banner .content_papel {
	/*display: none;*/
}

.canjea_codigo .banner .content_papel select option {
	color: #6c757d;
}

.canjea_codigo .tarjeta {
	max-width: 600px;
	margin: 0 auto 2rem;
}

.canjea_codigo .tarjeta_regalo p {
	max-width: 300px;
	margin-bottom: 2rem;
}

.canjea_codigo section {
	padding: 7rem 0;
}

.canjea_codigo h1 {
	font-weight: 600;
	font-size: 3.125rem;
	text-transform: uppercase;
}

.canjea_codigo .regala_publicacion textarea {
	height: 200px;
}

#myform span {
	display: none;
}

.regala_publicacion{
	background-color: #eaeaea;
	display: none;
}

.regala_publicacion input,
.regala_publicacion select,
.regala_publicacion textarea{
	width: 100%;
	background-color: #fff;
	border: none;
}

.select-css {
		display: block;
		font-size: 1.125rem;
		font-weight: 300;
		line-height: 1.2;
		height: auto;
		padding: .8rem 1rem;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin: 0 0 1.4rem;
		border: none;
		box-shadow: none;
		border-radius: 30px;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		color: #6c757d;
		border:solid 1px #6c757d;
		background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23838383%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat, repeat;
		background-position: right .7em top 50%, 0 0;
		background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
		display: none;
}
.select-css:focus {
		outline: 0;
		-webkit-box-shadow: 0 0 6px #000;
		box-shadow: 0 0 6px #000;
}
.select-css option {
		font-weight:normal;
}

.bg-img {
	background-color: rgba(0, 0, 0, .5);
	position: relative;
	padding: 2rem;
	height: 70vh;
	overflow: hidden;
}

.bg-img.bg-login{
	height: auto;
	min-height: 70vh;
}


.bg-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}

.area_login {
	background: #fff;
	height: 100%;
	overflow: auto;
}

.bg-img .area_login {
	height: calc(100% - 4rem);
}

.area_login figure > svg {
	margin: 1rem auto;
}

.area_login figure > svg * {
	fill: #fff !important;
}

.area_login h1 {
	font-weight: 500;
	font-size: 1.875rem;
}

.area_login .category_menu,
.area_login form {
	margin-bottom: 2rem;
}

.area_login .category_menu {
	padding-bottom: 0;
}

.area_login .registro_f_nac {
	position: absolute;
	top: -1rem;
	left: 15px;
	font-size: .7rem;
}

.area_login .select-css{
	border-color: #d6d6d6;
}

.estaticos a {
	color: #be1521;
}

.estaticos a:hover {
	text-decoration: underline;
}


/* 5ª COLUMNA. 12/5 = 2.4 (.col-2.4) */
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-2dot4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
@media (min-width: 540px) {
	.col-sm-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 720px) {
	.col-md-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 960px) {
	.col-lg-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1140px) {
	.col-xl-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}



@media(max-width: 1461px) {
	.purchase{
		top: 100px;
	}
	.details{
		top: 150px;
	}
}

@media(max-width: 1150px){
	.chooseframe,.carritoframe{
		width: 45%;
	}
}
@media(max-width: 1000px){
	.chooseframe,.carritoframe{
		width: 55%;
		padding: 25px;
	}
	#menu-seleccion-prensa{
		display: none;
	}
	#menu-seleccion-revistas{
		display: none;
	}
	#menu-seleccion-extras{
		display: none;
	}
	.menu-seleccion{
		right: -140px;
	}
}

@media(max-width: 768px) {
	.chooseframe,.carritoframe{
		width: 65%;
	}
	.desktop_only { display: none};

	.purchase{
		top: 100px;
	}
	.details{
		top: 150px;
	}

	/* contenido */
	.conte-blanco-int .conte100rojo {
		width: 94%;
		margin-left: 2.99683%;
	}

	.cuadro-interior1 .img-interior {
		float: left;
		margin-top: 15px;
		margin-right: 0;
		margin-left: 15.39164%;
	}
	/* fin contenido */

	
}

@media(max-width: 620px) {

	.chooseframe,.carritoframe{
		width: 85%;
	}

	.desktop_only { display: none};

	.button-capa{
		top: 96%;
	}
	.purchase{
		left: 0px;
		top: auto;
		bottom: 0;
	}
	.details{
		left: 120px;
		top: auto;
		bottom: 0;
	}

	/* contenido */
	#principal .conte-blanco .conte-blanco-int {
		font-size: 1.5em;
	}

	.conte-blanco-int .conte100rojo {
		width: 90%;
		margin-left: 5%;
	}

	.cuadro-interior1 .img-interior {
		float: none;
		width: 60%;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
	}
	/* fin contenido */

	
}

@media(max-width: 480px) {

	.chooseframe,.carritoframe{
		width: 95%;
		padding: 15px;

	}
	.carritoframe .carritoprices table tr td{
		font-size: 0.8em;
	}

	.desktop_only { display: none};

	/* aviso cookies */
	.cookillian-alert {
		font-size: 12px;
		line-height: 1em;
	}
}

/** Iphone 6 es 375px */
@media(max-width: 350px) {
	.chooseframe,.carritoframe{
		width: 100%;
	}
	.carritoframe .carritoprices table tr td{
		font-size: 0.8em;
	}
	.chooseOptionA, .chooseOptionB{
		font-size: 0.8em;
	}
	.carritoframe .chooseOptionA img{
		display: none;
	}
}
@media(max-width: 360px) {
	.desktop_only { display: none};

	.errorframe {
		background-color: white;
		color: black;
		font-size: 1.3em;
		border: 2px solid rgb(193, 42, 58);
		padding: 30px;
		border-radius: 10px;
		display: none;
		position: fixed;
		top: 50%;
		left:  50%;
		z-index: 300;
		margin-right: auto;
		margin-left: auto;
	}

	.errorframe .errorclose
	{
		background-color: rgb(193, 42, 58);
		color: white;
		padding: 3px 5px 3px 5px;
		border: 0;
		cursor: pointer;
		width: 100px;
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		bottom: 20px;
		right: 30px;
		border-radius: 5px;
		float:right;

	}

	.infoframe {
		background-color: white;
		color: black;
		font-size: 1.3em;
		border: 2px solid rgb(193, 42, 58);
		padding: 30px;
		border-radius: 10px;
		display: none;
		position: fixed;
		top: 120px;
		left: 0px;
		z-index: 300;
		margin-right: auto;
		margin-left: auto;
	}

	.infoframe .infoclose
	{
		background-color: rgb(193, 42, 58);
		color: white;
		padding: 3px 5px 3px 5px;
		border: 0;
		cursor: pointer;
		width: 100px;
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		bottom: 20px;
		right: 30px;
		border-radius: 5px;
		float:right;

	}

	.infoframe .infosubmit
	{
		background-color: #48db57;
		color: white;
		padding: 3px 5px 3px 5px;
		border: 0;
		cursor: pointer;
		width: 100px;
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		bottom: 20px;
		left: 30px;
		border-radius: 5px;
		float:left;
		display: block;
	}

	
}


/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 */
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/** MEDIA QUERIES **/
@media (min-width: 500px) {
	header .button_submenu:after { top: 250%; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.canjea_codigo .banner { height: 85vh; }
	.scrolltop { margin-top:-10px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#publicaciones_menu .closeMenu { -ms-transform: translateY(.5rem); transform: translateY(.5rem); }
	#menuab { position: fixed; height: 100vh; }
	#menuab .darkBack > .container { padding-top: 3rem; padding-bottom: 3rem; }
	section:not(.main_container) { padding-top: 3.5rem; padding-bottom: 3.5rem; }
	.item-buscador p { font-size: 1.125rem }
	.scrolltop { bottom:5vw;right:5vw;width:5vw;height:5vw;padding:1vw; }
	.populares art, .legalAdvertiment, .estrecho { padding-left: 4rem; padding-right: 4rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#show_menu_alt { display: none; }
	header { height: calc(2rem + 45px) !important; overflow: visible !important; }
	header .logo {max-width: 150px; height: auto; }
	header .logo a, header .logo img, header .logo svg { width: 100%; height: auto; }
	header .button_submenu:after { top: 120%; }
	#publicaciones_menu .closeMenu { -ms-transform: translateY(1rem); transform: translateY(1rem); }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#buscador-inteligente.show, #buscador-int { width: 730px; }
	.populares art, .legalAdvertiment, .estrecho { padding-left: 8rem; padding-right: 8rem; }
}
@media (max-width: 1200px) {
	header .icons figure{width: 33px;}
	header .logo{width: 110px;}
}
@media (max-width: 992px) {
	header .enlaces_center .enlace{font-size: 1rem;}
	header .button_submenu:after{display: none;}
	header .icons figure{width: 32px;}
	#buscador-inteligente.show, #buscador-int{max-width: 440px;}
	.botones_top .btn{width: 100%;}

}

@media (max-width: 768px){
	#buscador-inteligente{top:137%;right:auto;left:200%;transition: width .3s linear, transform .1s linear .3s;}
	#buscador-int{right:auto;left:200%;top:180%;-ms-transform:translateX(-80%);transform:translateX(-80%);width: calc(100vw - 30px);max-width: 540px;}
	#buscador-inteligente.show{-ms-transform:scale(1) translateX(-80%);transform:scale(1) translateX(-80%);transition: width .3s linear;width: calc(100vw - 30px);max-width: 540px;}
	header{transition: padding-bottom ease .3s;transition-delay: .3s;}
	header.pd{padding-bottom: calc(1rem + 42px);transition-delay: 0s;}
	.canjea_codigo .tarjeta_regalo p{margin: 0 auto 2rem;}
	
}


@media(max-width: 620px) {
	.banner > img {height: 100px;width: auto;max-width: none;}
	#publicaciones_menu{height:100vh!important;top:0!important;padding:1.5rem 0;z-index:999;}
	
}

@media(max-width: 576px){
	header .logo{width: 85px;}
	header .icons figure {width: 28px;}
	aside{transform: scaleX(0);-ms-transform: scaleX(0);transition: all ease .3s;transform-origin: center left;-ms-transform-origin: center left;position: fixed!important;left: 0;z-index: 10;height: 100%;}
	aside.visible{transform: scaleX(1);-ms-transform: scaleX(1);}
	#buscador-inteligente.show,#buscador-int{width: 90vw;}
	#menuab .social_icon{display: inline-block;margin: 15px 10px 0;}
	.btn,.softbutton,.softbutton-read,.chooseOptionA,.chooseOptionB{padding:.5rem 1rem;width:100%;}
	.category_menu{padding: 0 0 1rem!important;}
	.wrapper_search {width: 100%;}
	.button-capa {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
	.bx-wrapper .bx-controls{display: none;}
	.bx-wrapper {padding-left: 0!important;padding-right: 0!important;}
	#publicaciones_menu .btn{margin-bottom:1.5rem;}
	.buttons-category .btn{margin-bottom:1rem;padding: .7rem 15px;}
	.buttons-category .button_cats_r:first_child .btn,
	.buttons-category .button_cats_p:first_child .btn{margin-top:1rem;border-top: solid 1px #cecece;}
	#publicaciones_menu .overflow {height: calc(100% - 1.5rem);}
	.menu-header .logo{display: none;}
	#menuab .darkBack + .container{padding-top: 4rem;}
	#buscador-int:not(:empty){height:56vh;}
	.banner{max-height:130px;}
	.banner > img{height: 200px;}
	.banner figcaption h1{font-weight: 500;font-size: 1.5rem;}
	.toggleCalendario .datepicker_square{left: 50%;right: auto;width: 95vw;-ms-transform: translateX(-50%);transform: translateX(-50%);}
	.toggleCalendario .datepicker{width: 100%;padding: 1rem;}
	.toggleCalendario .datepicker_square .linea_vert {height: 20px;margin-right: calc(50% - 1px);}
	.populares art, .legalAdvertiment{font-size:.7rem;text-align: justify;padding: 0;}
	.capa, .capa-aniadir, .detalles-micarpeta{background-color: #be1521;}
	.category_menu figure{width: 30px;margin: 0 auto;}
	.category_menu a:not(.btn){padding: .5rem;}
	header .button_submenu.active:after, header .user_options.active:after{display: none;}
	.canjea_codigo .banner{height: auto;min-height: 85vh}
	.canjea_codigo h1{font-size: 2rem;}
	.bg-img{padding: 3rem 0;height: auto;}
	.item-capa figure,
	.conte-img-item1 figure{max-height:225px;}
	.inputTextFiltro{border-radius: 0 !important;}
	.category_menu a:not(.btn):not(.ui-datepicker-next):not(.ui-datepicker-prev){padding: .5rem 0;margin-bottom: 2rem;}
}

@media(max-width: 370px){
	header .icons figure{margin: 0 3px;}
}