﻿/* ----- Estilo basico de FUENTES ----- */
/* @import url("fuentes_AGO2024.css"); */

/* --------------------------------- ESTILOS IMPORTADOS DE REDEFINIDO ---------------------------------- */
/* ----- Estilo básico de Bootstrap + Redefinido ----- */
@import url("redefinido.css");


/* ------------------------------------------ ESTILOS PROPIOS ------------------------------------------ */
div.row {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* ------------------------------ ETIQUETAS ------------------------------ */
html {
	background-color: white;
	padding: 0;
	margin: 0;
}

html a {
	text-decoration: none !important;
	color: #0096de;
}

html a:hover {
	text-decoration: none !important;
	color: #000;
}

body {
	width: 100%;
	min-width: 570px;
	min-height: 100vh;
	margin: 0 auto;
	font-family: 'HelveticaProRoman', Oxygen, sans-serif;
}

body.mostrar_menu {
	position: fixed;
}

h2, h3, h4, h5, h6 {
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-family: 'HelveticaProRoman', 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

ul {
    list-style-type: none;
}

/* -------------------- COOKIES ------------------- */
#cookies {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 1em;
	width: calc(100% - 2em);
	width: 75%;
	min-width: 530px;
	max-width: 1200px;
	padding: 1.5em 2em;
	margin: 0 auto;
	color: #fff;
	background: rgba(0,0,0,.85);
	font-size: 100%;
	font-weight: 300;
	letter-spacing: .1em;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 3px;
	z-index: 1000;
}

#cookies a {
	color: #67caf9;
	font-weight: bold;
}

#cookies a:hover {
	color: #0096de;
	font-weight: bold;
}

#cookies .label_button {
	margin-top: 1em;
}

#cookies button[type='submit'] {
	color: #fff;
	border: 1px solid #fff;
    font-size: 120%;
}

#cookies button[type='submit'] img {
	border-left: 1px solid #fff;
}

#cookies button[type='submit']:hover {
	background: #0879ae;
}

/* -------------------- HEADER -------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	float: left;
	height: auto;
	width: 100%;
	min-width: 570px;
	text-align: center;
	z-index: 900;
	background: #fff;
}

header #header_cont {
	position: relative;
	display: flex;
	background: #000000;
	height: 80px;
}

/* -------- HEADER BARRA SUPERIOR -------- */
header #header_barra_sup {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	z-index: 900;
}

header.fixed #header_barra_sup {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 3px -2px;
}

/* ----- LOGOTIPO CABECERA ----- */
header #logo_cabecera {
	position: absolute;
	left: calc(50% - 62.5px);
	top: calc(50% - 22px);
}

header #logo_cabecera figure {
	margin: 0;
	
}

header #logo_cabecera img {
	width: 125px;
	height: auto;
}

/* --- BOTON MENU DESPLEGABLE -- */
header .boton_desplegable {
	float: left;
	width: auto;
	margin-left: 1.5em;
	margin-top: .6em;
	margin-right: 1.2em;
	margin-bottom: .6em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header .boton_desplegable:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

header .boton_desplegable_icono {
	float: left;
	width: 2.5em;
	height: 2.5em;
	padding: .2em 0 !important;
}

header .boton_desplegable_icono span.icono_raya {
	display: block;
	float: none;
	position: relative;
	top: 0;
    width: 1.7em;
	height: .19em;
	margin: .39em auto;
	background: #FFFFFF;
}

header .boton_desplegable span.txt_mostrar {
	float: left;
	font-size: 1em;
	padding-top: .5em;
	padding-left: .35em;
	letter-spacing:.05em;
}

header .boton_desplegable a {
	color: #FFFFFF;
}

header .boton_desplegable a:hover {
	color: #FFFFFF;
}

header .boton_desplegable a:hover .boton_desplegable_icono span.icono_raya {
	background: #FFFFFF;
}

/* --- FONDO OSCURECIDO MENU --- */
header #fondo_oscurecido, header #fondo_oscurecido_2 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 950;
    cursor: pointer;
}

/* --- FONDO CLARO ENVIAR FORM --- */
header #fondo_claro {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
	z-index: 960;
    cursor: pointer;
	padding-top: 10em;
}

/* ------ MENU / SUBMENUS ------ */
header #barra_navegador {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	height: 80px;
	padding: 0;
	margin: 0 auto;
}

header #navegador {
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #FFFFFF 12.5em, transparent 0, transparent 100%);
	width: 12.5em;
	height: 100vh;
	margin-top: -100vh;
	z-index: 960;
	overflow: hidden;
	font-size: 100%;
	/*font-weight: bolder;*/
}

header #navegador #titu_menu {
	width: 12.5em;
	height: 4em;
	padding: .18em .5em !important;
	padding-top: 1em !important;
	padding-left: 1em !important;
	margin: 0;
	font-size: 100%;
	border-bottom: 1px solid #AAAAAA;
	align-items: center;
	justify-content: center;
}

header #navegador #titu_menu a {
	color: #999;
}

header #navegador #titu_menu a:hover {
	color: #000;
}

header #navegador #titu_menu ul#idiomas {
	float: right;
	padding: 0;
	margin: 0;
	margin-top: .7em;
	margin-right: .5em;
	list-style: none;
	font-size: .9em;
}

header #navegador #titu_menu ul#idiomas li {
	float: left;
	line-height: .8em;
}

header #navegador #titu_menu ul#idiomas li:not(:last-child) {
	padding-right: .5em;
	margin-right: .5em;
	border-right: 2px solid #004387;
}

abbr[data-original-title], abbr[title] {
	text-decoration: none;
	-webkit-text-decoration: none;
	cursor: pointer;
}

header #navegador #titu_menu ul#idiomas li abbr.activo {
	color: #000;	
}

header .boton_desplegable {
	float: left;
	width: auto;
	margin-left: 1.5em;
	margin-top: .6em;
	margin-right: 1.2em;
	margin-bottom: .6em;
}

header #navegador #titu_menu .boton_desplegable_icono {
	float: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header #navegador #titu_menu .boton_desplegable_icono:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

header #navegador #titu_menu a .boton_desplegable_icono span.icono_raya {
	top: 0;
    background:#000;
}

header #navegador #titu_menu a:hover .boton_desplegable_icono span.icono_raya {
	background: #000;
}

header #navegador #titu_menu a .boton_desplegable_icono span.icono_raya:first-child {
    top: .3em;
	transform: rotatez(45deg);
	transform-origin: center center 0;
}

header #navegador #titu_menu a .boton_desplegable_icono span.icono_raya:last-child {
    top: -.2em;
	transform: rotatez(-45deg);
	transform-origin: center center 0;
}

header #navegador #titu_menu .txt_mostrar {
	float: left;
	font-size: 1em;
}

.navegacion {
	float: left;
	width: auto;
	height: calc(100vh - 4em);
	text-transform: uppercase;
	color: #000000;
	list-style: none;
	padding: 0 !important;
	padding-top: .5em !important;
	margin: 0 auto;
	overflow-y: auto !important;
	overflow-x: hidden;
}

.navegacion li {
	clear: both;
	width: 12.5em;
	padding: 0;
	margin: 0;
	text-align: left;
}

.navegacion li .txt_txiki {
	font-size: 70%;
	font-weight: 600;
	color: #005cb6;
	margin-left: .5em;
	position: relative;
	top: -.3em;
}

.navegacion li.separador {
	height: 1px;
	margin: .5em 0;
	background: #AAAAAA;
}

.navegacion li a {
	display: block;
	font-size: .9em;
	color: #000000;
	padding: 0;
	padding: 0.5em 1.5em 0.5em 1.5em;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
    font-weight:600;
}

.navegacion li a:hover {
	color: #000;
	background: rgba(0,0,0,.05);
}

.navegacion li a.menu_compraonline {
	padding-left: 4.5em;
    background: url(images_css/ico_compraonline_over.png) left 1.5em center no-repeat;
    background-size: auto 40%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion li a.menu_compraonline:hover {
    background: url(images_css/ico_compraonline_over.png) left 1.4em center no-repeat rgba(0,0,0,.05);
    background-size: auto 45%;
}

.navegacion li a.menu_micuenta {
	padding-left: 4.5em;
	background: url(images_css/ico_micuenta_over.png) left 2em center no-repeat;
    background-size: auto 40%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion li a.menu_micuenta:hover {
	background: url(images_css/ico_micuenta_over.png) left 1.95em center no-repeat rgba(0,0,0,.05);
    background-size: auto 45%;
}

.navegacion li a.menu_contacto {
	padding-left: 4.5em;
	background: url(images_css/ico_contacto_over.png) left 1.8em center no-repeat;
    background-size: auto 40%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion li a.menu_contacto:hover {
	background: url(images_css/ico_contacto_over.png) left 1.65em center no-repeat rgba(0,0,0,.05);
    background-size: auto 45%;
}

.navegacion li a.menu_franquicias {
	padding-left: 4.5em;
	background: url(images_css/ico_franquicias_over.png) left 1.9em center no-repeat;
    background-size: auto 40%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion li a.menu_franquicias:hover {
	background: url(images_css/ico_franquicias_over.png) left 1.8em center no-repeat rgba(0,0,0,.05);
    background-size: auto 45%;
}

.navegacion li a.menu_appbm {
	padding-left: 4.5em;
	background: url(images_css/ico_appbm_over.png) left 1.8em center no-repeat;
    background-size: auto 65%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion li a.menu_appbm:hover {
	background: url(images_css/ico_appbm_over.png) left 1.75em center no-repeat rgba(0,0,0,.05);
    background-size: auto 70%;
}

.navegacion #menu_redessociales {
	width: 12.5em;
	text-align: center;
}

.navegacion #menu_redessociales a {
	display: inline-block;
	width: auto;
	padding: 1em;
}

.navegacion #menu_redessociales a:hover {
	background: transparent;
}

.navegacion #menu_redessociales a figure {
	display: inline-block;
	width: auto;
	margin: 0;
}

.navegacion #menu_redessociales a figure img {
	height: 1.2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion #menu_redessociales a:hover figure img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

#menu_cabecera_dcha ul li {
	float: left;
	height: 100%;
	margin: 0 .6em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navegacion li.apartado_activo a, .navegacion li.subapartado_activo a {
	background: #f2f2f2;
}

.navegacion li a.desplegable span {
	position: relative;
	display: block;
    padding-right: 2em;
	background: url(images_css/ico_menu_flecha_over.png) center right 2px no-repeat;
	background-size: 4%;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

.navegacion li a.desplegable:hover span {
	background: url(images_css/ico_menu_flecha_over.png) center right 2px no-repeat;
	background-size: 4%;
}

.navegacion li a.desplegable span.flip {
	background: url(images_css/ico_menu_vacio.png) center right no-repeat;
}

.navegacion ul.submenuprincipal {
	float: right;
	width: 12.5em;
	height: 100vh;
	padding: 0;
	padding-top: 4.5em;
	margin: 0;
	margin-bottom: -2px;
	list-style: none;
	background: #f2f2f2;
	font-weight: 500;
	border: none;
	overflow-y: auto;
	position: absolute;
	top: 0em;
	left: 12.49em;
	z-index: 1000;
}

.navegacion ul.submenuprincipal:after {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    margin-bottom: 2.45em;
}

.navegacion ul.submenuprincipal li {
	width: 100%;
	text-align: left;
}

.navegacion ul.submenuprincipal li a {
	font-size: .95em;
	/*font-weight: 700;*/
	line-height: 1.2em;
	padding: 0.8em 1.5em;
	margin: 0;
	color: #000;
	text-decoration: none;
	width: auto;
	border-bottom: 0;
	background: #f2f2f2;
}

.navegacion li:hover ul.submenuprincipal li a {
	color: #000;
	background: #f2f2f2;
}

.navegacion li:hover ul.submenuprincipal li a:hover {
	color: #000;
	background: rgba(0,0,0,.05);
}

/* -- MENU CABECERA IZQUIERDA -- */
#menu_cabecera_izda {
	float: left;
	width: auto;
	height: 50px;
	margin: .7em 0em;
}

#menu_cabecera_izda ul {
	list-style: none;
	height: 100%;
	padding: 0;
	margin: 0;
}

#menu_cabecera_izda ul li {
	float: left;
	height: 100%;
	margin: 0 .6em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#menu_cabecera_izda ul li:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#menu_cabecera_izda ul li figure {
	display: flex;
	height: 100%;
	margin: 0;
	align-items: center;
	justify-content: center;
}

#menu_cabecera_izda ul li figure img {
	float: left;
	height: 45px;
	margin-right: .4em;
}

#menu_cabecera_izda ul li figure figcaption {
	display: none;
	color: #FFFFFF;
	font-size: 50%;
	font-weight: 500;
	letter-spacing: .1em;
	padding-top: .3em;
}

/* --- VENTANA ACCESO TARJETA -- */
#barra_conexion {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	height: 80px;
	padding: 0;
	margin: 0 auto;
}

#conecta_tarjeta {
    display: none;
    position: absolute;
    left: 1.5em;
	right: 1.5em;
	top: 1em;
    width: calc(100% - 3em);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px -2px;
    text-align: left;
    font-size: 100%;
    z-index: 960;
    padding: 1em;
    background: #f2f2f2;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
}

#conecta_tarjeta .boton_cerrar_ventana {
	position: absolute;
	top: .5em;
	right: .8em;
	width: 25px;
	height: 25px;
	z-index: 960;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#conecta_tarjeta .boton_cerrar_ventana:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
}

#conecta_tarjeta .boton_cerrar_ventana span.icono_raya {
	display: block;
	float: none;
	position: relative;
	top: 0;
    width: 1.2em;
	height: .12em;
	margin: 0em auto;
	background: #000;
}

#conecta_tarjeta .boton_cerrar_ventana:hover span.icono_raya {
	background: #000;
}

#conecta_tarjeta .boton_cerrar_ventana span.icono_raya:first-child {
    top: .55em;
	transform: rotatez(45deg);
	transform-origin: center center 0;
}

#conecta_tarjeta .boton_cerrar_ventana span.icono_raya:last-child {
    top: .45em;
	transform: rotatez(-45deg);
	transform-origin: center center 0;
}

#conecta_tarjeta h4.titu_item {
	font-size: 130%;
	margin-bottom: .5em;
}

form#conecta label {
	margin-bottom: .5em;
}

form#conecta button[type='submit'] {
	display: block;
	font-size: 110%;
	margin-top: .5em;
	margin-bottom: .5em;
    border: 1px solid #000;
    color: #000;
}

#conecta_tarjeta ul {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both;
}

#conecta_tarjeta ul li {
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: all 0s ease;
    transition: none; 
	font-size: 80%;
	text-decoration: none;
	margin-top: .5em;
}

#conecta_tarjeta ul li:first-child {
	margin-top: 0em;
}

#conecta_tarjeta ul li:hover {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#conecta_tarjeta ul li a {
	font-size: 110%;
	font-weight: bold;
	color: #000;
	line-height: 1em;
}

#conecta_tarjeta ul li a:hover {
	color: #444;
}

#conecta_tarjeta ul.mensaje_procesando li {
	display: none;
	float: left;
	text-decoration: none;
	font-weight: 600;
	color: #3299c6;
	background: url(images_css/reloj.gif) no-repeat left top;
	padding-left: 1.8em;
}

.msj_error_login {
	background-color: #ff0000;
    font-weight: 700;
    padding: 0.5em;
    margin-top: 0.7em;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 80%;
    color: #ffffff;
}

/* --- VENTANA ZONA PRIVADA TARJETA -- */
ul.ul_tarjeta li.zonapriv_op_tarjetabm {
	padding-left: 6em;
    margin-left: -1em;
    background: url(../images/ico_zonapriv_tarjetabm.png) no-repeat left center;
    background-size: auto 100%;
}

ul.ul_tarjeta li a.zonapriv_op_saldotarjeta {
	margin-left: 2em;
}

ul.ul_tarjeta li a.zonapriv_op_ofertas {
	margin-left: 2em;
}

ul.ul_tarjeta li a.zonapriv_op_datospersonales {
	margin-left: 2em;
}

ul.ul_tarjeta li a.zonapriv_op_cambiarcontrasena {
	margin-left: 2em;
}

ul.ul_tarjeta li a.zonapriv_op_cerrarsesion {
	padding-left: 2em;
	background: url("../images/ico_zonapriv_cerrarsesion.png") no-repeat left .05em center;
	background-size: auto 70%;
}

ul.ul_tarjeta li a.zonapriv_op_cerrarsesion:hover {
	background: url("../images/ico_zonapriv_cerrarsesion_over.png") no-repeat left center;
	background-size: auto 80%;
}


/* --- MENU CABECERA DERECHA --- */
#menu_cabecera_dcha {
	position: absolute;
	right: 1em;
	top: 0em;
	width: auto;
	height: 50px;
	margin: .7em 0em;
}

#menu_cabecera_dcha ul {
	float: right;
	list-style: none;
	height: 100%;
	padding: 0;
	margin: 0;
}

#menu_cabecera_dcha ul.menu_cabecera_compraonline {
	display: none;
	height: 120%;
	position: relative;
	top: -.3em;
	margin-left: .8em;
	margin-right: 0;
}

#menu_cabecera_dcha ul li {
	float: left;
	height: 100%;
	margin: 0 .6em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#menu_cabecera_dcha ul li:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#menu_cabecera_dcha ul li figure {
	display: flex;
	height: 100%;
	margin: 0;
	align-items: center;
	justify-content: center;
}

#menu_cabecera_dcha ul li figure img {
	float: left;
	height: 30px;
	margin-right: .4em;
}

#menu_cabecera_dcha ul li figure figcaption {
	display: none;
	color: #004387;
	font-size: 50%;
	font-weight: 300;
	letter-spacing: .1em;
	padding-top: .3em;
}

#menu_cabecera_dcha ul li a {
	color: #004387;
}


/* -------- HEADER BARRA INFERIOR -------- */
header #header_barra_inf {
	position: absolute;
	top: 80px;
	left: 0;
	background: #000000;
	width: 100%;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 850;
	border-top: 1px solid #fff;
}

header #header_barra_inf.ocultar_menu {
	-webkit-transform: translateY(-105%);
	-moz-transform: translateY(-105%);
	-ms-transform: translateY(-105%);
	-o-transform: translateY(-105%);
	transform: translateY(-105%);
	opacity: 0;
}

/* --- MENU CABECERA INFERIOR -- */
#menu_cabecera_inferior {
    width: 100%;
    color: #004387;
    font-weight: 600;
    max-width: 1200px;
    margin: 0 auto;
}

#menu_cabecera_inferior ul {
	float: left;
	list-style: none;
	height: 100%;
	width: 100%;
	padding: 0 0 0 1em;
	margin: 0;
	margin-top: .8em;
	margin-bottom: .8em;
}

#menu_cabecera_inferior ul li {
	float: left;
	height: 100%;
	margin: 0 2.5em;
	margin-top: .7em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 1;
	font-size: 60%;
	font-weight: 600;
	letter-spacing: .1em;
}

#menu_cabecera_inferior ul li a {
	display: block;
	color: #FFFFFF;
}

#menu_cabecera_inferior ul li.ico_cabecera_compraonline {
	float: left;
	height: 40px;
	margin: -.2em 0 0 .8em;
	padding-right: 3.5em;
	font-size: 80%;
	background: rgba(0,0,0,.1);
	background: url('images_css/flecha_menucompraonline_2023.png') no-repeat top right 2px;
	background-size: auto 100%;
}

#menu_cabecera_inferior ul li figure {
	display: unset;
	height: 100%;
	margin: 0;
	align-items: center;
	justify-content: center;
}

#menu_cabecera_inferior ul li.ico_cabecera_compraonline figure {
	display: flex;
}

#menu_cabecera_inferior ul li figure img {
	clear: both;
	height: 20px;
	margin-bottom: .3em;
}

#menu_cabecera_inferior ul li:not(:first-child) figure img {
	display: none !important;
}

#menu_cabecera_inferior ul li.ico_cabecera_compraonline figure img {
	float: left;
	height: 35px;
	/*margin-bottom: 0em;*/
	margin-right: 1em;
}

#menu_cabecera_inferior ul li figure figcaption {
	width: 100%;
}


/* --------------------- MAIN --------------------- */
main {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding-top: 3.8em;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

main.main_anchuratotal {
	display: block;
	max-width: none;
}

/* ------------- FORMULARIOS ------------- */
form {
	font-size: 100%;
	margin: 0;
}

form a {
	color: #3299c6;
}

form h3.titu_contenido {
	display: table;
	margin: 0;
	margin-bottom: 1em;
	font-size: 180%;
	font-weight: 300;
	line-height: .9em;
	color: #3299c6;
	object-fit: cover;
	object-position: center center;
}

form h3.titu_contenido .txt_numero_formulario {
	display: inline-block;
	background: #666;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2em;
	width: 1.2em;
	margin-right: .3em;
	text-align: center;
	vertical-align: top;
}

form h3.titu_contenido .txt_numero_formulario.sin_background {
	background: transparent;
}

form h3.titu_contenido .txt_titu_formulario {
	display: inline-block;
	display: table;
	line-height: 1em;
}

form h3.titu_contenido .txt_numero_formulario + .txt_titu_formulario {
	display: table-cell;
	width: calc(100% - 2.2em);
	vertical-align: middle;
}

form .formulario_capa {
	float: left;
	width: 100%;
	padding: 1em;
}

form .fondo_gris {
	background: #f7f7f7;
}

form .aviso {
	float: right;
    display: block;
	color: #aa8530;
    text-align: right;
    width: 100%;
    margin: 0 0 .5em 0;
    font-size: 90%;
    font-weight: 300;
    font-style: italic;
}

form .formulario_capa .row {
    width: 100%;
    margin-left: 0em;
	margin-bottom: 1.5em;
}

form .formulario_capa .con_numero {
    width: calc(100% - 3.5em) !important;
    margin-left: 3.5em !important;
}

label {
	width: 100%;
	margin: 0em;
	font-weight: 700;
}

label.label_button {
	width: auto;
	margin: 0em;
	text-align: center;
	font-size: 95%;
}

input {
	font-size: 100%;
	font-weight: 300;
	font-style: normal;
	width: 100%;
	height: 2.5em;
	padding: .25em .5em;
	margin: 0;
	color: #000;
	background: #FFFFFF;
	border: 1px solid #c4c4c4;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
}

textarea {
	font-size: 100%;
	font-weight: 300;
	font-style: normal;
	width: 100%;
	height: 10em;
	padding: .25em .5em;
	margin: 0;
	color: #000;
	background: #FFFFFF;
	border: 1px solid #c4c4c4;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
}

input:valid, textarea:valid {
	color: green;
}

input:invalid, textarea:invalid {
	color: red;
}

input[type='checkbox'], input[type='radio'] {
	width: 1.75em;
	height: 1.75em;
	vertical-align: middle;
}

span.form-texto-debajo {
    display: block;
	clear: both;
	margin-top: .2em;
	margin-left: 0;
}

input[type="checkbox"] + span.form-texto-checkbox {
	display: inline-block;
	position: relative;
	top: .2em;
	left: 2em;
	width: calc(100% - 1.75em);
	line-height: 1.1em;
}

input[type="checkbox"].checkbox_centrado + span.form-texto-checkbox {
    width: 1.75em;
    height: 1.75em;
	left: 0;
	right: 0;
	margin: 0 auto;
}

input[type="radio"] + span.form-texto-radio {
	display: inline-block;
	position: relative;
	top: .2em;
	left: 2em;
	width: calc(100% - 1.75em);
	line-height: 1.1em;
}

input[type="radio"].radio_centrado + span.form-texto-radio {
    width: 1.75em;
    height: 1.75em;
	left: 0;
	right: 0;
	margin: 0 auto;
}

input[type="checkbox"] {
	position: absolute;
    padding: 0;
	opacity: 0;
	z-index: 200;
}

input[type="checkbox"].checkbox_centrado {
	top: .2em;
	left: 0;
	right: 0;
	margin: 0 auto;
}

input[type="radio"] {
	position: absolute;
    padding: 0;
	opacity: 0;
	z-index: 200;
}

input[type="radio"].radio_centrado {
	top: .2em;
	left: 0;
	right: 0;
	margin: 0 auto;
}

input[type="checkbox"]:not(:checked) + span.form-texto-checkbox:after {
	content: ' ';
	background: #fff;
	position: absolute;
	left: -2.5em;
	top: -.2em;
	width: 1.75em;
	height: 1.75em;
	border: 1px solid #c4c4c4 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	vertical-align: middle;
	transition: all .2s;
}

input[type="checkbox"]:checked + span.form-texto-checkbox:after {
	content: " ";
	background: #fff;
	background-image: url("images_css/ico_checkbox.png");
	background-size: 100% 100%;
	display: inline-flex;
	position: absolute;
	left: -2.5em;
	top: -.2em;
	width: 1.75em;
	height: 1.75em;
	border: 1px solid #c4c4c4 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	vertical-align: middle;
	text-align: center;
	padding-top: 0em;
	transition: all .2s;
	color: green;
}

input[type="radio"]:not(:checked) + span.form-texto-radio:after {
	content: ' ';
	background: #fff;
	position: absolute;
	left: -2.5em;
	top: -.2em;
	width: 1.75em;
	height: 1.75em;
	border: 1px solid #c4c4c4 !important;
	border-radius: 50%;
	vertical-align: middle;
	transition: all .2s;
}

input[type="radio"]:checked + span.form-texto-radio:after {
	content: " ";
	background: #fff;
	background-image: url("images_css/ico_radio.png");
	background-size: 100% 100%;
	display: inline-flex;
	position: absolute;
	left: -2.5em;
	top: -.2em;
	width: 1.75em;
	height: 1.75em;
	border: 1px solid #c4c4c4 !important;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	padding-top: 0em;
	transition: all .2s;
	color: green;
}

input[type="checkbox"].checkbox_centrado:checked + span.form-texto-checkbox:after, input[type="checkbox"].checkbox_centrado:not(:checked) + span.form-texto-checkbox:after {
	left: 0;
	right: 0;
	margin: 0 auto;
}

input[type="radio"].radio_centrado:checked + span.form-texto-radio:after, input[type="radio"].radio_centrado:not(:checked) + span.form-texto-radio:after {
	left: 0;
	right: 0;
	margin: 0 auto;
}

input[type='checkbox']:focus + span.form-texto-checkbox:after {
	border: 1px solid #3299c6 !important;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	outline: none;
}

input[type='radio']:focus + span.form-texto-radio:after {
	border: 1px solid #3299c6 !important;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	outline: none;
}

form img.imgcodantispam+input[type="text"] {
    width: calc(100% - 6.1em);
    margin-left: 0em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 0em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 0em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 0em;
}

form img.imgcodantispam {
	float: left;
	width: auto;
	height: 2.5em;
	border: 1px solid #c4c4c4;
	border-right: none;
	-webkit-border-top-right-radius: 0em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 0em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 0em;
	border-bottom-left-radius: 1em;
}

select {
	font-size: 100%;
	font-weight: 300;
	width: 100%;
	height: 2.5em;
	padding: .25em .5em;
	margin: 0;
	background: #FFFFFF;
	border: 1px solid #c4c4c4;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	
	padding-right: 50px;
	
	background-image: url('images_css/flecha-select.jpg');
	background-repeat: no-repeat, repeat;
	background-position: right;

}

select.option_pordefecto {
	font-style: italic;
	color: #b3b3b3;
}

select.option_activa {
	font-style: normal;
	color: #000;
}

select::placeholder, input::placeholder, textarea::placeholder {
	color: #b3b3b3;
	font-style: italic;
	font-weight: 300;
	letter-spacing: normal;
}

select:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #b3b3b3;
	font-style: italic;
	font-weight: 300;
	letter-spacing: normal;
}

select::-ms-input-placeholder, input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: #b3b3b3;
	font-style: italic;
	font-weight: 300;
	letter-spacing: normal;
}

select option[value="0"] {
	color: #b3b3b3;
	font-style: italic;
	font-weight: 300;
	letter-spacing: normal;
}

select option.option_pordefecto {
	font-style: italic !important;
	color: #b3b3b3 !important;
}

select option.option_activa {
	font-style: normal;
	color: #000;
}

select:focus, input:focus, textarea:focus {
	border: 1px solid #3299c6;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	outline: 0 none;
}

fieldset {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

legend {
	position: relative;
	left: -3px;
	margin: 0;
	padding: 5px 0;
	color: #666666;
}

button[type='submit'], input[type='submit'] {
	border: 1px solid #3299c6;
	color: #3299c6;
	background: none;
	padding: 0;
	padding-left: 1.5em;
	margin: 0;
	margin-top: 1em;
	cursor: pointer;
	font-size: 120%;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
}

input[type='submit'] {
    width: auto;
    padding: .65em 0em;
    margin: 0 auto;
    text-transform: uppercase;
	line-height: 1.25em;
	letter-spacing: .1em;
}

button[type='submit'].boton_sin_picto, input[type='submit'].boton_sin_picto {
	padding-right: 1.5em;
}

button[type='submit']:hover, input[type='submit']:hover {
	background: rgba(0,0,0,.1);
}

button[type='submit'] span {
	padding: .65em 0em;
	line-height: 1.25em;
	float: left;
	letter-spacing: .1em;
}

button[type='submit'] img {
	float: right;
    height: 100%;
    padding: 0;
    margin: 0;
	margin-left: 1.5em;
    border-left: 1px solid #3299c6;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

#conecta_tarjeta button[type='submit'] img {
    border-left: 1px solid #000;
}

button[type='submit'].boton_sin_picto img {
	display: none;
}

button[type='submit'] img {
    height: 2.5em;
    width: auto;
}

.asterisco {
	font-style: normal;
	font-weight: 600;
	margin-left: .4em;
	color: #aa8530;
}

.mensaje_error {
	color: red;
	font-size: 80%;
	font-weight: 600;
	font-style: italic;
	line-height: 1.6em;
	text-decoration: blink;
	padding-left: 2.5em;
	background: url(images_css/ico_error.png) no-repeat left top;
	background-size: auto 90%;
}

.form-group {
    margin-bottom: 1em;
}

.form-dia, .form-mes, .form-ano {
	display: inline-block;
    width: 3em;
	margin: 0;
}

.form-ano {
    width: 4em;
}

.form-texto {
	display: inline-block;
	font-weight: 300;
	margin: 0;
	margin-bottom: .5em;
}

.form-texto-campo {
	display: block;
	font-weight: 600;
	margin: 0;
}

.form-texto-checkbox {
	display: inline-block;
	font-weight: 600;
	margin: 0;
	margin-left: .5em;
}

.form-texto-radio {
	display: inline-block;
	font-weight: 600;
	margin: 0;
	margin-left: .5em;
}

.form-texto-aclaracion {
	font-size: 75%;
	font-style: normal;
	font-weight: 100;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	margin-top: .3em;
}

.form-texto-aclaracion span.asterisco {
	font-style: normal;
	font-weight: 600;
	font-size: 120%;
	margin-left: 0em;
	margin-right: .4em;
}


/* ----- FILTRO RECETAS  --------*/
.filtro_recetas {
	background: #e5e5e5;
	border-top-right-radius: 2em;
    border-bottom-left-radius: 2em;
	margin-top:1em;
}

form .formulario_capa_recetas {
	padding: 0.5em;
}

/* ------ DATOS PERSONALES ----- */
table.con_borde {
	border: none;
	border: 2px solid #E0E0E0;
}

.nombre_cliente {
	font-size: 150%;
	font-weight: bold;
	color: #000;
}

.table_texto {
	float: left;
	width: 100%;
	margin: 0;
}

.table_botones {
	float: right;
	width: 100%;
	margin: 0 .25em;
	margin-top: 1em;
	text-align: center;
}

.table_botones .zona_boton {
	display: inline-block;
	margin: 0 .25em;
	margin-bottom: .5em;
}

 .par .table_botones .boton:hover {
    background: #f7f7f7;
}

.impar .table_botones .botones:hover {
	background: #e6e6e6;
}

.contenido_realzale {
	border-top: 2px solid #0061a2;
	text-align: center;
	margin-top: 2em;
}

.contenido_realzale figure {
	display: inline-block;
	width: auto;
	background: #f7f7f7;
	position: relative;
	top: -3.3em;
	margin-bottom: -3.3em;
}

.contenido_realzale p {
	float: left;
	text-align: left;
}

/* ------ REALZALE TARJETA ----- */
img.realzale_tarjeta {
	display: block;
	width: 100%;
	max-width: 41.5em;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

/* ----------------- HOME ---------------- */
.cont_inicio {
	position: relative;
	width: 100%;
	height: 70vw;
	min-height: 19.5em;
	max-height: 20.75em;
}

.cont_inicio_estrecho {
	display: -webkit-box;
	width: 100%;
	max-width: 1200px;
	min-height: 30px;
	margin: 0 auto;
}

.cont_ofertas_inicio {
	display: inline-table;
	float: left;
	padding-top: 4em;
	padding-bottom: 2em;
	margin-top: -3em;
	margin-bottom: -3.3em;
	width: 100%;
	height: calc(100% + 6em);
	background: #f7f6f4;
	z-index: 0;
}

.cont_ofertas_ofertas {
    display: inline-table;
    float: left;
    /* padding-top: 4em; */
    /* padding-bottom: 2em; */
    /* margin-top: -3em; */
    margin-bottom: 2em;
    width: 100%;
    height: calc(100% + 6em);
    /* background: #f7f6f4; */
    z-index: 0;
}

.cont_ofertas_ofertas  h2 {
	color:#000000 !important;
	background-color: #FFFFFF !important;
}

/* ---- ZONA SLIDERS INICIO ---- */
#zona_slider {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,.05);
}

#zona_slider .slider {
	height: 100%;
	margin: 0 auto;
}

#zona_slider a {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
}

#zona_slider h2 {
	display: none;
}

#zona_slider figure {
	display: inline-block;
	width: auto;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
}

#zona_slider figure img {
	width: 100%;
	height: auto;
	min-height: 100%;
	margin: 0 -100%;
	object-fit: cover;
	object-position: center center;
}

/* ------ BOTONERA SLIDERS ----- */
#botonera_slider {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: fit-content;
	height: 1.85em;
	padding: 0 4em;
	margin: 0 auto;
	text-align: center;
}

#botonera_slider a {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 .2em;
}

#botonera_slider img {
	opacity: .8;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	
}

#botonera_slider img:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

#botonera_slider img.foto_activa {
	opacity: 1;
	-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.8));
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.8));
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/* --- ZONA DESTACADOS INICIO -- */
#zona_destacados {
	width: 100%;
	height: auto;
}

#zona_destacados h2 {
	display: none;
}

#zona_destacados .row_destacados {
	display: block;
	float: left;
}

#ini_destacado_1 {
	position: relative;
	float: left;
	width: 100%;
	height: 63.8vw;
	min-height: 17.8em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#ini_destacados_2_3 {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#ini_destacado_2, #ini_destacado_3 {
	display: block;
	position: relative;
	width: 100%;
	height: 73.9vw;
	min-height: 20.6em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#ini_destacado_4 {
	position: relative;
	float: left;
	width: 100%;
	height: 121.4vw;
	min-height: 33.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#ini_destacado_5 {
	position: relative;
	float: left;
	width: 100%;
	height: 80.5vw;
	min-height: 22.55em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#ini_destacado_6 {
	position: relative;
	float: left;
	width: 100%;
	height: 55.4vw;
	min-height: 15.4em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#ini_destacado_7 {
	position: relative;
	float: left;
	width: 100%;
	height: 43.6vw;
	min-height: 12.18em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#ini_destacado_1 a, #ini_destacado_2 a, #ini_destacado_3 a, #ini_destacado_4 a, #ini_destacado_5 a, #ini_destacado_6 a, #ini_destacado_7 a {
	display: block;
	height: 100%;
}

#ini_destacado_1 img, #ini_destacado_2 img, #ini_destacado_3 img, #ini_destacado_4 img, #ini_destacado_5 img, #ini_destacado_6 img, #ini_destacado_7 img {
	position: relative;
	width: 100%;
	height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 1;
}

#ini_destacado_1:hover img, #ini_destacado_2:hover img, #ini_destacado_3:hover img, #ini_destacado_4:hover img, #ini_destacado_5:hover img, #ini_destacado_6:hover img, #ini_destacado_7:hover img {
	opacity: .8;
}

@supports(object-fit: cover){
    #ini_destacado_1 img, #ini_destacado_2 img, #ini_destacado_3 img, #ini_destacado_4 img, #ini_destacado_5 img, #ini_destacado_6 img, #ini_destacado_7 img {
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

#ini_destacado_1 .texto_destacados, #ini_destacado_2 .texto_destacados, #ini_destacado_3 .texto_destacados, #ini_destacado_4 .texto_destacados, #ini_destacado_5 .texto_destacados, #ini_destacado_6 .texto_destacados, #ini_destacado_7 .texto_destacados {
	position: absolute;
	bottom: 2em;
	left: 2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#ini_destacado_1:hover .texto_destacados, #ini_destacado_2:hover .texto_destacados, #ini_destacado_3:hover .texto_destacados, #ini_destacado_4:hover .texto_destacados, #ini_destacado_5:hover .texto_destacados, #ini_destacado_6:hover .texto_destacados, #ini_destacado_7:hover .texto_destacados {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.texto_destacados > div {
	float: left;
	clear: both;
	width: auto;
	padding: 0em .5em;
	margin: 0;
	margin-bottom: 5px;
	font-family: 'HelveticaProRoman', 'Roboto Condensed', sans-serif;
	font-size: 200%;
	font-weight: 600;
	letter-spacing:.05em;
	line-height: 1em;
	-webkit-transform: skew(-8deg);
	-moz-transform: skew(-8deg);
	-ms-transform: skew(-8deg);
	-o-transform: skew(-8deg);
	transform: skew(-8deg);
	-webkit-border-top-right-radius: .5em;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-top-right-radius: .5em;
	border-bottom-left-radius: .5em;
	-webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
}

.texto_destacados > div span {
	display: inline-block;
	-webkit-transform: skew(8deg);
	-moz-transform: skew(8deg);
	-ms-transform: skew(8deg);
	-o-transform: skew(8deg);
	transform: skew(8deg);
}

.texto_destacados > div:not(.destacado_txt_txiki) span {
	color: #fff;
}

.texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
	font-weight: bolder;
	margin-left: 2px;
	line-height: 1.6em;
	text-transform: uppercase;
	background: #fff;
}

.texto_destacados.destacado_txt_azul > div {
	color: #fff;
	background: #0089a6;
}

.texto_destacados.destacado_txt_verde > div {
	color: #fff;
	background: #80bf80;
}

.texto_destacados.destacado_txt_verde2 > div {
	color: #fff;
	background: #8ac41a;
}

.texto_destacados.destacado_txt_naranja > div {
	color: #fff;
	background: #ee734a;
}

.texto_destacados.destacado_txt_rosa > div {
	color: #fff;
	background: #e79693;
}

.texto_destacados.destacado_txt_amarillo > div {
	color: #fff;
	background: #fabd64;
}

.texto_destacados.destacado_txt_rojo > div {
	color: #fff;
	background: #d33b52;
}

.texto_destacados.destacado_txt_azul > div.destacado_txt_txiki {
	color: #007da0;
	background: #fff;
}

.texto_destacados.destacado_txt_verde > div.destacado_txt_txiki {
	color: #80bf80;
	background: #fff;
}

.texto_destacados.destacado_txt_verde2 > div.destacado_txt_txiki {
	color: #8ac41a;
	background: #fff;
}

.texto_destacados.destacado_txt_naranja > div.destacado_txt_txiki {
	color: #ec643a;
	background: #fff;
}

.texto_destacados.destacado_txt_rosa > div.destacado_txt_txiki {
	color: #e79693;
	background: #fff;
}

.texto_destacados.destacado_txt_amarillo > div.destacado_txt_txiki {
	color: #feb457;
	background: #fff;
}

.texto_destacados.destacado_txt_rojo > div.destacado_txt_txiki {
	color: #c7273d;
	background: #fff;
}

#ini_destacado_1 .texto_destacados > div {
	font-size: 250%;
}

#ini_destacado_1 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#ini_destacado_2 .texto_destacados > div {
	font-size: 250%;
}

#ini_destacado_2 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#ini_destacado_3 .texto_destacados > div {
	font-size: 250%;
}

#ini_destacado_3 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#ini_destacado_4 .texto_destacados > div {
	font-size: 250%;
}

#ini_destacado_4 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#ini_destacado_5 .texto_destacados > div {
	font-size: 250%;
}

#ini_destacado_5 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#ini_destacado_6 .texto_destacados > div {
	font-size: 200%;
}

#ini_destacado_6 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#ini_destacado_7 .texto_destacados > div {
	font-size: 250%;
}

#ini_destacado_7 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

/* ---- ZONA OFERTAS INICIO ---- */
section#ofertas_inicio {
	position: relative;
	max-width: 1200px;
	text-align: center;
	background: rgba(0,0,0,-5);
	padding: 0;
	margin: 0 auto;
	font-size: 120%;
}

section#ofertas_inicio {
	color: #646464;
	padding: 0;
	font-size: 120%;
}

section#ofertas_inicio a {
	color: #646464;
}

section#ofertas_inicio a:hover {
	color: #000;
}

section#ofertas_inicio h2 {
    display: block;
    text-align: center;
    color: #333333;
	padding: 0 .5em;
    margin-top: .3em;
    margin-bottom: 1em;
}

section#ofertas_inicio article.article_oferta {
	/*display: none;*/
	display: inline-block;
	padding: 0 .25em;
	margin: 0;
	margin-top: .25em;
	margin-bottom: .25em;
}

/*section#ofertas_inicio article.article_oferta:nth-child(-n+4) {
	display: inline-block;
}*/

section#ofertas_inicio article.article_oferta h3 {
	display: none;
}

section#ofertas_inicio article.article_oferta .article_oferta_fondo {
	background: #fff;
	text-align: center;
	height: 100%;
}

section#ofertas_inicio article.article_oferta figure {
	margin-bottom: 0;
}

section#ofertas_inicio article.article_oferta figure img {
	width: -webkit-fill-available;
	max-width: calc(100% - 2em);
	height: auto;
}

section#ofertas_inicio article.article_oferta .oferta_texto {
	float: left;
	width: calc(100% - 1em);
	padding-bottom: 2.5em;
	margin: 1em .5em;
}

section#ofertas_inicio article.article_oferta .oferta_texto p {
	margin: 0em 1em 1em;
}

article.article_oferta .oferta_texto p span.oferta_nombre {
	display: block;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-size: 115%;
	font-weight: 700;
	color: #000;
	letter-spacing:.02em;
}

article.article_oferta .oferta_texto p span.oferta_descripcion {
	display: block;
	margin-top: 5px;
	line-height: 1.2em;
}

article.article_oferta .oferta_texto p span.oferta_preciogranel {
	display: block;
	margin: 0;
	margin-top: 5px;
	font-size: 75%;
	font-weight: 400;
	color: #646464;
}

article.article_oferta .oferta_texto p span.oferta_precio {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-size: 150%;
	font-weight: 600;
	color: #0096de;
	letter-spacing:.05em;
}

/* -- NAVEGADOR OFERTAS INICIO - */
section#ofertas_inicio #ant-sig {
	display: none;
	float: left;
	bottom: -1.7em;
	position: none;
	width: 100%;
	height: 4em;
	padding: 0;
	margin: 0;
	z-index: 800;
}

section#ofertas_inicio #ant-sig a#boton_ofertas_ant {
	position: absolute;
	left: 2em;
}

section#ofertas_inicio #ant-sig a#boton_ofertas_sig {
	position: absolute;
	right: 2em;
}

section#ofertas_inicio #ant-sig a#boton_ofertas_ant img, section#ofertas_inicio #ant-sig a#boton_ofertas_sig img {
	opacity: .8;
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
    -webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

section#ofertas_inicio #ant-sig a#boton_ofertas_ant:hover img {
	opacity: 1;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	-webkit-transform: scale(1.7) translate(-2px, -2px);
	-moz-transform: scale(1.7) translate(-2px, -2px);
	-ms-transform: scale(1.7) translate(-2px, -2px);
	-o-transform: scale(1.7) translate(-2px, -2px);
	transform: scale(1.7) translate(-2px, -2px);
}

section#ofertas_inicio #ant-sig a#boton_ofertas_ant:active img {
	opacity: 1;
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	-webkit-transform: scale(1.5) translate(2px, 2px);
	-moz-transform: scale(1.5) translate(2px, 2px);
	-ms-transform: scale(1.5) translate(2px, 2px);
	-o-transform: scale(1.5) translate(2px, 2px);
	transform: scale(1.5) translate(2px, 2px);
}

section#ofertas_inicio #ant-sig a#boton_ofertas_sig:hover img {
	opacity: 1;
	-webkit-filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
	filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
	-webkit-transform: scale(1.76) translate(2px, -2px);
	-moz-transform: scale(1.7) translate(2px, -2px);
	-ms-transform: scale(1.7) translate(2px, -2px);
	-o-transform: scale(1.7) translate(2px, -2px);
	transform: scale(1.7) translate(2px, -2px);
}

section#ofertas_inicio #ant-sig a#boton_ofertas_sig:active img {
	opacity: 1;
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	-webkit-transform: scale(1.5) translate(-2px, 2px);
	-moz-transform: scale(1.5) translate(-2px, 2px);
	-ms-transform: scale(1.5) translate(-2px, 2px);
	-o-transform: scale(1.5) translate(-2px, 2px);
	transform: scale(1.5) translate(-2px, 2px);
}

section#ofertas_inicio #ant-sig a.bot_ant_des img, section#ofertas_inicio #ant-sig a.bot_sig_des img {
    display: none;
}

section#ofertas_inicio a.zona_boton {
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	margin-top: 0em;
}

section#ofertas_inicio:last-child {
	margin-bottom: 2em;
}

/* --- ZONA BANNERS HOME PIE --- */
section#banners_home_pie {
	padding: 0;
	margin: 0;
	margin-top: .5em;
	color: #fff;
	font-size: 100%;
	z-index: 200;
}

section#banners_home_pie h2 {
	display: none;
}

#banners_home_pie .row_bannershome {
	display: block;
	float: left;
}

#home_banner_1 {
	position: relative;
	float: left;
	width: 100%;
	height: 50vw;
	min-height: 14em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#home_banner_2 {
	position: relative;
	float: left;
	width: 100%;
	height: 50vw;
	min-height: 14em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#home_banner_1 img, #home_banner_2 img {
	width: 100%;
	height: auto;
	min-width: 100%;
	min-height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 1;
}

#home_banner_1:hover img, #home_banner_2:hover img {
	opacity: .8;
}

@supports(object-fit: cover){
    #home_banner_1 img, #home_banner_2 img {
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

#home_banner_1 .texto_destacados, #home_banner_2 .texto_destacados {
	position: absolute;
	bottom: 2em;
	left: 2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#home_banner_1:hover .texto_destacados, #home_banner_2:hover .texto_destacados {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#home_banner_1 .texto_destacados > div {
	font-size: 250%;
}

#home_banner_1 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

#home_banner_2 .texto_destacados > div {
	font-size: 250%;
}

#home_banner_2 .texto_destacados > div.destacado_txt_txiki {
	font-size: 75%;
}

/* -------------- CONTENIDOS ------------- */
/*section#contenidos {
	padding: 0;
	margin: 0;
	display: inline;
	color: #646464;
}*/

section#contenidos {
	padding: 0;
	margin: 0;
	margin-bottom: 4em;
}

section#contenidos h2 {
	font-size: 150%;
    text-transform: uppercase;
	text-align: center;
	width: 100%;
	color: #fff;
	background: #6a0968;
	padding: .5em;
	margin: 0;
	margin-top: 0;
    line-height: 1em;
}

section#contenidos h2.titu_elige {
	background: #90c63c;
}

/* --- LISTADO DE CONTENIDOS --- */
section#contenidos div.row {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 !important;
}

section#contenidos div.row.contenido_capa {
	margin-top: 2em;
}

section#contenidos article.article_contenedor {
	display: flex;
	padding: 0;
	margin: .5em 0;
	background: #fff;
}

section#contenidos article.primer_contenedor {
	background: #F7F7F7;
	/*margin-top: 0em;*/
	margin-bottom: .5em;
	margin-top: .7em;
}

section#contenidos article.article_contenedor a {
	display: flex;
	width: 100%;
	color: #646464;
	background: rgba(0,0,0,.05);
}

section#contenidos article.article_contenedor a:hover {
	color: #000;
	background: rgba(0,0,0,.1);
}

section#contenidos article .article_contenido, #contenidos article .article_contenido_sinfoto {
	position: relative;
	float: left;
	width: 100%;
	border: 1px solid #ededed;
}

section#contenidos article .article_contenido:hover, #contenidos article .article_contenido_sinfoto:hover {
	z-index: 100;
}

main section article .article_contenido figure {
	float: left;
	width: 100%;
	padding: 0em;
	margin-bottom: 0;
	background: #000;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

main section article .article_contenido:hover figure {
	padding: 0em;
}

main section article .article_contenido figure img {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 1;
}

main section article .article_contenido:hover figure img {
	opacity: 1;
}

main section article.primer_contenedor .article_contenido figure {
	padding: 0em;
}

section#contenidos article.primer_contenedor .article_contenido, #contenidos article.primer_contenedor .article_contenido_sinfoto {
	border: none;
}

main section article .article_contenido figure img {
	width: calc(100% + 20px);
	height: auto;
	margin: 0;
	object-fit: cover;
	object-position: -10px center;
}

main section article.primer_contenedor .article_contenido figure img {
	width: calc(100% + 30px);
	height: auto;
	object-fit: cover;
	object-position: -15px center;
}

main section article .article_contenido figure img.apaisada {
	height: 100%;
	width: auto;
	min-width: 100%;
}

main section article .article_contenido .article_texto {
	float: left;
	width: 100%;
	padding: 0;
	padding-bottom: 1em !important;
	overflow: hidden;
	font-size: 100%;
}

main section article .article_contenido .article_texto.sinpaddin_bottom {
	padding-bottom: 0em !important;
}

main section article.primer_contenedor .article_contenido .article_texto {
	display: block;
    padding-top: 0;
	font-size: 100%;
}

.article_texto {
	float: left;
	width: 100%;
	padding: 0 !important;
	font-size: 80%;
}

.article_texto.txt_sobrefoto {
	position: absolute;
	top: 0em;
	left: 0em;
	width: auto !important;
	padding-top: 1em !important;
	padding-left: 1em !important;
}

.article_texto.sinpadding_sup {
	padding-top: 0 !important;
}

.article_texto.centrado {
	text-align: center;
}

.article_texto p.antetitulo {
	text-transform: uppercase;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-size: 80% !important;
	font-weight: 400;
	line-height: 1.2em;
	width: auto;
	padding: 1.2em 1.5em;
	margin: 0;
	margin-right: 1em;
	background: #fff;
	color: #6a0968;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	-webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
    filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
}

main section article .article_contenido .article_texto.txt_sobrefoto p.antetitulo {
	padding: .5em 1em;
	-webkit-transform: skew(-8deg);
	-moz-transform: skew(-8deg);
	-ms-transform: skew(-8deg);
	-o-transform: skew(-8deg);
	transform: skew(-8deg);
}

main section#contenidos article .article_contenido .article_texto.txt_sobrefoto p.antetitulo {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 1;
}

main section#contenidos article .article_contenido:hover .article_texto.txt_sobrefoto p.antetitulo {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
	opacity: 0;
}

main section article .article_contenido .article_texto.txt_sobrefoto p.antetitulo time, main section article .article_contenido .article_texto.txt_sobrefoto p.antetitulo span {
	-webkit-transform: skew(8deg);
	-moz-transform: skew(8deg);
	-ms-transform: skew(8deg);
	-o-transform: skew(8deg);
	transform: skew(8deg);
}

.article_texto p.antetitulo time {
	float: left;
	font-weight: 700;
	margin-right: .8em;
}

.article_texto p.antetitulo span {
	display: table-cell;
}

.article_texto h3.titulo {
	margin: 0;
	font-weight: 600;
	padding: 1.2em 1em;
	padding-bottom: .5em;
}

article h4.titulo {
	color: #6a0968;
	margin: 0;
	font-weight: 500;
	padding: 1.2em 1em;
	padding-bottom: .5em;
}

.primer_contenedor .article_contenido .article_texto h3.titulo {
	color: #6a0968;
	font-size: 160%;
}

.article_texto p.resumen {
	font-size: 95%;
	font-weight: 400;
	padding: .5em 1.5em;
	margin: 0;
}

/* - ZONA NAVEGACION - */
#zona_navegacion {
	clear: both;
	color: #666;
	text-align: center;
	position: relative;
	top: 1em;
	margin-bottom: 3em;
	margin-top: 1.5em;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-weight: 400;
}

#navegacion_listado {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 !important;
	padding-top: 0.5em;
}

#navegacion_listado a {
	display: inline-block;
	width: 45px;
	height: 45px;
	color: #999999;
	border: 3px solid rgba(0,0,0,.1);
}

#navegacion_listado a:hover {
	color: #000;
	border: 3px solid #666;
}

#navegacion_listado a span {
	font-size: 100%;
    position: relative;
    top: 4px;
	margin: 0;
}

#navegacion_listado a.enlace_primera span, #navegacion_listado a.enlace_ultima span {
	font-size: 200%;
    position: relative;
    top: -15px;
	margin: 0;
}

#navegacion_listado a.enlace_primera span {
    position: relative;
    top: -15px;
}

.enlace_primera {
	float: left;
	height: 45px;
	width: 45px;
	margin-right: .5em;
}

.enlace_ultima {
	float: right;
	height: 45px;
	width: 45px;
	margin-left: .5em;
}

.enlace_pagina {
	height: 45px;
	width: 45px;
	margin: 0 .35em;
}

#navegacion_listado a.pag_activa {
	color: #6a0968;
	font-weight: bold;
	border: 3px solid #6a0968;
}

#navegacion_listado span.puntos-suspensivos {
	display: inline-block;
	font-size: 200%;
	color: #DDD;
	margin: 0;
	margin-top: -20px;
}

/* ------ FICHA CONTENIDO ------ */
section#contenido {
	padding: 0;
	margin: 0;
	/*margin-bottom: 4em;*/
}

section#contenido h2 {
	font-size: 150%;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	color: #fff;
	background: #6a0968;
	padding: .5em;
	margin: 0;
	line-height: 1em;
}

section#contenido h2.titu_formularios {
	background: #666;
}

section#contenido h2.titu_supermercados {
	background: #0089a6;
}

section#contenido h2.titu_elige {
	background: #90c63c;
}

section#contenido article {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

section#contenido article h3.titulo {
	padding: .5em .5em .2em;
    color: #6a0968;
    font-size: 300%;
}

section#contenido article figure {
	width: 100%;
	height: auto;
	max-height: none;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

section#contenido article figure img {
	width: 100%;
	height: 100%;
}

section#contenido article #elcontenido {
	color: #000;
    font-size: 100%;
	padding: 0 2em;
}

section#contenido article #elcontenido .entresaca {
	float: right;
	width: 40%;
	min-width: 100%;
	padding: 1.5em 1em 1em;
	margin-left: 2em;
	margin-bottom: 1em;
	position: relative;
	color: #000;
	font-family: 'HelveticaProRoman', 'Roboto Condensed', sans-serif;
    font-size: 180%;
	font-weight: 500;
	line-height: 1.25em;
	border-top: 12px solid #f4f3ef;
	border-bottom: 12px solid #f4f3ef;
}

section#contenido article #elcontenido .entresaca:before {
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	position: absolute;
	top: -.3em;
	left: .2em;
	content: url("images_css/entresaca_apertura.png");
	font-size: 350%;
    color: #f4f3ef;
	transform: scale(1.5);
}

section#contenido article #elcontenido .entresaca:after  {
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	position: absolute;
	bottom: .25em;
	right: .2em;
	content: url("images_css/entresaca_cierre.png");
	font-size: 350%;
    color: #f4f3ef;
	transform: scale(1.5);
}

section#contenido article #elcontenido h4 {
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
    font-size: 150%;
	margin: 1.5em 0 1em 0;
}

section#contenido article .cont_conpadding {
	color: #000;
    font-size: 100%;
	padding: 0 2em;
}

/* - COMPARTIR EN RRSS - */
.boton_compartir {
	float: right;
	width: 100%;
}

.boton_compartir_pie {
	margin: 0 1.80em;
	border-top: 1px solid rgba(0,0,0,.1);
}

nav#redes_contenidos, nav#redes_contenidos_pie {
    float: right;
	clear: both;
	width: auto;
    height: auto;
    padding: 0 1em;
    margin: 0;
	text-align: center;
}

.boton_compartir_pie nav#redes_contenidos, .boton_compartir_pie nav#redes_contenidos_pie {
	padding: 0  0 0 1em;
}

nav#redes_contenidos p, nav#redes_contenidos_pie p {
	float: left;
	width: auto;
	height: auto;
	padding: 1.2em 0;
	margin: 0;
	margin-right: 2em;
	color: #646464;
	font-weight: bold;
	border-bottom: none;
}

nav#redes_contenidos ul, nav#redes_contenidos_pie ul {
	float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

nav#redes_contenidos ul li, nav#redes_contenidos_pie ul li {
	float: left;
	padding: 0;
	margin: 0 .35em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

nav#redes_contenidos ul li:hover, nav#redes_contenidos_pie ul li:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

nav#redes_contenidos ul li figure, nav#redes_contenidos_pie ul li figure {
	display: flex;
	height: 100%;
	min-height: 4em !important;
	padding: 0;
 	margin: 0;
	align-items: center;
	justify-content: center;
	background: transparent;
}

nav#redes_contenidos ul li figure img, nav#redes_contenidos_pie ul li figure img {
	float: left;
	height: 1.3em;
	width: auto;
	padding: 0;
	margin: 0;
	margin-right: .4em;
	object-fit: cover;
	object-position: center center;
}

nav#redes_contenidos ul li figure figcaption, nav#redes_contenidos_pie ul li figure figcaption {
	display: none;
	color: #797778;
	font-size: 50%;
	font-weight: 300;
	letter-spacing: .1em;
	padding-top: .3em;
}

nav#redes_contenidos ul li a, nav#redes_contenidos_pie ul li a {
	color: #797778;
}

/* - ZONA GALERIA FOTOS - */
section#contenido article #cont_fotos {
	position: relative;
	width: 100%;
	align-items: center;
	align-content: center;
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
	font-size: 120%;
}

section#contenido article #ant-sig {
	position: absolute;
	top: calc(50% - 2em);
	width: 100%;
	height: 4em;
	padding: 0;
	margin: 0;
	z-index: 800;
}

section#contenido article #ant-sig a#boton_ant {
	position: absolute;
	left: 1.5em;
}

section#contenido article #ant-sig a#boton_sig {
	position: absolute;
	right: 1.5em;
}

section#contenido article #ant-sig a#boton_ant img, section#contenido article #ant-sig a#boton_sig img {
	opacity: .8;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


section#contenido article #ant-sig a#boton_ant:hover img, section#contenido article #ant-sig a#boton_sig:hover img {
	opacity: 1;
	-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}

section#contenido article #ant-sig a.bot_ant_des img, section#contenido article #ant-sig a.bot_sig_des img {
    display: none;
}

section#contenido article #fotografias {
	position: relative;
	padding: 0;
	margin: 0;
	height: 100%;
}

section#contenido article #fotografias #numerofotos {
	position: absolute;
	bottom: .45em;
	right: .5em;
	height: 30px;
	color: #fff;
	font-size: 70%;
	font-weight: 500;
	padding-top: 0em;
	padding-left: .5em !important;
	padding-right: .5em !important;
	border: 1px solid rgba(255,255,255,.2);
	z-index: 800;
}

section#contenido article #fotografias figure {
	display: block;
	position: relative;
	margin-bottom: 0em;
	min-height: 9em;
}

section#contenido article #fotografias figure figcaption {
    position: absolute;
    bottom: 0em;
    width: 100%;
	min-height: 45px;
    padding: .5em 6em .5em 1em;
    color: white;
    background-color: rgba(0,0,0,0.5);
	text-align: left;
    font-size: 70%;
    font-weight: 300;
    font-style: italic;
	letter-spacing: .05em;
}

section#contenido article #fotografias figure img {
	width: calc(100% + 30px);
	height: auto;
	padding: 0;
	margin: 0;
	object-fit: cover;
	object-position: -15px center;
}

/* - ZONA DOCUMENTACION - */
section#contenido article #documentacion {
	display: block;
	width: 100%;
	height: auto;
	padding: .25em 0 !important;
	margin: 1.5em 2em 0 2em;
	border-top: 1px solid rgba(0,0,0,.1);
	font-size: 90%;
}

section#contenido article #documentacion ul#lista_documentos {
	padding: 0;
	margin: 0;
	list-style: none;
}

section#contenido article #documentacion ul#lista_documentos li {
	margin: 1em 0;
}

section#contenido article #documentacion ul#lista_documentos li a {
	color: #797778;
}

section#contenido article #documentacion ul#lista_documentos li a:hover {
	color: #000000;
}

section#contenido article #documentacion ul#lista_documentos li a img {
	height: 1.5em;
	padding-right: .5em;
	margin-top: -.2em;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

section#contenido article #documentacion ul#lista_documentos li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

section#contenido article #documentacion ul#lista_documentos li a:hover img.ico_doc {
	content: url(../images/ico_enlace_doc_over.png);
}

section#contenido article #documentacion ul#lista_documentos li a:hover img.ico_url {
	content: url(../images/ico_enlace_url_over.png);
}


/* ---- PAGINAS DE CONTENIDO --- */
.contenido_capa {
	float: left;
	width: 100%;
	padding: 1.5em;
	font-size: 100%;
}

.contenido_flex {
	display: flex;
}

.contenido_capa .row {
	width: 100%;
	margin-left: 0em !important;
}

.contenido_capa .con_numero {
    width: calc(100% - 4.5em);
	margin-left: 4.5em !important;
}

.contenido_capa .centrado {
	text-align: center;
}

.contenido_capa form {
	width: 100%;
	font-size: 100%;
}

.contenido_capa form#form_movimientos label:not(.label_button) {
	float: left;
	width: auto;
	position: relative;
	top: -.5em;
	margin-right: .5em;
	margin-left: .5em;
}

.contenido_capa form .mensaje_procesando, form .mensaje_procesando {
	display: none;
}

.contenido_capa form .mensaje_procesando span, form .mensaje_procesando span {
	float: left;
	text-decoration: none;
	font-weight: 600;
	color: #3299c6;
	background: url(images_css/reloj.gif) no-repeat left top;
	padding-left: 1.8em;
}

.contenido_capa .row p {
    width: 100%;
	clear: both;
}

.cont_fondo_gris {
	background: #f7f7f7;
	padding: 1.5em;
}

.contenido_capa h3.titu_contenido {
	display: block;
	margin: 0;
	margin-bottom: 1em;
	font-size: 300%;
	font-weight: 600;
	line-height: .9em;
	color: #3299c6;
}

.contenido_capa h3.titu_contenido .txt_numero_contenido {
	display: inline-block;
	vertical-align: middle;
	background: #3299c6;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2em;
	margin-right: .3em;
	text-align: center;
	width: 1.2em;
}

.contenido_capa h4.titu_contenido .txt_numero_contenido {
	display: inline-block;
	vertical-align: middle;
	background: #3299c6;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.2em;
	margin-right: .3em;
	text-align: center;
	width: 1.2em;
}

.contenido_capa h3.titu_contenido .txt_titu_contenido {
	position: relative;
	top: .1em;
}

.contenido_capa h4.titu_contenido {
	display: block;
	margin: 0;
	margin-bottom: 1em;
	font-size: 215%;
	font-weight: 300;
	line-height: .9em;
	color: #3299c6;
	text-transform: uppercase;
}

.titu_poblacion {
	display: block;
	font-size: 80%;
	margin-bottom: -1em;
	opacity: 0.3;
	filter: alpha(opacity=30);
	line-height: .9em;
}

.txt_grande {
    font-size: 120%;
    font-weight: 600;
}

.text_fecha {
	float: left;
	width: auto;
	min-width: 4em;
	margin-right: .5em;
	font-weight: bold;
}

.separacion_fechas {
	float: left;
}

table.tabla_todo_ancho {
	width: 100%;
}

table tr.datos_arriba {
	background: #3299c6;
	color: #fff;
	font-weight: 600;
	font-size: 110%;
}

table tr td {
	padding: .5em 1em;
	border-right: 1px solid #fff;
	letter-spacing:.02em;
}

.impar {
	background: #f7f7f7;
}

.par {
	background: #e6e6e6;
}

table tr.fila_ok td {
	color: #026cc7;
}

.cont_mensaje_error {
	display: inline-block;
	color: red;
	font-size: 100%;
	font-weight: 600;
	font-style: italic;
	line-height: 1.6em;
	width: auto;
	padding-left: 4em;
	margin: 0 1em;
	text-decoration: blink;
	background: url(images_css/ico_error.png) no-repeat left top;
	background-size: auto 3em;
}

.contenido_capa iframe {
	width: 100%;
	height: 300px;
	max-height: 300px;
	border: 1px solid rgba(0,0,0,.1); /* Para sustituir FRAMEBORDER="0" del IFRAME que esta OBSOLETO */
	overflow: hidden; /* Para sustituir SCROLLING="NO" del IFRAME que esta OBSOLETO */
	margin: 0; /* Para sustituir MARGINHEIGHT="0" y MARGINWIDTH="0" del IFRAME que esta OBSOLETO */
}

/* - LOCALIZA TIENDAS - */
#apasoapaso, #apoblaciones, #atiendas, #acodpostal {
	position: relative;
	top: -4.8em;
}

ul#lista_provincias, ul#lista_poblaciones, ul#lista_tiendas, ul#lista_tiendas_cp, ul#ofer_lista_provincias, ul#ofer_lista_poblaciones, ul#ofer_lista_tiendas, ul#ofer_lista_tiendas_cp, ul#publi_lista_provincias, ul#publi_lista_poblaciones, ul#publi_lista_tiendas, ul#publi_lista_tiendas_cp, ul#folleto_lista_provincias,ul#folleto_lista_poblaciones, ul#folleto_lista_tiendas, ul#folleto_lista_tiendas_cp,ul#excelente_lista_provincias,ul#excelente_lista_poblaciones, ul#excelente_lista_tiendas,ul#excelente_lista_tiendas_cp,ul#marcas_lista_provincias,ul#marcas_lista_poblaciones, ul#marcas_lista_tiendas, ul#marcas_lista_tiendas_cp {
	list-style-type: none;
	padding-left: 0;
}

ul#lista_provincias li, ul#lista_poblaciones li, ul#lista_tiendas li, ul#lista_tiendas_cp li, ul#ofer_lista_provincias li, ul#ofer_lista_poblaciones li, ul#ofer_lista_tiendas li, ul#ofer_lista_tiendas_cp li,ul#publi_lista_provincias li, ul#publi_lista_poblaciones li, ul#publi_lista_tiendas li, ul#publi_lista_tiendas_cp li, ul#folleto_lista_provincias li, ul#folleto_lista_poblaciones li, ul#folleto_lista_tiendas li, ul#folleto_lista_tiendas_cp li, ul#excelente_lista_provincias li, ul#excelente_lista_poblaciones li, ul#excelente_lista_tiendas li, ul#excelente_lista_tiendas_cp li, ul#marcas_lista_provincias li, ul#marcas_lista_poblaciones li, ul#marcas_lista_tiendas li, ul#marcas_lista_tiendas_cp li{
	display: block;
	margin-bottom: .3em;
}

ul#lista_provincias li.lista_cabecera, ul#lista_poblaciones li.lista_cabecera, ul#lista_tiendas li.lista_cabecera, ul#lista_tiendas_cp li.lista_cabecera, ul#ofer_lista_provincias li.lista_cabecera, ul#ofer_lista_poblaciones li.lista_cabecera, ul#ofer_lista_tiendas li.lista_cabecera, ul#ofer_lista_tiendas_cp li.lista_cabecera, ul#publi_lista_provincias li.lista_cabecera, ul#publi_lista_poblaciones li.lista_cabecera, ul#publi_lista_tiendas li.lista_cabecera, ul#publi_lista_tiendas_cp li.lista_cabecera, ul#folleto_lista_provincias li.lista_cabecera, ul#folleto_lista_poblaciones li.lista_cabecera, ul#folleto_lista_tiendas li.lista_cabecera, ul#folleto_lista_tiendas_cp li.lista_cabecera,ul#excelente_lista_provincias li.lista_cabecera,ul#excelente_lista_poblaciones li.lista_cabecera, ul#excelente_lista_tiendas li.lista_cabecera, ul#excelente_lista_tiendas_cp li.lista_cabecera,ul#marcas_lista_provincias li.lista_cabecera,ul#marcas_lista_poblaciones li.lista_cabecera, ul#marcas_lista_tiendas li.lista_cabecera, ul#marcas_lista_tiendas_cp li.lista_cabecera {
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

ul#lista_provincias li span, ul#lista_poblaciones li span, ul#lista_tiendas li span, ul#lista_tiendas_cp li span, ul#ofer_lista_provincias li span, ul#ofer_lista_poblaciones li span, ul#ofer_lista_tiendas li span, ul#ofer_lista_tiendas_cp li span, ul#publi_lista_provincias li span, ul#publi_lista_poblaciones li span, ul#publi_lista_tiendas li span, ul#publi_lista_tiendas_cp li span, ul#folleto_lista_provincias li span, ul#folleto_lista_poblaciones li span, ul#folleto_lista_tiendas li span, ul#folleto_lista_tiendas_cp li span, ul#excelente_lista_provincias li span, ul#excelente_lista_poblaciones li span, ul#excelente_lista_tiendas li span, ul#excelente_lista_tiendas_cp li span,ul#marcas_lista_provincias li span, ul#marcas_lista_poblaciones li span, ul#marcas_lista_tiendas li span, ul#marcas_lista_tiendas_cp li span {
	display: inline-block;
	color: #0096de;
	cursor: pointer;
	line-height: 1em;
}

ul#lista_provincias li span:hover, ul#lista_poblaciones li span:hover, ul#lista_tiendas li span:hover, ul#lista_tiendas_cp li span:hover, ul#ofer_lista_provincias li span:hover, ul#ofer_lista_poblaciones li span:hover, ul#ofer_lista_tiendas li span:hover, ul#ofer_lista_tiendas_cp li span:hover, ul#publi_lista_provincias li span:hover, ul#publi_lista_poblaciones li span:hover, ul#publi_lista_tiendas li span:hover, ul#publi_lista_tiendas_cp li span:hover, ul#folleto_lista_provincias li span:hover, ul#folleto_lista_poblaciones li span:hover, ul#folleto_lista_tiendas li span:hover, ul#folleto_lista_tiendas_cp li span:hover,   ul#excelente_lista_provincias li span:hover, ul#excelente_lista_poblaciones li span:hover, ul#excelente_lista_tiendas li span:hover, ul#excelente_lista_tiendas_cp li span:hover,  ul#marcas_lista_provincias li span:hover, ul#marcas_lista_poblaciones li span:hover, ul#marcas_lista_tiendas li span:hover, ul#marcas_lista_tiendas_cp li span:hover {
	color: #000000;
}

ul#lista_provincias li span.opcion_activa, ul#lista_poblaciones li span.opcion_activa, ul#lista_tiendas li span.opcion_activa, ul#lista_tiendas_cp li span.opcion_activa, ul#ofer_lista_provincias li span.opcion_activa, ul#ofer_lista_poblaciones li span.opcion_activa, ul#ofer_lista_tiendas li span.opcion_activa, ul#ofer_lista_tiendas_cp li span.opcion_activa, ul#publi_lista_provincias li span.opcion_activa, ul#publi_lista_poblaciones li span.opcion_activa, ul#publi_lista_tiendas li span.opcion_activa, ul#publi_lista_tiendas_cp li span.opcion_activa, ul#folleto_lista_provincias li span.opcion_activa, ul#folleto_lista_poblaciones li span.opcion_activa, ul#folleto_lista_tiendas li span.opcion_activa, ul#folleto_lista_tiendas_cp li span.opcion_activa,   ul#excelente_lista_provincias li span.opcion_activa, ul#excelente_lista_poblaciones li span.opcion_activa, ul#excelente_lista_tiendas li span.opcion_activa, ul#excelente_lista_tiendas_cp li span.opcion_activa,   ul#marcas_lista_provincias li span.opcion_activa, ul#marcas_lista_poblaciones li span.opcion_activa, ul#marcas_lista_tiendas li span.opcion_activa, ul#marcas_lista_tiendas_cp li span.opcion_activa {
	font-weight: bold;
	color: #000000;
}

#provincias, #poblaciones, #tiendas, #ofer_provincias, #ofer_poblaciones, #ofer_tiendas, #publi_provincias, #publi_poblaciones, #publi_tiendas, #folleto_provincias, #folleto_poblaciones, #folleto_tiendas,  #excelente_provincias, #excelente_poblaciones, #excelente_tiendas,  #marcas_provincias, #marcas_poblaciones, #marcas_tiendas {
	padding: 0;
	padding-right: 1em;
	margin-bottom: 0;
}

#tiendas_cp, #ofer_tiendas_cp, #publi_tiendas_cp, #folleto_tiendas_cp, #excelente_tiendas_cp, #marcas_tiendas_cp {
	padding: 0;
	padding-right: 1em;
	margin-bottom: 0;
	margin-top: 1.5em;
}

form#form_localizacod .row, form#form_filtramapa .row {
	width: 100% !important;
	margin-left: 0 !important;
}

form#form_localizacod .row .form-group, form#form_filtramapa .row .form-group {
	padding: 0;
	margin: 0;
}

form#form_localizacod input, form#form_filtramapa input {
	-webkit-border-top-right-radius: 0em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 0em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 0em;
	border-bottom-left-radius: 1em;
}

form#form_localizacod button[type='submit'], form#form_filtramapa button[type='submit'] {
	font-size: 101%;
    margin-top: 0em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 0em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 0em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 0em;
	margin-left: -1px;
}

/* - FICHA TIENDA - */
#asecciones, #aservicios {
	position: relative;
	top: -4.8em;
}

.texto_suave {
	color: #bbbbbb;
	font-style: italic;
	letter-spacing: .05em;
}

#secciones, #servicios {
	padding: 0;
	margin: 0;
}

ul#lista_secciones, ul#lista_servicios {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#lista_secciones li, ul#lista_servicios li {
	float: left;
	margin: 0 1em 1em 1em;
	width:40%
}

ul#lista_servicios li a {
	cursor: none;
	cursor: url(../images/cursor_ok.cur), default;
	cursor-position: -2 -2;
}

ul#lista_secciones li a img, ul#lista_servicios li a img {
	/*width: 125%;
	height: 125%;*/
	width: 50px;
	height: 50px;
	margin-right: 10px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

ul#lista_secciones li a:hover img, ul#lista_servicios li a:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* - ELIGE CUIDARTE - */
section#contenido h2.titu_eligecuidarte {
	background: #8ac41a;
	padding: .3em .5em;
	height: 2.3em;
}

section#contenido h2.titu_eligecuidarte figure {
	height: 100%;
	margin-bottom: 0em;
}

section#contenido h2.titu_eligecuidarte figure img {
	height: 100%;
	width: auto;
}

.cont_fondo_eligecuidarte {
	background: #B6DD79;
	padding: 1.5em 0em;
	margin: 0;
}

ul#menu_eligecuidarte {
	list-style: none;
	height: 100%;
    width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#menu_eligecuidarte li {
	display: inline-block;
	height: 100%;
    margin: .35em 2.5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
	text-transform: uppercase;
    font-size: 90%;
    font-weight: 600;
    letter-spacing: .1em;
}

ul#menu_eligecuidarte li:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

ul#menu_eligecuidarte li a {
    display: block;
    color: #004387;
}

.contenido_capa .contenido_texto {
	position: relative;
	background: rgba(0,0,0,.2);
	padding-bottom: 4em;
}

.contenido_foto figure {
	clear: both;
	overflow: hidden;
	height: 20em;
	width: auto;
	max-width: 40%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.contenido_foto figure img {
	height: 100%;
	width: auto;
	min-width: 100%;
	max-width: none;
	margin: 0 -100%;
}

.foto_izda figure, .foto_dcha figure {
	clear: both;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	width: 100%;
	height: auto;
	text-align: center;
}

.foto_izda figure img, .foto_dcha figure img {
	width: 100%;
	height: auto;
    min-height: 100%;
	max-height: none;
	margin: 0 -100%;
}

/* - ZONA BANNERS ELIGE CUIDARTE - */
section#zona_banners_eligecuidarte {
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 120%;
	z-index: 200;
}

#eligecuidarte_banner_1 {
	position: relative;
	float: left;
	width: 100%;
	height: calc(57.4vw - 10px);
	min-height: 12.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#eligecuidarte_banner_2 {
	position: relative;
	float: left;
	width: 100%;
	height: calc(57.4vw - 10px);
	min-height: 12.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#eligecuidarte_banner_3 {
	position: relative;
	float: left;
	width: 100%;
	height: calc(57.4vw - 10px);
	min-height: 12.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#eligecuidarte_banner_1 img, #eligecuidarte_banner_2 img, #eligecuidarte_banner_3 img {
	width: 100%;
	height: auto;
	min-width: 100%;
	min-height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 1;
}

#eligecuidarte_banner_1:hover img, #eligecuidarte_banner_2:hover img, #eligecuidarte_banner_3:hover img {
	opacity: .8;
}

@supports(object-fit: cover){
    #eligecuidarte_banner_1 img, #eligecuidarte_banner_2 img, #eligecuidarte_banner_3 img {
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

#eligecuidarte_banner_1 .texto_destacados, #eligecuidarte_banner_2 .texto_destacados, #eligecuidarte_banner_3 .texto_destacados {
	position: absolute;
	bottom: 2em;
	left: 2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#eligecuidarte_banner_1:hover .texto_destacados, #eligecuidarte_banner_2:hover .texto_destacados, #eligecuidarte_banner_3:hover .texto_destacados {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#eligecuidarte_banner_1 .texto_destacados > div {
	font-size: 200%;
}

#eligecuidarte_banner_1 .texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
}

#eligecuidarte_banner_2 .texto_destacados > div {
	font-size: 200%;
}

#eligecuidarte_banner_2 .texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
}

#eligecuidarte_banner_3 .texto_destacados > div {
	font-size: 200%;
}

#eligecuidarte_banner_3 .texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
}

/* - RECETAS - */
section#contenido h2.titu_recetas {
	background: #3299c6;
}

/* ---- ASIDE (COLUMNA DCHA) --- */
aside {
	/*padding: 1.7em 1em !important;*/
	padding: 0 !important;
}

aside .row {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 !important;
}

/* - ZONA OFERTAS - */
section#ofertas {
	padding: 0;
	padding-bottom: 4em;
	color: #646464;
	font-size: 120%;
}

section#ofertas a {
	color: #646464;
}

section#ofertas a:hover {
	color: #000;
}

section#ofertas h2.mostrar_movil {
	display: block;
	text-align: center;
	color: #333333;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

section#ofertas h2.mostrar_escritorio {
	display: none;
}

section#ofertas article.article_oferta {
	padding: 0 .25em;
	margin: 0 auto;
    margin-bottom: 2em;
}

section#ofertas article.article_oferta h3 {
	display: none;
}

section#ofertas article.article_oferta .article_oferta_fondo {
	background: #fff;
	text-align: center;
	height: 100%;
	border: 1px solid #dddddd;
}

section#ofertas article.article_oferta figure {
	margin-bottom: 0;
}

section#ofertas article.article_oferta figure img {
	width: 100%;
	height: auto;
}

section#ofertas article.article_oferta .oferta_texto {
	padding-bottom: 2.5em;
	margin: 1em;
}

section#ofertas article.article_oferta .oferta_texto p {
	margin: 0em 1em 1em;
}

section#ofertas article.article_oferta .oferta_texto p span.oferta_precio {
	display: block;
	margin: 0 auto;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-size: 150%;
	font-weight: 600;
	color: #0096de;
	letter-spacing:.05em;
}

section#ofertas a.zona_boton {
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	margin-top: 0em;
}

section#ofertas a.boton_vermas {
	display: block;
	width: calc(100% - .5em);
	bottom: 1.5em;
}

section#ofertas a.boton_vermas .boton {
    position: relative;
    width: 100%;
    height: 2.75em;
    padding-right: 4em;
	padding-left: 1.5em;
}

section#ofertas a.boton_vermas .boton figure {
	position: absolute;
    right: 0;
}

/* - ZONA BANNERS ASIDE - */
section#banners_aside {
	/*padding: 0 .25em;*/
	padding: 0;
	margin: 0;
	margin-top: .5em;
	color: #fff;
	font-size: 120%;
	z-index: 200;
}

section#banners_aside h2 {
	display: none;
}

#aside_banner_1 {
	position: relative;
	float: left;
	width: 100%;
	height: calc(57.4vw - 10px);
	min-height: 12.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#aside_banner_2 {
	position: relative;
	float: left;
	width: 100%;
	height: calc(57.4vw - 10px);
	min-height: 12.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#aside_banner_3 {
	position: relative;
	float: left;
	width: 100%;
	height: calc(57.4vw - 10px);
	min-height: 12.9em;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	overflow: hidden;
	background: #000;
	z-index: 200;
}

#aside_banner_1 img, #aside_banner_2 img, #aside_banner_3 img {
	width: 100%;
	height: auto;
	min-width: 100%;
	min-height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 1;
}

#aside_banner_1:hover img, #aside_banner_2:hover img, #aside_banner_3:hover img {
	opacity: .8;
}

@supports(object-fit: cover){
    #aside_banner_1 img, #aside_banner_2 img, #aside_banner_3 img {
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

#aside_banner_1 .texto_destacados, #aside_banner_2 .texto_destacados, #aside_banner_3 .texto_destacados {
	position: absolute;
	bottom: 1em;
	left: 1.5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#aside_banner_1:hover .texto_destacados, #aside_banner_2:hover .texto_destacados, #aside_banner_3:hover .texto_destacados {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#aside_banner_1 .texto_destacados > div {
	font-size: 200%;
}

#aside_banner_1 .texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
}

#aside_banner_2 .texto_destacados > div {
	font-size: 200%;
}

#aside_banner_2 .texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
}

#aside_banner_3 .texto_destacados > div {
	font-size: 200%;
}

#aside_banner_3 .texto_destacados > div.destacado_txt_txiki {
	font-size: 60%;
}


/* --------------- BOTONES --------------- */

/* ----- BOTONES CONTENIDO ----- */
a.zona_boton {
	clear: both;
	margin-top: 1em;
	text-align: center;
	font-size: 120%;
}

#ofertas a.zona_boton {
	font-size: 100%;
}

#ofertas_inicio a.zona_boton {
	font-size: 100%;
}

.boton {
	display: inline-flex;
	border: 1px solid #0882c1;
	color: #0882c1;
	height: 2.6em;
	padding: 0;
	padding-left: 1.5em;
	margin: 0 auto;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	text-align: center;
	letter-spacing: .05em;
	-webkit-border-top-right-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomleft: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
}

.boton_sin_picto {
	padding-right: 1.5em;
}

#ofertas .boton {
	padding-left: 1.5em;
}

#ofertas .boton_sin_picto {
	padding-right: 1.5em;
}

.boton:hover {
	background: rgba(0,0,0,.1);
}

.boton span {
	padding: .2em 0em;
	line-height: 1.1em;
}

.boton figure {
	float: right;
    height: 100%;
    padding: 0;
    margin: 0;
	margin-left: 1.5em;
    border-left: 1px solid #0882c1;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boton_sin_picto figure {
	display: none;
}

#ofertas .boton figure {
	margin-left: .5em;
}

.boton figure img {
    height: 2.5em !important;
    width: auto !important;
}


/* -------------------- FOOTER -------------------- */
footer {
	display: flex;
	clear: both;
	min-height: 70px;
	height: auto;
	width: 100%;
	align-items: center;
	justify-content: center;
	z-index: 200;
}

footer div#footer_cont {
	min-height: 70px;
	height: auto;
	width: 100%;
	max-width: 1200px;
	min-width: 570px;
	padding: 2em 0 !important;
	margin: 0 auto;
	text-align: left;
}

/* -------- LOGOTIPO PIE ------- */
footer section#logo_pie {
	display: flex;
	margin-top: .8em;
	margin-bottom: 1.5em;
}

footer section#logo_pie a {
	display: table-cell;
	/*width: 190px;*/
	height: auto;
	margin: 0 auto;
}

footer section#logo_pie figure {
	display: table-cell;
}

footer section#logo_pie img {
	width: 100%;
	height: auto;
}

/* ------- FOOTER MENUS -------- */

/* - MENU FOOTER REDES - */
footer section#redes_pie {
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

footer section#redes_pie h3 {
	display: none;
}

footer section#redes_pie ul {
	display: inline-block;
    list-style: none;
    height: 100%;
    padding: 0;
    margin: 0;
}

footer section#redes_pie ul li {
    float: left;
    height: 100%;
    margin: 0 1.2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer section#redes_pie ul li:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

footer section#redes_pie ul li figure {
	display: flex;
	height: 100%;
	margin: 0;
	align-items: center;
	justify-content: center;
}

footer section#redes_pie ul li figure img {
	float: left;
	height: 40px;
	margin-right: .4em;
}

footer section#redes_pie ul li figure figcaption {
	display: none;
	color: #004387;
	font-size: 50%;
	font-weight: 300;
	letter-spacing: .1em;
	padding-top: .3em;
}

footer section#redes_pie ul li a {
	color: #004387;
}

/* --- FOOTER BARRA INFERIOR --- */
#footer_barra_inf {
	margin-top: 2em;
	margin-bottom: 1em;
}

#footer_barra_inf h2, #footer_barra_inf h3 {
	display: none;
}

#footer_barra_inf .row {
	display: flex;
	align-items: baseline;
	justify-content: center;
}

/* - FOOTER LOGOTIPO UVESCO - */
#footer_logo_uvesco {
	text-align: center;
}

#footer_logo_uvesco figure {
	margin: 0;
}

#footer_logo_uvesco figure img {
	height: 2.5em;
	margin: auto auto;
}

/* - FOOTER MENUS LATERALES - */
nav#footer_izda {
	padding: 0;
	margin: 0;
}

nav#footer_izda ul {
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-size: 95%;
	font-weight: 700;
	color: #004387;
}

nav#footer_izda ul li {
	display: inline-block;
}

nav#footer_izda ul li:not(:first-of-type):before {
	content: " • ";
	margin-right: .5em;
	margin-left: .5em;
} 

nav#footer_izda ul li a {
	color: #004387;
}

nav#footer_izda ul li a:hover {
	color: #000;
}

nav#footer_dcha {
	padding: 0;
	margin: 0;
}

nav#footer_dcha ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 2em;
	font-family: 'HelveticaProRoman', Roboto, sans-serif;
	font-size: 95%;
	color: #004387;
}

nav#footer_dcha ul li {
	display: inline-block;
}

nav#footer_dcha ul li:not(:first-of-type):before {
	content: " • ";
	margin-right: .5em;
	margin-left: .5em;
}

nav#footer_dcha ul li a {
	color: #004387;
}

nav#footer_dcha ul li a:hover {
	color: #000;
}

/* - FOOTER ENLACE ACCESIBILIDAD - */
.enlace_footer_accesibilidad {
    text-align: center;
    font-size: 1em;
    margin-top: 1.5em;
}

.enlace_footer_accesibilidad a {
    color: #004387;
}

.enlace_footer_accesibilidad a:hover {
    color: #000;
}


/* ---------------------------- FIN ETIQUETAS ---------------------------- */



/* --------------------------------- IDs --------------------------------- */



/* ------------------------------- FIN IDs ------------------------------- */



/* ------------------------------- CLASES -------------------------------- */
.invisible {
	display: none !important;
}

.clear {
	clear: both;
	width: 100%;
}

.clear0_25em {
	clear: both;
	width: 100%;
	height: .25em;
}

.clear0_5em {
	clear: both;
	width: 100%;
	height: .5em;
}

.clear0_7em {
	clear: both;
	width: 100%;
	height: .7em;
}

.clear1_0em {
	clear: both;
	width: 100%;
	height: 1em;
}

.clear1_5em {
	clear: both;
	width: 100%;
	height: 1.5em;
}

.clear2_0em {
	clear: both;
	width: 100%;
	height: 2em;
}

.clear2_5em {
	clear: both;
	width: 100%;
	height: 2.5em;
}

.clear3_0em {
	clear: both;
	width: 100%;
	height: 3em;
}

.clear3_5em {
	clear: both;
	width: 100%;
	height: 3.5em;
}

.clear4_0em {
	clear: both;
	width: 100%;
	height: 4em;
}

.clear4_5em {
	clear: both;
	width: 100%;
	height: 4.5em;
}

.clear5em {
	clear: both;
	width: 100%;
	height: 5em;
}

.mostrar_escritorio, .nomostrar_movil {
	display: none;
}

.mostrar_movil {
	display: block;
}

.sin_padding {
	padding: 0 !important;
}

.sin_paddingtop {
	padding-top: 0 !important;
}

.sin_paddingright {
	padding-right: 0 !important;
}

.sin_paddingbottom {
	padding-bottom: 0 !important;
}

.sin_paddingleft {
	padding-left: 0 !important;
}

.sin_margin {
	margin: 0 !important;
}

.sin_margintop {
	margin-top: 0 !important;
}

.sin_marginright {
	margin-right: 0 !important;
}

.sin_marginbottom {
	margin-bottom: 0 !important;
}

.sin_marginleft {
	margin-left: 0 !important;
}

.con_marginbottom_0_5em {
	margin-bottom: .5em !important;
}

.con_marginbottom_1_0em {
	margin-bottom: 1em !important;
}

.con_marginbottom_1_5em {
	margin-bottom: 1.5em !important;
}

.con_marginbottom_2_0em {
	margin-bottom: 2em !important;
}

.con_margintop_0_5em {
	margin-top: .5em !important;
}

.con_margintop_1_0em {
	margin-top: 1em !important;
}

.con_margintop_1_5em {
	margin-top: 1.5em !important;
}

.con_margintop_2_0em {
	margin-top: 2em !important;
}

.bloque {
	display: block;
}

.centrado {
	text-align: center;
}

.justificado_dcha {
	text-align: right;
}

.justificado_izda {
	text-align: left;
}

.todo_ancho {
	width: 100%;
}

.altura_contents {
	display: contents !important;
}


/* ------------ TAXONOMIAS RECETAS --------------------*/

.lista_cat_recetas {
	float: left;
    list-style: none;
    height: 100%;
    padding: 0;
    margin: 0;
}

.lista_cat_recetas li{
    padding: 15px;
    padding-left: 35px;
    font-weight: 900;
    display: inline-block;
    background-size: 30px 30px;
    margin-right: 10px;
}

.cat_receta4 {
	background: url(images_css/icono_recetas4.png) left no-repeat;
}

.cat_receta5 {
	background: url(images_css/icono_recetas5.png) left no-repeat;
}

.cat_receta6 {
	background: url(images_css/icono_recetas6.png) left no-repeat;
}

.cat_receta7 {
	background: url(images_css/icono_recetas7.png) left no-repeat;
}

.cat_receta8 {
	background: url(images_css/icono_recetas8.png) left no-repeat;
}


/* ----------------------------- FIN CLASES ------------------------------ */



/* ---------------------------- MEDIA QUERYS ----------------------------- */

/* ----- col-sm ----- DISPOSITIVOS MUY PEQUEÑOS (móviles anchura menor o igual a 767px) ----- */
@media (max-width: 767px) {

}

/* ----- col-md ----- DISPOSITIVOS PEQUEÑOS (tablets, anchura mayor o igual a 768px) -------- */
@media (min-width: 768px) {

	/* -------------------- COOKIES ------------------- */
	#cookies {
		font-size: 70%;
	}

	#cookies button[type='submit'] {
	    font-size: 170%;
	}

	/* -------------------- HEADER -------------------- */

	/* -------- HEADER BARRA SUPERIOR -------- */

	/* ----- LOGOTIPO CABECERA ----- */

	/* --- BOTON MENU DESPLEGABLE -- */

	/* --- FONDO OSCURECIDO MENU --- */

	/* ------ MENU / SUBMENUS ------ */
	header #navegador #titu_menu {
		padding-top: 1em !important;
    	padding-left: 1em !important;
	}

	header #navegador #titu_menu ul#idiomas {
		margin-top: .9em;
		font-size: .75em;
	}

	header #navegador #titu_menu .boton_desplegable_icono {
		margin-top: -.2em;
	}

	header #navegador #titu_menu a .boton_desplegable_icono span.icono_raya:first-child {
	    top: .5em;
	}

	header #navegador #titu_menu a .boton_desplegable_icono span.icono_raya:last-child {
	    top: 0em;
	}

	header #navegador #titu_menu .txt_mostrar {
		font-size: .8em;
	}

	.navegacion {
	    top: 2.8em;
	}

	.navegacion li a {
		font-size: .75em;
	}

	.navegacion ul.submenuprincipal li a {
		font-size: .75em;
	}

	/* -- MENU CABECERA IZQUIERDA -- */

	/* --- VENTANA ACCESO TARJETA -- */
	#conecta_tarjeta {
		left: auto;
	    right: 2em;
		top: 1em;
	    width: 15em;
	    font-size: 80%;
	}

	#conecta_tarjeta .boton_cerrar_ventana {
		position: absolute;
		top: .5em;
		right: .5em;
		width: 20px;
		height: 20px;
	}

	#conecta_tarjeta .boton_cerrar_ventana span.icono_raya:first-child {
		top: .55em;
	}

	#conecta_tarjeta .boton_cerrar_ventana span.icono_raya:last-child {
	    top: .4em;
	}

	/* --- VENTANA ZONA PRIVADA TARJETA -- */

	/* --- FORM CONEXION TARJETA --- */

	/* --- MENU CABECERA DERECHA --- */

	/* -------- HEADER BARRA INFERIOR -------- */

	/* --- MENU CABECERA INFERIOR -- */


	/* --------------------- MAIN --------------------- */

	/* ------------- FORMULARIOS ------------- */
	form {
		font-size: 70%;
	}

	form .formulario_capa .row {
		margin-bottom: 0em;
	}

	form img+input[type="text"] {
		width: calc(100% - 6em);
	}

	.mensaje_error {
		padding-left: 1.8em;
	}

	/* ------ DATOS PERSONALES ----- */
	.table_texto {
		float: left;
		width: calc(100% - 25em);
		margin: 0;
	}

	.table_botones {
		float: right;
		width: 25em;
		margin: 0;
		text-align: right;
	}

	.table_botones .zona_boton:first-child {
		margin: 0;
		margin-right: .25em;
	}

	.table_botones .zona_boton:last-child {
		margin: 0;
		margin-left: .25em;
	}

	.contenido_realzale {
		margin-top: 3em;
	}

	.contenido_realzale figure {
		top: -4.75em;
		margin-bottom: -4.75em;
	}

	/* ----------------- HOME ---------------- */

	/* ---- ZONA SLIDERS INICIO ---- */

	/* ------ BOTONERA SLIDERS ----- */

	/* --- ZONA DESTACADOS INICIO -- */
	#ini_destacados_2_3 {
		width: 44.85%;
		/*height: auto;*/
		height: 68.1vw;
		padding: 0;
		margin: 0;
	}

	#ini_destacado_2, #ini_destacado_3 {
		width: calc(100% - 5px);
		height: calc(34.05vw - 10px);
		min-height: 0;
		padding: 0;
		margin:  10px 5px 0 0;
	}

	#ini_destacado_4 {
		width: calc(55.15% - 5px);
		height: calc(68.1vw - 10px);
		min-height: 0;
		padding: 0;
		margin: 10px 0 0 5px;
	}

	#ini_destacado_5 {
		width: calc(40.98% - 5px);
		height: calc(33.9vw - 10px);
		min-height: 0;
		padding: 0;
		margin: 10px 5px 0 0;
	}

	#ini_destacado_6 {
		width: calc(59.02% - 5px);
		height: calc(33.9vw - 10px);
		min-height: 0;
		padding: 0;
		margin: 10px 0 0 5px;
	}

	#ini_destacado_7 {
		height: 43.9vw;
		min-height: 0;
	}

	#ini_destacado_1 .texto_destacados, #ini_destacado_2 .texto_destacados, #ini_destacado_3 .texto_destacados, #ini_destacado_4 .texto_destacados, #ini_destacado_5 .texto_destacados, #ini_destacado_6 .texto_destacados, #ini_destacado_7 .texto_destacados {
		bottom: 1em;
		left: 1.5em;
	}

	#ini_destacado_1 .texto_destacados > div {
		font-size: 250%;
	}

	#ini_destacado_1 .texto_destacados > div.destacado_txt_txiki {
		font-size: 75%;
	}

	#ini_destacado_2 .texto_destacados > div {
		font-size: 175%;
	}

	#ini_destacado_2 .texto_destacados > div.destacado_txt_txiki {
		font-size: 53%;
	}

	#ini_destacado_3 .texto_destacados > div {
		font-size: 150%;
	}

	#ini_destacado_3 .texto_destacados > div.destacado_txt_txiki {
		font-size: 53%;
	}

	#ini_destacado_4 .texto_destacados > div {
		font-size: 200%;
	}

	#ini_destacado_4 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	#ini_destacado_5 .texto_destacados > div {
		font-size: 175%;
	}

	#ini_destacado_5 .texto_destacados > div.destacado_txt_txiki {
		font-size: 53%;
	}

	#ini_destacado_6 .texto_destacados > div {
		font-size: 150%;
	}

	#ini_destacado_6 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	#ini_destacado_7 .texto_destacados > div {
		font-size: 200%;
	}

	#ini_destacado_7 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	/* ---- ZONA OFERTAS INICIO ---- */
	section#ofertas_inicio {
		font-size: 90%;
	}

	section#ofertas_inicio h2 {
		font-size: 160%;
	}

	/*section#ofertas_inicio article.article_oferta {
		padding: 0 .25em;
		margin-bottom: 2em;
	}

	section#ofertas_inicio article.article_oferta:nth-child(-n+4) {
		display: inline-block;
	}*/

	section#ofertas_inicio article.article_oferta .oferta_texto {
		/*width: calc(100% - 2em);
		margin: 1em;*/
	}

	section#ofertas_inicio article.article_oferta .oferta_texto p {
		margin: 0em;
		margin-bottom: 1em;
	}

	/* -- NAVEGADOR OFERTAS INICIO - */
	section#ofertas_inicio #ant-sig {
		/*display: block;*/
		display: none;
		float: left;
		bottom: -1.7em;
		position: none;
		height: 6em;
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant {
		left: 3em;
		bottom: 5.5em;
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_sig {
		right: 3em;
		bottom: 5.5em;
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant img, section#ofertas_inicio #ant-sig a#boton_ofertas_sig img {
    	-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant:hover img {
		opacity: 1;
		-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
		-webkit-transform: scale(1.7) translate(-2px, -2px);
		-moz-transform: scale(1.7) translate(-2px, -2px);
		-ms-transform: scale(1.7) translate(-2px, -2px);
		-o-transform: scale(1.7) translate(-2px, -2px);
		transform: scale(1.7) translate(-2px, -2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant:active img {
		opacity: 1;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
		-webkit-transform: scale(1.5) translate(2px, 2px);
		-moz-transform: scale(1.5) translate(2px, 2px);
		-ms-transform: scale(1.5) translate(2px, 2px);
		-o-transform: scale(1.5) translate(2px, 2px);
		transform: scale(1.5) translate(2px, 2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_sig:hover img {
		opacity: 1;
		-webkit-filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
		filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
		-webkit-transform: scale(1.7) translate(2px, -2px);
		-moz-transform: scale(1.7) translate(2px, -2px);
		-ms-transform: scale(1.7) translate(2px, -2px);
		-o-transform: scale(1.7) translate(2px, -2px);
		transform: scale(1.7) translate(2px, -2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_sig:active img {
		opacity: 1;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
		-webkit-transform: scale(1.5) translate(-2px, 2px);
		-moz-transform: scale(1.5) translate(-2px, 2px);
		-ms-transform: scale(1.5) translate(-2px, 2px);
		-o-transform: scale(1.5) translate(-2px, 2px);
		transform: scale(1.5) translate(-2px, 2px);
	}

	/* --- ZONA BANNERS HOME PIE --- */
	#home_banner_1 .texto_destacados, #home_banner_2 .texto_destacados {
		bottom: 1em;
		left: 1.5em;
	}

	/* -------------- CONTENIDOS ------------- */

	/* --- LISTADO DE CONTENIDOS --- */
	section#contenidos article.article_contenedor {
		padding: 0;
	}

	section#contenidos article.article_contenedor:nth-child(2n + 1) a {
		margin: 0 .5em 0 0;
	}

	section#contenidos article.article_contenedor:nth-child(2n) a {
		margin: 0 0 0 .5em;
	}

	section#contenidos .primera_pagina article.article_contenedor:nth-child(2n) a {
		margin: 0 .5em 0 0;
	}

	section#contenidos .primera_pagina article.article_contenedor:nth-child(2n + 1) a {
		margin: 0 0 0 .5em;
	}

	section#contenidos article.article_contenedor:first-child a, section#contenidos .primera_pagina article.article_contenedor:first-child a {
		/*margin: 0;*/
	}
	
	section#contenidos article.primer_contenedor:first-child a, section#contenidos .primera_pagina article.primer_contenedor:first-child a {
		margin: 0;
	}

	main section article .article_contenido .article_texto {
		font-size: 70%;
	}

	main section article.primer_contenedor .article_contenido .article_texto {
		font-size: 70%;
	}

	form[name="buscador_general"] article {
		display: table-cell;
	}

	form[name="buscador_general"] input[type="submit"] {
		margin: 0;
	}

	form[name="buscador_general"] article.boton_buscar {
		text-align: right;
	}

	#boton_busqueda {
		font-size: 62%;
		font-weight: 600;
	}

	/* - ZONA NAVEGACION - */
	.enlace_primera {
		margin-right: .5em;
	}

	.enlace_ultima {
		margin-left: .5em;
	}

	/* ------ FICHA CONTENIDO ------ */
	section#contenido h2 {
		font-size: 150%;
	}

	section#contenido article #elcontenido .entresaca {
		min-width: 400px;
	}

	section#contenido article #elcontenido .entresaca:before {
		transform: scale(1);
		top: -.15em;
		left: .1em;
	}

	section#contenido article #elcontenido .entresaca:after {
		transform: scale(1);
		bottom: .15em;
		right: .1em;
	}

	#ficha_contenido .article_texto {
		font-size: 100%;		
	}

	/* - COMPARTIR EN RRSS - */
	.boton_compartir {
		width: auto;
	}

	.boton_compartir_pie {
		width: auto;
		margin: 0 2.20em;
	}

	nav#redes_contenidos, nav#redes_contenidos_pie {
	    float: right;
		width: auto;
		text-align: left;
	}

	nav#redes_contenidos p, nav#redes_contenidos_pie p {
    	float: left;
		width: auto;
    	height: auto;
		padding: 1.2em 0;
		margin: 0;
		margin-right: 2em;
	}

	nav#redes_contenidos ul li, nav#redes_contenidos_pie ul li {
		margin: 0 .6em;
	}

	/* - ZONA GALERIA FOTOS - */
	section#contenido article #cont_fotos {
		font-size: 100%;
	}

	section#contenido article #fotografias {
		margin: 0;
	}

	section#contenido article #fotografias #numerofotos {
		height: 25px;
		bottom: .4em;
	}

	section#contenido article #fotografias figure figcaption {
		min-height: 37px;
	}

	section#contenido article #ant-sig a#boton_ant {
		left: 1.5em;
	}

	section#contenido article #ant-sig a#boton_sig {
		right: 1.5em;
	}

	/* - ZONA DOCUMENTACION - */
	section#contenido article #documentacion {
		font-size: 80%;
	}

	section#contenido article #documentacion ul#lista_documentos li {
		margin: .5em 0;
	}

	section#contenido article #documentacion ul#lista_documentos li a img {
		height: 1.2em;
		padding-right: .3em;
		margin-top: -.2em;
	}

	section#contenido article #documentacion ul#lista_documentos li a:hover img {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	/* ---- PAGINAS DE CONTENIDO --- */
	.contenido_capa {
		font-size: 70%;
		padding: 1.5em;
	}

	.cont_mensaje_error {
	    font-size: 80%;
		padding-left: 2.5em;
		background-size: auto 90%;
	}

	/* - LOCALIZA TIENDAS - */
	#apasoapaso, #apoblaciones, #atiendas, #acodpostal {
		top: -6.4em;
	}

	form#form_localizacod button[type='submit'], form#form_filtramapa button[type='submit'] {
		font-size: 102%;
	}

	/* - FICHA TIENDA - */
	#asecciones, #aservicios {
		top: -6.4em;
	}

	ul#lista_secciones li a img, ul#lista_servicios li a img {
		/*width: 100%;*/
		/*height: 100%;*/
	}

	/* - ELIGE CUIDARTE - */
	.foto_izda figure {
		float: left;
		overflow: hidden;
		padding: 0;
		margin: 0;
		margin-right: 1.5em;
		height: 20em;
		width: auto;
		max-width: 40%;
		text-align: center;
	}

	.foto_izda .boton figure {
		margin-right: 0;
		margin-bottom: 0;
		height: 100%;
	}

	.foto_izda figure img {
		height: 100%;
		width: auto;
	    min-width: 100%;
		max-width: none;
		margin: 0 -100%;
	}

	.foto_izda .row {
		float: right;
	}

	.foto_dcha figure {
		float: right;
		overflow: hidden;
		padding: 0;
		margin: 0;
		margin-left: 1.5em;
		margin-bottom: 1em;
		height: 20em;
		width: auto;
		max-width: 40%;
		text-align: center;
	}

	.foto_dcha .boton figure {
		margin-left: 0;
		margin-bottom: 0;
		height: 100%;
	}

	.foto_dcha figure img {
		height: 100%;
	    width: auto;
	    min-width: 100%;
		max-width: none;
		margin: 0 -100%;
	}

	/* - ZONA BANNERS ELIGE CUIDARTE - */
	section#zona_banners_eligecuidarte {
		font-size: 170%;
	}

	#eligecuidarte_banner_1 {
		width: 100%;
		height: 29.5vw;
		min-height: 0;
		margin: 0;
		margin-bottom: 10px;
	}

	#eligecuidarte_banner_2 {
		width: calc(50% - 5px);
		height: 29.5vw;
		min-height: 0;
		margin: 0;
		margin-right: 5px;
	}

	#eligecuidarte_banner_3 {
		width: calc(50% - 5px);
		height: 29.5vw;
		min-height: 0;
		margin: 0;
		margin-left: 5px;
	}

	#eligecuidarte_banner_1 .texto_destacados, #eligecuidarte_banner_2 .texto_destacados, #eligecuidarte_banner_3 .texto_destacados {
		bottom: 1em;
		left: 1.5em;
	}

	#eligecuidarte_banner_1 .texto_destacados > div {
		font-size: 200%;
	}

	#eligecuidarte_banner_1 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	#eligecuidarte_banner_2 .texto_destacados > div {
		font-size: 150%;
	}

	#eligecuidarte_banner_2 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	#eligecuidarte_banner_3 .texto_destacados > div {
		font-size: 150%;
	}

	#eligecuidarte_banner_3 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	/* ---- ASIDE (COLUMNA DCHA) --- */
	aside {
		/*padding: 1em 1em 1.5em !important;*/
		padding: 0 !important;
	}

	/* - ZONA OFERTAS - */
	section#ofertas {
		font-size: 90%;
	}

	section#ofertas article.article_oferta .oferta_texto {
		margin: 1em;
	}

	section#ofertas article.article_oferta .oferta_texto p {
		margin: 0em;
		margin-bottom: 1em;
	}

	section#ofertas a.boton_vermas {
		width: auto;
		margin: 0 auto 2em;
	}

	section#ofertas a.boton_vermas .boton {
		width: auto;
		padding-left: 2em;
	}

	section#ofertas a.boton_vermas .boton_sin_picto {
		padding-right: 2em;
	}

	section#ofertas a.boton_vermas .boton figure {
		margin-left: 2em;
	}

	/* - ZONA BANNERS ASIDE - */
	section#banners_aside {
		padding: 0;
	}

	#aside_banner_1 {
		width: 100%;
		height: 60.2vw;
		min-height: 0;
		margin: 0;
		margin-bottom: 10px;
		margin-top: 30px;
	}

	#aside_banner_2 {
		width: calc(50% - 5px);
		height: 29.5vw;
		min-height: 0;
		margin: 0;
		margin-right: 5px;
	}

	#aside_banner_3 {
		width: calc(50% - 5px);
		height: 29.5vw;
		min-height: 0;
		margin: 0;
		margin-left: 5px;
	}

	#aside_banner_1 .texto_destacados, #aside_banner_2 .texto_destacados, #aside_banner_3 .texto_destacados {
		bottom: 1em;
		left: 1.5em;
	}

	#aside_banner_1 .texto_destacados > div {
		font-size: 200%;
	}

	#aside_banner_1 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	#aside_banner_2 .texto_destacados > div {
		font-size: 150%;
	}

	#aside_banner_2 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	#aside_banner_3 .texto_destacados > div {
		font-size: 150%;
	}

	#aside_banner_3 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	
	/* --------------- BOTONES --------------- */

	/* ----- BOTONES CONTENIDO ----- */
	a.zona_boton {
		font-size: 120%;
	}

	#ofertas a.zona_boton {
		font-size: 90%;
	}

	#ofertas .boton {
		padding-left: 1.5em !important;
	}

	#ofertas .boton_sin_picto {
		padding-right: 1.5em !important;
	}

	#ofertas .boton figure {
		margin-left: 1.5em !important;
	}

	#ofertas_inicio a.zona_boton {
		font-size: 90%;
	}

	.boton {
		padding-left: 2em;
	}

	.boton_sin_picto {
		padding-right: 2em;
	}

	.boton figure {
		margin-left: 2em;
	}


	/* -------------------- FOOTER -------------------- */

	/* -------- LOGOTIPO PIE ------- */

	/* ------- FOOTER MENUS -------- */

	/* - MENU FOOTER REDES - */

	/* --- FOOTER BARRA INFERIOR --- */

	/* - FOOTER LOGOTIPO UVESCO - */

	/* - FOOTER MENUS LATERALES - */

    /* - FOOTER ENLACE ACCESIBILIDAD - */


	/* ------------------------------- CLASES -------------------------------- */
	.nomostrar_movil {
		display: block;
	}
	/* ----------------------------- FIN CLASES ------------------------------ */

}

/* ----- col-lg ----- DISPOSITIVOS MEDIANOS (ordenadores, anchura mayor o igual a 992px) ---- */
@media (min-width: 992px) {

	/* -------------------- COOKIES ------------------- */

	/* -------------------- HEADER -------------------- */

	/* -------- HEADER BARRA SUPERIOR -------- */

	/* ----- LOGOTIPO CABECERA ----- */

	/* --- BOTON MENU DESPLEGABLE -- */

	/* --- FONDO OSCURECIDO MENU --- */

	/* ------ MENU / SUBMENUS ------ */

	/* -- MENU CABECERA IZQUIERDA -- */

	/* --- VENTANA ACCESO TARJETA -- */

	/* --- VENTANA ZONA PRIVADA TARJETA -- */

	/* --- FORM CONEXION TARJETA --- */

	/* --- MENU CABECERA DERECHA --- */

	/* -------- HEADER BARRA INFERIOR -------- */

	/* --- MENU CABECERA INFERIOR -- */


	/* --------------------- MAIN --------------------- */

	/* ------------- FORMULARIOS ------------- */

	/* ------ DATOS PERSONALES ----- */

	/* ----------------- HOME ---------------- */

	/* ---- ZONA SLIDERS INICIO ---- */

	/* ------ BOTONERA SLIDERS ----- */

	/* --- ZONA DESTACADOS INICIO -- */

	/* ---- ZONA OFERTAS INICIO ---- */

	/* --- ZONA BANNERS HOME PIE --- */

	/* -------------- CONTENIDOS ------------- */

	/* --- LISTADO DE CONTENIDOS --- */
	section#contenidos article.article_contenedor a, section#contenidos .primera_pagina article.article_contenedor:nth-child(2n) a, section#contenidos .primera_pagina article.article_contenedor:nth-child(2n + 1) a, section#contenidos article.article_contenedor:nth-child(2n) a, section#contenidos article.article_contenedor:nth-child(2n + 1) a {
		margin: 0 .33em;
	}

	section#contenidos article.article_contenedor:nth-child(3n) a {
		margin: 0 0 0 .66em;
	}

	section#contenidos article.article_contenedor:nth-child(3n - 2) a {
		margin: 0 .66em 0 0;
	}

	section#contenidos .primera_pagina article.article_contenedor:nth-child(3n - 1) a {
		margin: 0 .66em 0 0;
	}

	section#contenidos .primera_pagina article.article_contenedor:nth-child(3n - 2) a {
		margin: 0 0 0 .66em;
	}

	section#contenidos .primera_pagina article.article_contenedor:first-child a {
		margin: 0;
	}

	main section article.primer_contenedor .article_contenido figure {
		padding: 0em;
	}

	/* - ZONA NAVEGACION - */

	/* ------ FICHA CONTENIDO ------ */

	/* - COMPARTIR EN RRSS - */

	/* - ZONA GALERIA FOTOS - */

	/* - ZONA DOCUMENTACION - */

	/* ---- PAGINAS DE CONTENIDO --- */

	/* - LOCALIZA TIENDAS - */

	/* - FICHA TIENDA - */

	/* - ELIGE CUIDARTE - */

	/* - ZONA BANNERS ELIGE CUIDARTE - */

	/* - BANNERS VIEJOS - */

	/* ---- ASIDE (COLUMNA DCHA) --- */

	/* - ZONA OFERTAS - */

	/* - ZONA BANNERS ASIDE - */

	
	/* --------------- BOTONES --------------- */

	/* ----- BOTONES CONTENIDO ----- */


	/* -------------------- FOOTER -------------------- */

	/* -------- LOGOTIPO PIE ------- */

	/* ------- FOOTER MENUS -------- */

	/* - MENU FOOTER REDES - */

	/* --- FOOTER BARRA INFERIOR --- */

	/* - FOOTER LOGOTIPO UVESCO - */

	/* - FOOTER MENUS LATERALES - */

    /* - FOOTER ENLACE ACCESIBILIDAD - */


	/* ------------------------------- CLASES -------------------------------- */
	
	/* ----------------------------- FIN CLASES ------------------------------ */
	
	ul#lista_secciones li, ul#lista_servicios li {
	  width:25%
    }

}

/* ----- Para ZONA PRIVADA (en 1135px) ---- */
@media (min-width: 1135px) {

}

/* ----- col-xl ----- DISPOSITIVOS GRANDES (ordenadores, anchura mayor o igual a 1200px) ---- */
@media (min-width: 1200px) {

	/* -------------------- COOKIES ------------------- */
	#cookies button[type='submit'] {
	    font-size: 140%;
	}

	/* -------------------- HEADER -------------------- */

	/* -------- HEADER BARRA SUPERIOR -------- */

	/* ----- LOGOTIPO CABECERA ----- */

	/* --- BOTON MENU DESPLEGABLE -- */
	header .boton_desplegable {
		margin-top: 1em;
		margin-right: 1.2em;
		margin-bottom: 1em;
	}

	header .boton_desplegable:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	header .boton_desplegable_icono {
		width: 1.8em;
		height: 1.8em;
	}

	header .boton_desplegable_icono span.icono_raya {
		width: 1.2em;
		height: .09em;
		margin: .29em auto;
	}

	header .boton_desplegable span.txt_mostrar {
		font-size: .8em;
		padding-top: .35em;
	}

	/* --- FONDO OSCURECIDO MENU --- */

	/* ------ MENU / SUBMENUS ------ */
	header #navegador #titu_menu .boton_desplegable_icono {
	    margin-top: 0em;
	}

	header #navegador #titu_menu a .boton_desplegable_icono span.icono_raya:first-child {
    	top: .35em;
	}

	/* -- MENU CABECERA IZQUIERDA -- */
	#menu_cabecera_izda {
		height: 50px;
		margin: .7em 0em;
	}

	#menu_cabecera_izda ul li {
		margin: 0 .6em;
	}

	#menu_cabecera_izda ul li figure img {
		height: 22px;
		margin-right: .4em;
	}

	#menu_cabecera_izda ul li:last-child figure img {
		height: 32px;
	}

	#menu_cabecera_izda ul li figure figcaption {
		/*display: inline-block;*/
		padding-top: .3em;
	}

	/* --- VENTANA ACCESO TARJETA -- */
	#conecta_tarjeta {
		left: 2em;
	    right: auto;
		top: 1em;
	}

	/* --- VENTANA ZONA PRIVADA TARJETA -- */

	/* --- FORM CONEXION TARJETA --- */

	/* --- MENU CABECERA DERECHA --- */
	#menu_cabecera_dcha {
		height: 50px;
		margin: .7em 0em;
	}

	#menu_cabecera_dcha ul li {
		margin: 0 .6em;
	}

	#menu_cabecera_dcha ul li:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	#menu_cabecera_dcha ul li figure img {
		height: 18px;
		margin-right: .4em;
	}

	#menu_cabecera_dcha ul.menu_cabecera_compraonline li figure img {
		height: 30px;
		margin-right: .4em;
	}

	#menu_cabecera_dcha ul li figure figcaption {
		display: inline-block;
		padding-top: .3em;
	}

	/* -------- HEADER BARRA INFERIOR -------- */

	/* --- MENU CABECERA INFERIOR -- */
	#menu_cabecera_inferior {
		display: block;
	}


	/* --------------------- MAIN --------------------- */
	main {
		padding-top: 7.20em;
	}

	/* ------------- FORMULARIOS ------------- */
	form {
		margin: 0;
	}

	form h3.titu_contenido {
		font-size: 200%;
	}

	button[type='submit'], input[type='submit'] {
		font-size: 100%;
		padding-left: 2em;
		margin-top: 1.6em;
	}

	button[type='submit'].boton_sin_picto, input[type='submit'].boton_sin_picto {
		padding-right: 2em;
	}

	button[type='submit'] img {
		margin-left: 2em;
	}

	/* ------ DATOS PERSONALES ----- */
	.table_texto {
		width: calc(100% - 20em);
	}

	.table_botones {
		width: 20em;
	}

	/* ----------------- HOME ---------------- */
	.cont_inicio {
		min-height: 20.75em;
		height: auto;
	}

	/* ---- ZONA SLIDERS INICIO ---- */

	/* ------ BOTONERA SLIDERS ----- */

	/* --- ZONA DESTACADOS INICIO -- */
	#zona_destacados {
		width: 100%;
		height: auto;
	}

	#zona_destacados .row_destacados {
		display: inline-flex;
		width: 100%;
	}

	#ini_destacado_1 {
		width: calc(50.91% - 7.5px);
		height: calc(33.64vw - 15px);
		padding: 0;
		margin: 0 7.5px 15px 0;
	}

	#ini_destacados_2_3 {
		width: 22.13%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	#ini_destacado_2, #ini_destacado_3 {
		width: calc(100% - 15px);
		height: calc(16.81vw - 15px);
		padding: 0;
		margin: 0 7.5px 15px 7.5px;
	}

	#ini_destacado_4 {
		width: calc(26.96% - 7.5px);
		height: calc(33.6vw - 15px);
		padding: 0;
		margin: 0 0 15px 7.5px;
	}

	#ini_destacado_5 {
		width: calc(23.31% - 7.5px);
		height: calc(19.65vw - 15px);
		padding: 0;
		margin: 0 7.5px 15px 0;
	}

	#ini_destacado_6 {
		width: calc(34.08% - 15px);
		height: calc(19.65vw - 15px);
		padding: 0;
		margin: 0 7.5px 15px 7.5px;
	}

	#ini_destacado_7 {
		width: calc(42.61% - 7.5px);
		height: calc(19.7vw - 15px);
		padding: 0;
		margin: 0 0 15px 7.5px;
	}

	#ini_destacado_1 a, #ini_destacado_2 a, #ini_destacado_3 a, #ini_destacado_4 a, #ini_destacado_5 a, #ini_destacado_6 a, #ini_destacado_7 a {
		float: left;
		height: 100%;
		width: 100%;
	}

	#ini_destacado_1 .texto_destacados, #ini_destacado_2 .texto_destacados, #ini_destacado_3 .texto_destacados, #ini_destacado_4 .texto_destacados, #ini_destacado_5 .texto_destacados, #ini_destacado_6 .texto_destacados, #ini_destacado_7 .texto_destacados {
		bottom: 1vw;
		left: 1.5vw;
	}

	#ini_destacado_1 .texto_destacados > div {
		font-size: 250%;
	}

	#ini_destacado_1 .texto_destacados > div.destacado_txt_txiki {
		font-size: 75%;
	}

	#ini_destacado_2 .texto_destacados > div {
		font-size: 150%;
	}

	#ini_destacado_2 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	#ini_destacado_3 .texto_destacados > div {
		font-size: 100%;
	}

	#ini_destacado_3 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	#ini_destacado_4 .texto_destacados > div {
		font-size: 200%;
	}

	#ini_destacado_4 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	#ini_destacado_5 .texto_destacados > div {
		font-size: 150%;
	}

	#ini_destacado_5 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	#ini_destacado_6 .texto_destacados > div {
		font-size: 150%;
	}

	#ini_destacado_6 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	#ini_destacado_7 .texto_destacados > div {
		font-size: 200%;
	}

	#ini_destacado_7 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	/* ---- ZONA OFERTAS INICIO ---- */
	section#ofertas_inicio {
		font-size: 70%;
	}

	section#ofertas_inicio h2 {
		font-size: 200%;
	}

	section#ofertas_inicio article.article_oferta {
		padding: 0 .5em;
    	margin-top: 0em;
    	margin-bottom: 0em;
	}

	/*section#ofertas_inicio article.article_oferta:nth-child(-n+4) {
		display: inline-block;
	}*/

	/* -- NAVEGADOR OFERTAS INICIO - */
	section#ofertas_inicio #ant-sig {
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
		z-index: 800;
		top: calc(50% - 8em);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant img, section#ofertas_inicio #ant-sig a#boton_ofertas_sig img {
   	 	-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant:hover img {
		opacity: 1;
		-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
   	 	-webkit-transform: scale(1.1) translate(-2px, -2px);
		-moz-transform: scale(1.1) translate(-2px, -2px);
		-ms-transform: scale(1.1) translate(-2px, -2px);
		-o-transform: scale(1.1) translate(-2px, -2px);
		transform: scale(1.1) translate(-2px, -2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant:active img {
		opacity: 1;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
   	 	-webkit-transform: scale(1) translate(2px, 2px);
		-moz-transform: scale(1) translate(2px, 2px);
		-ms-transform: scale(1) translate(2px, 2px);
		-o-transform: scale(1) translate(2px, 2px);
		transform: scale(1) translate(2px, 2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_sig:hover img {
		opacity: 1;
		-webkit-filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
		filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.5));
   	 	-webkit-transform: scale(1.1) translate(2px, -2px);
		-moz-transform: scale(1.1) translate(2px, -2px);
		-ms-transform: scale(1.1) translate(2px, -2px);
		-o-transform: scale(1.1) translate(2px, -2px);
		transform: scale(1.1) translate(2px, -2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_sig:active img {
		opacity: 1;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
   	 	-webkit-transform: scale(1) translate(-2px, 2px);
		-moz-transform: scale(1) translate(-2px, 2px);
		-ms-transform: scale(1) translate(-2px, 2px);
		-o-transform: scale(1) translate(-2px, 2px);
		transform: scale(1) translate(-2px, 2px);
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_ant {
    	left: -4em;
		bottom: 1.5em;
	}

	section#ofertas_inicio #ant-sig a#boton_ofertas_sig {
    	right: -4em;
		bottom: 1.5em;
	}

	section#ofertas_inicio a.zona_boton {
		font-size: 95%;
	}

	/* --- ZONA BANNERS HOME PIE --- */
	#banners_home_pie {
		width: 100%;
		height: auto;
	}

	#banners_home_pie .row_bannershome {
		display: inline-flex;
		width: 100%;
	}

	#home_banner_1 {
		width: calc(50% - 7.5px);
		height: 14.5em;
		padding: 0;
		margin: 0 7.5px 15px 0;
	}

	#home_banner_2 {
		width: calc(50% - 7.5px);
		height: 14.5em;
		padding: 0;
		margin: 0 0 15px 7.5px;
	}

	#home_banner_1 .texto_destacados, #home_banner_2 .texto_destacados {
		bottom: 1vw;
		left: 1.5vw;
	}

	#home_banner_1 .texto_destacados > div {
		font-size: 150%;
	}

	#home_banner_1 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	#home_banner_2 .texto_destacados > div {
		font-size: 150%;
	}

	#home_banner_2 .texto_destacados > div.destacado_txt_txiki {
		font-size: 45%;
	}

	/* -------------- CONTENIDOS ------------- */

	/* --- LISTADO DE CONTENIDOS --- */
	/*section#contenidos {
		padding-right: 1em;
	}*/
	
	section#contenidos {
		margin-bottom: 2em;
	}

	main section article .article_contenido .article_texto {
		font-size: 70%;
	}

	/* - ZONA NAVEGACION - */

	/* ------ FICHA CONTENIDO ------ */
	section#contenido {
		margin-bottom: 2em;
	}

	section#contenido article #elcontenido {
		padding: 0;
	}

	section#contenido article .cont_conpadding {
		padding: 0 1.5em;
	}
	
	section#contenido #nodo article h3.titulo {
        padding: 0;
		padding-top: 0.2em;
	}

	/* - COMPARTIR EN RRSS - */
	.boton_compartir_pie {
		margin: 0;
	}

	/* - ZONA GALERIA FOTOS - */
	
	/* - ZONA DOCUMENTACION - */
	section#contenido article #documentacion {
		margin: 1.5em 0 0 0;
	}

	/* ---- PAGINAS DE CONTENIDO --- */

	/* - LOCALIZA TIENDAS - */
	form#form_localizacod button[type='submit'], form#form_filtramapa button[type='submit'] {
		font-size: 100%;
	}

	/* - FICHA TIENDA - */

	/* - ELIGE CUIDARTE - */

	/* - ZONA BANNERS ELIGE CUIDARTE - */
	section#zona_banners_eligecuidarte {
		font-size: 100%;
		padding: 0;
	}

	#eligecuidarte_banner_1 {
		width: calc(33.33% - .5em);
		height: 15em;
		margin: 0;
		margin-right: .5em;
	}

	#eligecuidarte_banner_2 {
		width: calc(33.33% - 1em);
		height: 15em;
		margin: 0 .5em;
	}

	#eligecuidarte_banner_3 {
		width: calc(33.33% - .5em);
		height: 15em;
		margin: 0;
		margin-left: .5em;
	}

	#eligecuidarte_banner_1 .texto_destacados, #eligecuidarte_banner_2 .texto_destacados, #eligecuidarte_banner_3 .texto_destacados {
		bottom: .5em;
		left: 1em;
	}

	#eligecuidarte_banner_1 .texto_destacados > div, #eligecuidarte_banner_2 .texto_destacados > div, #eligecuidarte_banner_3 .texto_destacados > div {
		font-size: 175%;
	}

	#eligecuidarte_banner_1 .texto_destacados > div.destacado_txt_txiki, #eligecuidarte_banner_2 .texto_destacados > div.destacado_txt_txiki, #eligecuidarte_banner_3 .texto_destacados > div.destacado_txt_txiki {
		font-size: 75%;
	}

	/* ---- ASIDE (COLUMNA DCHA) --- */
	aside {
		padding: 0em .5em .2em 0em !important;
	}

	/* - ZONA OFERTAS - */
	section#ofertas {
		font-size: 65%;
	}

	section#ofertas h2.mostrar_movil {
		display: none;
	}

	section#ofertas h2.mostrar_escritorio {
		display: block;
		font-size: 230%;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
		color: #fff;
		background: #6a0968;
		background: #999;
		padding: .5em;
		margin: 0;
		margin-top: 0;
		margin-bottom: .7em;
		line-height: 1em;
	}

	section#ofertas article.article_oferta {
		padding: 0 1.5em;
    	margin-bottom: 1.5em;
	}

	section#ofertas a.boton_vermas {
		width: calc(100% - 3em);
		bottom: 1.5em;
	}

	section#ofertas a.boton_vermas .boton {
		position: relative;
		width: 100%;
		height: 2.75em;
		padding-right: 4em;
		padding-left: 1.5em;
	}

	section#ofertas a.boton_vermas .boton figure {
		position: absolute;
    	right: 0;
	}

	/* - ZONA BANNERS ASIDE - */
	section#banners_aside {
		font-size: 80%;
		padding: 0;
	}

	#aside_banner_1, #aside_banner_2, #aside_banner_3 {
		width: calc(100% - 2.3em);
		height: calc(11.7em - 2.3em);
		margin: 1.15em;
		margin-top: 0;
	}

	#aside_banner_1 .texto_destacados, #aside_banner_2 .texto_destacados, #aside_banner_3 .texto_destacados {
		bottom: .5em;
		left: 1em;
	}

	#aside_banner_1 .texto_destacados > div, #aside_banner_2 .texto_destacados > div #aside_banner_2 .texto_destacados > div {
		font-size: 150%;
	}

	#aside_banner_1 .texto_destacados > div.destacado_txt_txiki, #aside_banner_2 .texto_destacados > div.destacado_txt_txiki, #aside_banner_3 .texto_destacados > div.destacado_txt_txiki {
		font-size: 60%;
	}

	
	/* --------------- BOTONES --------------- */

	/* ----- BOTONES CONTENIDO ----- */
	a.zona_boton {
		font-size: 100%;
	}

	#ofertas a.zona_boton {
		font-size: 95%;
	}

	#ofertas_inicio a.zona_boton {
		font-size: 95%;
	}

	#ofertas .boton_sin_picto {
		padding-right: 1.5em !important;
	}

	#ofertas .boton figure {
		margin-left: 1.5em !important;
	}


	/* -------------------- FOOTER -------------------- */

	/* -------- LOGOTIPO PIE ------- */
	footer section#logo_pie a {
		/*width: 140px;*/
	}

	/* ------- FOOTER MENUS -------- */

	/* - MENU FOOTER REDES - */
	footer section#redes_pie ul li {
		margin: 0 1em;
	}

	footer section#redes_pie ul li:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	footer section#redes_pie ul li figure img {
		height: 18px;
		margin-right: .4em;
	}

	footer section#redes_pie ul.menu_cabecera_compraonline li figure img {
		height: 30px;
		margin-right: .4em;
	}

	footer section#redes_pie ul li figure figcaption {
		display: inline-block;
		padding-top: .3em;
	}

	/* --- FOOTER BARRA INFERIOR --- */

	/* - FOOTER LOGOTIPO UVESCO - */
	#footer_logo_uvesco figure img {
		/*height: 1.3em;*/
		height: 2em;
		margin-top: -.05em;
	}

	/* - FOOTER MENUS LATERALES - */
	nav#footer_izda {
		padding-right: 1.5em;
	}

	nav#footer_izda ul {
		text-align: left;
		margin: 0;
		font-size: 75%;
	}

	nav#footer_dcha {
		padding-left: 1.5em;
	}

	nav#footer_dcha ul {
		text-align: right;
		margin: 0;
		font-size: 75%;
	}

    /* - FOOTER ENLACE ACCESIBILIDAD - */
    .enlace_footer_accesibilidad {
        font-size: .75em;
        margin-top: 4em;
        margin-bottom: 0em;
    }


	/* ------------------------------- CLASES -------------------------------- */
	.mostrar_escritorio {
		display: block;
	}

	.mostrar_movil {
		display: none;
	}

	.cont_inicio_estrecho.altura_contents {
		display: inherit !important;
	}
	/* ----------------------------- FIN CLASES ------------------------------ */

}