@charset "utf-8";
/* CSS Document */

*:focus { outline: none; }

@font-face {
  font-family: 'Gotham';
  src: url('/2022/maqueta/fonts/GothamLight.ttf') format('ttf');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Gotham';
  src: url('/2022/maqueta/fonts/GothamBold.ttf') format('ttf');
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Gotham';
  src: url('/2022/maqueta/fonts/GothamBlack.ttf') format('ttf');
  font-style: normal;
  font-weight: 700;
}
body,html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body,p,input,textarea {
	font-family: 'Gotham', sans-serif;
}
ul {
	margin:0;
	padding:0;
}
h1 {
	font-size:1.8em;
	color:#273580;
}
.mini {
	font-size:0.8em;
}
.negrita {
	font-weight:700;
}
.mayusculas {
	text-transform:uppercase;
}
.azul {
	color:#273580
}
.gris {
	color:#929292;
}
.fondoAzul {
	background-color:#273580;
	color:#FFFFFF
}
.fondoAzul a {
	color:#FFFFFF;
	text-decoration:none;
}
.fondoAzul a:hover {
	text-decoration:underline;
}
.fondoBlanco {
	background-color:#FFFFFF;
	color:#273580;
}
.fondoGris {
	background-color:#CCCCCC;
	color:#999999;
}
.marron {
	color:#b97248;
}
.fondoMarron {
	background-color:#b97248;
}
.clicable {
	cursor:pointer;
}
.textoIzquierda {
	text-align:left;
}
.textoCentrado {
	text-align:center;
}
.fondoCompleto {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}
.popup {
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:10;
	background: rgba(0,0,0,0.5);
	text-align:center;
}
.popupContenido {
	position:fixed;
	top:50%;
	left:50%;
	padding:0 40px 0 40px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	border:1px solid #999999;	
	background-color:rgba(255,255,255,1);
	z-index:20;
	
}
.popupContenidoSimple {
	position:absolute;
	top:50%;
	left:50%;
	padding:20px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	background-color:rgba(255,255,255,1);
	z-index:20;
}

#popupCargando .popupContenidoSimple {
	padding:40px;
}
#popupCargando .popupContenidoSimple img {
	width:160px;
	height:160px;
} 

.popupScroll {
	position:absolute;
	z-index:400000;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:10;
	overflow:visible;
	background-color:rgba(0,0,0,0.4);
}
.popupContenidoScroll {
	position:absolute;
	z-index:400001;
	top:50px;
	left:50%;
	padding:0 40px 0 40px;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,-0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	background-color:#ffffff;
}
.popup .boton {
	padding:10px 14px 10px 14px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-transform:uppercase;
	font-weight:500;
	cursor:pointer;
	border:1px solid #273580;
	background-color:#FFFFFF;
	color:#273580;
}



.portada {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	text-transform:uppercase;
}

.portada .bloque {
	width:calc(50% - 60px);
	height:calc(100% - 30px);
	display:table;
	align-items:center;
}
.portada .bloque.bloquePortada {
	display:flex!important;
}
.portada .bloque.bloqueIzquierdo .titulo {
	position:absolute;
	width:60%;
	top:0;
	right:0;
	text-align:right;
	font-size:1.7em;
	font-weight:500;
	text-transform:uppercase;
	padding:60px;
}
.portada .bloque.bloqueDerecho {
	position:absolute;
	top:0;
	left:50%;
	justify-content:left;
	padding-left:60px;
}
.portada .bloque.bloqueIzquierdo {
	position:absolute;
	top:0;
	left:0%;
	justify-content:right;
	padding-right:60px;
}
.portada .bloque .subBloque {
	width:200px;
	text-align:center;
}
.portada .bloque .subBloque .subTexto {
	font-size: 0.8em;
    color: #999999;
    margin-bottom: -15px;
}
.portada .franjaInferior {
	position:absolute;
	width:100%;
	height:30px;
	left:0;
	bottom:0;
}
.portada .redondel {
	width:200px;
	height:200px;
	border-radius:50%;
}
.portada .redondel img {
	width:200px;
	height:200px;
}
.portada .subBloque  p {
	font-size:1.2em;
}


.menu {
	width:170px;
	min-height:100px;
	position:relative;
	float:left;
	margin-bottom:20px;
	padding:20px;
	margin-top:100px; /* fijar franja superior 15-03-2024 */
}
.menu .menuEncabezado {
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:700;
	border-bottom:2px solid #273580;
	margin-top:30px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.menu ul.familias {
	margin-top:20px;
}

.menu .listado ul li {
	font-size:0.7em;
	font-weight:500;
	border-bottom:1px solid #bbbbbb;
	list-style:none;
	text-transform:uppercase;
	padding-bottom:5px;
	padding-top:5px;
	cursor:pointer;
	min-height:10px;
}

.menu ul.familias li {
	text-decoration:none;
	cursor:pointer;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:500;
	list-style:none;
	margin-top:7px;
	letter-spacing:-0.05em;
}
.menu .listado ul li.seleccionado {
	border-left:5px solid #b97248;
	padding-left:5px;
}
.menu .listado ul li.selectorMarca {
	border-left: none;
    padding-left: 25px;
	background-image: url(../img/check-off.png)!important;
	background-repeat: no-repeat;
    background-position: left 0 top 2px;
    background-size: 17px;
    margin-top: 1px;
}
.menu .listado ul li.selectorMarca.seleccionado {
	background-image: url(../img/check-on.png)!important;
}



.menu .listado  ul li .cantidad {
	float:right;
	color:#999999;
}
.menu .listado  ul li .quitar {
	float: right;
    width: 20px;
    margin-right: -25px;
    margin-top: -3px;
}
.menu .listado  ul li .quitarSeleccion {
	width: 20px;
    height: 20px;
    cursor:pointer
}
.menu .campo {
	border:1px solid #999999;
	border-radius:2px;
	width:115px;
	padding:5px;
	font-size:0.7em;
}
.menu .gris {
	color:#CCCCCC;
}
.menu .lupa {
	width:24px;
	height:24px;
	float:right;
	margin-top: 12px;
}

.franjaSuperior {
	/* position:relative; */
	position:fixed; /* fijar franja superior 15-03-2024 */
	width:100%;
	height:100px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
	overflow:hidden;
	z-index:1;
}
.franjaSuperior .logo {
	position:absolute;
	z-index:1000;
}
.franjaSuperior .logo img {
	width:120px;
	height:74px;
	float:left;
	margin-top:5px;
}
.franjaSuperior ul li {
	float:left;
	height:40px;
	padding:0 20px 0 20px;
	text-decoration:none;
	cursor:pointer;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:500;
	color:#b1704b;
	list-style:none;
	margin-top:55px;
}
.franjaSuperior ul li:hover {
	border-bottom:5px solid #b1704b;
}
.franjaSuperior .contenido {
	position:relative;
	width:calc(100% - 200px - 20px - 20px);
	overflow:hidden;
}

.interior {
	position:relative;
	width:100%;
	overflow:hidden;
}
.interior .contenido {
	position:relative;
	/*width:calc(100% - 450px - 20px - 20px + 1px);*/
	width:calc(100% - 210px - 20px - 20px);
	float:left;
	padding:20px;
	margin-top:100px; /* fijar franja superior 15-03-2024 */
}

.menuSecciones {
	position: absolute;
    margin-top: 50px;
	z-index:500;
	left:150px;
	font-size:0.85em;
}
.menuSecciones .reducido {
	/*font-size:0.85em;*/
}
.separador {
	padding:0 10px 0 10px;
}
.iconoSeccion {
	width:30px;
	height:30px;
	vertical-align: middle;
    margin-top: -5px;
	margin-left:5px;
}
.menuSecciones a.item {
	margin-right:20px;
	text-decoration:none;
}
.menuSecciones a.item.sinMargen {
	margin-right:0;
}
.fondoBlanco .menuSecciones a.item {
	color:#273580;
}
.fondoAzul .menuSecciones a.item {
	color:#ffffff;
}

.nombreTarifa {
	text-transform: uppercase;
    position: absolute;
    text-align: center;
    /*width: 100%;*/
    margin-top: 55px;
    font-weight: 500;
	z-index:500;
	
	right:180px;
}

.bloqueIconos {
	margin-top:45px;
	float:right;
}
.bloqueIconos .icono {
	width:50px;
	height:50px;
	float:left;
	position:relative;
}

.bloqueIconos .icono .bocadillito {
	width:20px;
	height:16px;
	border-radius:50%;
	color:#FFFFFF;
	font-size:0.7em;
	font-weight:500;
	text-align:center;
	z-index:1000;
	position:absolute;
	top:-7px;
    right:10px;
	padding-top:4px
}
.bloqueIconos .icono img {
	width:30px;
	height:30px;
}
.bloqueIconos .importe {
	font-size:0.9em;
	margin-top:9px;
    float:left;
	color:#b1704b;
}



/* THUMBNAILS ARTICULOS */

/*
.articulo-thumbnail {
	width:150px;
	text-align:center;
	overflow:hidden;
	float:left;
	margin:0 80px 40px 0;
}
*/
.articulo-thumbnail {
	width:150px;
	text-align:center;
	overflow:hidden;
	/*margin:0 80px 40px 0;*/
	margin:0 40px 40px 40px;
	display: inline-block;
	vertical-align:top;
}
.articulo-ficha .abajo .mosaico .articulo-thumbnail:last-child , .catalogo .articulo-thumbnail:last-child {
	/*margin-right:0!important;*/
}

.articulo-thumbnail .recuadro {
	border:1px solid #949494;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
.articulo-thumbnail .recuadro .superior {
	color:#FFFFFF;
	font-size:0.8em;
	padding: 5px;
	height:14px;
	font-weight:700;
}
.articulo-thumbnail .recuadro .fotografia img {
	width:148px;
	height:148px;
}
.articulo-thumbnail .recuadro .titulo  {
	background-color: #d2d6e9;
	color: #273580;
	padding: 10px 5px 10px 5px;
	text-transform:uppercase;
	height:45px;
}
.articulo-thumbnail .recuadro .titulo .referencia {
	margin:0;
	pading:0;
	font-size:0.6em;
}
.articulo-thumbnail .recuadro .titulo .nombre {
	margin:3px 0 0 0;
	font-weight:700;
	font-size:0.72em;
}
.articulo-thumbnail .recuadro .inferior {
	float:left;
	font-weight:700;
	letter-spacing:-0.05em;
	font-size:0.9em;
}
.articulo-thumbnail .recuadro .inferior.coloreado {
	background-color:#dddddd;
	color:#777777;
}
.articulo-thumbnail .recuadro .inferior.izquierda {
	width:calc(50% - 12px);
	border-right:1px solid #949494;
	padding:5px;
}
.articulo-thumbnail .recuadro .inferior.derecha {
	width:calc(50% - 10px);
	padding:5px;
}

.articulo-thumbnail .subinferior {
	width: 100%;
    float: left;
    font-size: 0.65em;
    padding-top: 3px;
    font-weight: normal;
}
.articulo-thumbnail .subinferior.izquierda {
}
.articulo-thumbnail .subinferior.derecha {
}

.articulo-thumbnail .boton {
	border:0;
	font-size:0.6em;
	text-transform:uppercase;
	font-weight:500;
	padding:7px 15px 7px 15px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	margin:10px 0 10px 0;
	cursor:pointer;
}

.articulo-thumbnail .boton:hover , .articuloFichaGrande .boton:hover {
    background-color: #b87245;
    color: #FFFFFF;
}

.articulo-thumbnail .cantidad {
	margin:0 auto;
	width:80px;
	border:1px solid #949494;
	overflow:hidden;
	padding:0;
}
.articulo-thumbnail .cantidad.deshabilitado {
	border:1px solid #dddddd;
}
.deshabilitado {
	cursor:default!important;
}
.articulo-thumbnail .cantidad .pulsador {
	float:left;
	width:20px;
	height:28px;
	cursor:pointer;
}
.articulo-thumbnail .cantidad .campo {
	font-size:0.8em;
	float:left;
	width:40px;
	height:26px;
	border:0;
	padding:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	text-align:center;
}


.articuloFichaGrande {
	text-align:right;
}
.articuloFichaGrande .boton {
	border:0;
	font-size:1.8em;
	text-transform:uppercase;
	font-weight:500;
	padding:15px 30px 15px 30px;
	border-radius:24px;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	margin:20px 0 20px 0;
	cursor:pointer;

}
.articuloFichaGrande .cantidad {
	width:120px;
	border:1px solid #949494;
	overflow:hidden;
	padding:0;
}
.articuloFichaGrande .cantidad .pulsador {
	float:left;
	width:30px;
	height:40px;
	cursor:pointer;
}
.articuloFichaGrande .cantidad .campo {
	float:left;
	width:60px;
	height:40px;
	border:0;
	padding:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	text-align:center;
	font-size:2em;
}

/* FICHA DE ARTICULOS */

.articulo-ficha {
	width:100%;
	overflow:hidden;
}

.articulo-ficha .arriba {
	width:100%;
	overflow:hidden;
	border-bottom:10px solid #eeeeee;
	padding-bottom:20px;
}

.articulo-ficha .arriba .izquierda , .articulo-ficha .arriba .derecha {
	width:50%;
	float:left;
}
.articulo-ficha .arriba .izquierda .carrusel {
	width:400px;
	height:400px;
	margin-left:30px;
	margin-right: 30px;
	float: right;
	clear: both;
}
.articulo-ficha .arriba .izquierda .carrusel .slick-arrow {
	color:#ff0000!important;
	background:#ffffff!important;
}
.articulo-ficha .arriba .izquierda .carrusel img {
	width:400px;
	height:400px;
}
.articulo-ficha .arriba .izquierda .miniaturas {
	display: flex;
    justify-content: center;
    width: 450px;
    float: right;
    clear: both;
}
.articulo-ficha .arriba .izquierda .miniaturas .miniatura {
	border:1px solid #cccccc;
	margin:4px;
}
.articulo-ficha .arriba .izquierda .miniaturas .miniatura.seleccionada {
	border:2px solid #2b2b81;
}
.articulo-ficha .arriba .izquierda .miniaturas img {
	width:70px;
	height:70px;
}


.articulo-ficha .arriba .derecha {
	text-transform:uppercase;
}
.articulo-ficha .arriba .derecha .contenedor {
	width:fit-content;
}
.articulo-ficha .arriba .derecha .arriba {
	margin-top:50px;
	border:0;
}
.articulo-ficha .arriba .derecha h1 , .articulo-ficha .arriba .derecha p {
	 margin:0;
	 padding:0;
} 
.articulo-ficha .arriba .derecha .referencia {
	font-weight:500;
	font-size:1.2em;
}
.articulo-ficha .arriba .derecha .subTexto {
	margin-top:10px;
	font-size:0.9em;
}
.articulo-ficha .arriba .derecha .descripcionLarga {
	font-size:0.9em;
	margin-top:20px;
	text-transform:none;
	text-align:justify;
}

.articulo-ficha .arriba .derecha .abajo {
	text-align:right;
	font-size:0.6em;
}
.articulo-ficha .arriba .derecha .abajo .precioGrande {
	font-weight:700;
	font-size:4.5em;
	letter-spacing:-0.08em;
}
.articulo-ficha .arriba .derecha .abajo .precioMediano {
	font-weight:700;
	font-size:3.5em;
}
.articulo-ficha .arriba .derecha .abajo .pvp {
	margin-top:20px;
	font-size:0.7em;
}
.articulo-ficha .arriba .derecha .abajo .euro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	font-weight:400;
}
.articulo-ficha .arriba .derecha .abajo .precioPeque {
	font-weight:700;
	font-size:2.5em;
	letter-spacing:-0.02em;
}


.articulo-ficha .abajo {
	width:100%;
	overflow:hidden;
}

.articulo-ficha .abajo h4 {
	text-align:center;
	text-transform:uppercase;
	margin:40px;
}

.articulo-ficha .abajo .mosaico {
	/*display: table;*/
	text-align:center;
	/*justify-content:center;*/
}



.interior .franjaInferior {
	position:relative;
	width:100%;
	height:10px;
	clear:both;
}
.interior .pie {
	position:relative;
	width:100%;
	height:100px;
	clear:both;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:90px;
}
.interior .pie .logo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:flex;
	justify-content:center;
	padding-top:30px;
	z-index:500;
}
.interior .pie .logo img {
	width:200px;
}
.interior .pie .familias {
	width:fit-content;
	float:left;
	z-index:1000;
}
.interior .pie .familias ul li {
	text-decoration:none;
	cursor:pointer;
	font-size:0.7em;
	text-transform:uppercase;
	font-weight:700;
	list-style:none;
	margin-top:10px;
	padding-bottom:4px;
}
.interior .pie .familias ul li:hover {
	padding-bottom:0;
	border-bottom:4px solid #ffffff;
}

.interior .subPie {
	font-size:0.8em;
	text-align:center;
	padding:20px;
}
.interior .subPie p {
	margin:0;
	padding:0;
}
.interior .subPie a {
	text-decoration:none;
}
.interior .subPie a:hover {
	text-decoration:underline;
}

.login .logo {
	width:200px;
	margin-left:40px;
	margin-top:10px;
}
.login h1 {
	font-size:1.8em;
	color:#FFFFFF!important;
	font-weight:100!important;
}
.login .formulario {
	width:300px;
	margin:40px auto 40px
}
.login p {
	font-size:0.9em;
}
.login.fondoAzul p a {
	color:#FFFFFF;
	text-decoration:none;
}
.login.fondoAzul p a:hover {
	text-decoration:underline;
}
.login .campo {
	font-size:1.1em;
	text-align:center;
    padding: 5px;
    background-color: #FFFFFF;
    border: 0;
    margin-top: 5px;
}
.login .boton {
    margin-top: 10px;
    padding: 10px 25px 10px 25px;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    cursor: pointer;
    color: #273580;
    font-weight: 700;
}
.login .boton:hover {
    background-color: #b87245;
    border: 1px solid #b87245;
    color: #FFFFFF;
}

.caja {
    max-width: 80%;
    padding: 20px;
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0 auto;
    clear: both;
}
@media screen and (max-width: 500px) {
	.caja {
		width:100%;
		border:0;
	}
}

/*
.catalogo {
	width:100%;
	clear:both;
	overflow:hidden;
	text-align:center;
}
*/
.catalogo {
	width:100%;
	display:table;
	vertical-align:middle;
	text-align:center;
}
.paginacion {
	width:100%;
	clear:both;
}
.paginacion p {
	font-size:0.85em;
}

.carrito {
	width:900px;
	margin-top:60px;
	overflow:hidden;
}

.carrito_item {
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
	color:#737373;
	font-size:0.9em;
}
.carrito_item.rojo .bloqueTexto .izquierda .descripcion, .carrito_item.rojo .bloqueTexto .derecha .subIzquierda .precio,.carrito_item.rojo .bloqueTexto .derecha .subIzquierda .euro  {
	color:#CC0000!important;
}
.carrito_item p {
	margin:0;
	padding:0;
}
.carrito_item .foto {
	width:120px;
	height:120px;
	border:1px solid #949494;
	float:left;
	margin-right:10px;
}
.carrito_item .foto img {
	width:119px;
	height:119px;
}
.carrito_item .bloqueTexto {
	width:765px;
	height:105px;
	padding-bottom:15px;
	border-bottom:1px solid #273580;
	overflow:hidden;
	display:flex;
	align-items:end;
}

.carrito_item .bloqueTexto .izquierda {
	width:510px;
	float:left;
}
.carrito_item .bloqueTexto .izquierda .codigo {
	font-size:0.8em;
}
.carrito_item .bloqueTexto .izquierda .descripcion {
	font-size:1.2em;
	color:#273580;
	font-weight:700;
}

.carrito_item .bloqueTexto .derecha {
	width:255px;
	float:right;
	color:#273580;
	text-align:right;
	display:flex;
	align-items:end;
	overflow:hidden;
}
.carrito_item .bloqueTexto .derecha .subIzquierda {
	float:right;
	width:145px;
}
.carrito_item .bloqueTexto .derecha .subDerecha {
	float:right;
	width:115px;
}
.carrito_item .bloqueTexto .derecha .subDerecha img {
	width:30px;
	height:30px;
	float:right;
	margin-left:5px;
}
.carrito_item .bloqueTexto .derecha .subIzquierda .precio , .carrito .totales .precio {
	font-size:1.6em;
	font-weight:700;
	letter-spacing:-0.05em;
}
.carrito_item .bloqueTexto .derecha .subIzquierda .euro , .carrito .totales .euro {
	font-weight:400;
	font-size:1.4em;
	margin-left:1px;
}

.carrito .totales {
	text-align:right;
	padding:top:40px;
}
.carrito .botones {
	width:100%;
	clear:both;
}
.observacionesTexto {
	text-align:left;
	padding-left:15px!important;
}
.observaciones {
	font-size:1em;
}
.carrito .botonConfirmar {
	font-size:1.2em;
	padding-left:40px!important;
	padding-right:40px!important;
}
@media screen and (min-width: 500px) {
	.carrito .totales {
		width:300px;
		float:right;
	}
	.carrito .infoguardar {
		width:50%;
		float:left;
	}
	.carrito .botones {
		text-align:right;
	}
	.observaciones {
		width:calc(100% - 20px);
		height:100px;
	}
	p.botonesCarrito {
		text-align:right;
	}
}
@media screen and (max-width: 500px) {
	.carrito .totales {
		width:100%;
		clear:both;
	}
	.carrito .infoguardar {
		width:100%;
		clear:both;
	}
	p.botonesCarrito {
		text-align:center!important;
	}
	.observaciones {
		width:calc(100% - 20px);
		height:150px;
		margin-left:10px;
	}
}


.carrito .totales p {
	margin:0;
	padding:0 0 5px 0;
}
.carrito .totales .precio.grande {
	font-size:2em;
}
.carrito .totales .totalFinal {
	font-size:1.2em;
	font-weight:500;
	border-top:3px solid #bbbbbb;
	padding-top:15px;
	margin-top:10px;
	
}
.carrito .totales .totalFinalPrecio {
	font-weight:700;
	font-size:2.2em;
	letter-spacing:-0.05em;
}
.carrito .totales .totalFinalEuro {
	font-weight:500;
	font-size:1.8em;
}

.carrito .boton, .pedidos .boton {
	padding:10px 14px 10px 14px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-transform:uppercase;
	font-weight:500;
	cursor:pointer;
}

.carrito .boton.blanco {
	border:1px solid #273580;
	background-color:#FFFFFF;
	color:#273580;
}

.carrito .boton.azul {
	border:1px solid #273580;
	background-color:#273580;
	color:#ffffff;
	margin-top:20px;
}

.carrito .botonGrande {
	width:35px;
	height:35px;
	cursor:pointer;
	margin-right:10px;
}




.usuario {
	/* position:absolute; */
	position:fixed; /* fijar franja superior + area usuario 15-03-2024 */
	top:0;
	right:0;
	width:190px;
	height:100%;
	z-index:10000;
	padding:30px 20px 0 30px;
	display:none;
}
.usuario .avatar {
	witdh:100px;
	height:100px;
}
.usuario .nombre {
	font-weight:500;
}
.usuario ul {
	text-align:right;
	padding-right:10px;
	margin-top:20px;
	padding-top:20px;
	border-top:3px solid #ffffff;
}
.usuario ul li {
	text-align:right;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
	list-style:none;
	margin-top:15px;
}

/*Forms standard */
form .campo {
	margin-top:5px;
	height:26px;
	border:0;
	padding:0;
	border: 1px solid #dddddd;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
form .boton {
    padding: 10px 25px 10px 25px;
    border: 1px solid #dddddd;
    cursor: pointer;
    color: #273580;
    font-weight: 700;
}
form .boton:hover {
	color:#FFFFFF;
	background-color:#273580;
}

.migas {
	font-size:0.85em;
	margin-bottom:40px;
	float:left;
}
@media screen and (max-width: 500px) {
	.migas {
		margin-top:0;
		margin-bottom:10px;
	}
}


.tablaFormateada {
	border-collapse:collapse
}
.tablaFormateada.centrada {
	margin:0 auto;
}
.tablaFormateada tr th {
	background-color:#273580;
}

.tablaFormateada tr th {
	padding:5px;
	color:#ffffff;
	font-size:0.6em;
	font-weight:normal;
	text-transform:uppercase
}

.tablaFormateada tr td  {
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #273580;
	font-size:0.9em;
}
.tablaFormateada tr.sinBorde td  {
	padding:10px 15px 0 15px;
	border-bottom:0;
}

.iconoLupa {
	width:30px;
	height:30px;
}
.iconoDescargar {
	width:30px;
	height:30px;
}

/* BANNERS JUNIO 2023 TRAS REAGRUARLOS Y PONER CARROUSEL */
.banners_unicos {
	width:100%;
	max-width:756px;
	overflow:hidden;
	margin-bottom:20px;
}
.banner_principal_unico {
	width:100%;
	margin-bottom:5px;
}
.banner_principal_unico img {
	width:100%;
}
.slick-prev:before, .slick-next:before {
	background:transparent;
	color:#666666!important;
}
/* Fin BANNERS JUNIO 2023*/

.banners {
	width:100%;
	max-width:756px;
	overflow:hidden;
	margin-bottom:20px;
}

.banner_principal {
	width:100%;
	margin-bottom:5px;
}
.banner_principal img {
	width:100%;
}
.banner_secundario {
	width:100%;
	overflow:hidden;
}
.banner_secundario img {
	width:49.5%;
}
.banner_secundario img.banner_izquierdo {
	float:left;
}
.banner_secundario img.banner_derecho {
	float:right;
}

@media screen and (min-width: 500px) {
	.no_responsivo {
		display:block;
	}
	.responsivo {
		display:none;
	}
	.menu_responsive_boton {
		display:none
	}
	.articulo-ficha .arriba .derecha .contenedor {
		min-width:400px;
		max-width:600px;
		margin:0 auto;
	}
	.articuloFichaGrande .cantidad {
		float:right;
	}
}
@media screen and (max-width: 500px) {

	.portada .bloque {
		width:50%;
	}
	.portada .bloque.bloqueIzquierdo .titulo {
		width: 60%;
		font-size: 1.2em;
		padding: 60px 80px 0 0;
	}
	.portada .bloque .subBloque {
		width:160px;
		padding-right: 20px;
	}
	.portada .bloque.bloqueDerecho {
		padding-left:20px;
	}
	.portada .redondel {
		width:160px;
		height:160px;
	}
	.portada .redondel img {
		width:160px;
		height:160px;
	}


	.franjaSuperior  {
		height:130px;
	}
	.franjaSuperior .contenido {
		width:calc(100% - 20px);
		overflow:visible;
	}
	.franjaSuperior .logo img {
		width: 100px;
    	height: 62px;
		margin-left:20px;
		margin-top: 10px;
	}
	
	.menuSecciones {
		margin-top: 95px;
		width: 100%;
		left: 10px;
		padding: 0;
		font-size: 0.8em;
		text-align: center;
	}
	
	.nombreTarifa {
		    font-size: 0.8em;
			right: 0;
			margin-top: 20px;
			font-size: 0.6em;
	}
	.bloqueIconos .icono {
		width: 35px;
		height: 30px;
	}
	.bloqueIconos .icono img {
		width:25px;
		height:25px;
	}
	.bloqueIconos .icono .bocadillito {
		right:1px;
	}
	
	
	.no_responsivo {
		display:none;
	}
	.responsivo {
		display:block;
		width:100%;
		clear:both;
	}
	.banner_secundario {
		float:none;
	}
	.banner_secundario img {
		width:100%;
	}
	.banner_secundario img.banner_derecho {
		margin-top:10px;
	}
	.interior .contenido {
		width:calc(100% - 20px);
		padding:0 10px 20px 10px;
		margin-top:0;
	}

	.interior .pie {
		padding-top: 0;
    	padding-bottom: 20px;
	}
	.interior .pie .logo {
		padding-top:10px;
	}
	.interior .pie .logo img {
		width:120px
	}
	.articulo-thumbnail {
		margin:0 22px 40px 22px;
	}
	.usuario {
		z-index:100;
	}
	
	.menu {
		position:absolute;
		top:0;
		z-index:1000;
		padding:0;
		width:auto;
	}
	.menu_responsive {
		background-color:#FFFFFF;
		padding:20px;
		-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
		-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.50);
		display:none;
		margin-top: 30px;
	}
	.menu_responsive_boton {
		width:40px;
		height:40px;
		margin-bottom:10px;
		cursor:pointer;
	}
	.boton_para_abrir {
		width:100%;
		clear:both;
		padding: 20px 0 0 20px;
		margin-top: 125px;
	}
	
	.carrito {
		width:100%;
	}
	.carrito_item {
		border-bottom: 1px solid #273580;
		padding-bottom: 20px;
	}
	.carrito_item .bloqueTexto {
		width:auto;
		height:auto;
		display:block;
		border:0;
	}
	.carrito_item .bloqueTexto .izquierda {
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.carrito_item .bloqueTexto .derecha {
		width:100%;
		float:none;
	}
	.carrito .botonGrande {
		float:left;
	}
	
	.catalogo-superiorMovil {
		margin-left:-10px;
	}
	
}

@media screen and (max-width: 900px) {
	
	.articulo-ficha .arriba {
		padding-bottom:0;
	}
	.articulo-ficha .arriba .izquierda , .articulo-ficha .arriba .derecha {
		width:100%;
		float:none;
	}
	.articulo-ficha .arriba .derecha .contenedor {
		padding: 0 15px 0 15px;
	}
	.articulo-ficha .arriba .derecha .arriba {
		text-align:center;
	}
	.articulo-ficha .arriba .derecha .abajo {
		text-align:center;
	}
	.articuloFichaGrande {
		text-align:center;
	}
	.articuloFichaGrande .cantidad {
		margin:0 auto 20px;
	}
	
	.articulo-ficha .arriba .izquierda .miniaturas {
		width:100%;
		margin-bottom: 20px;
	}
	
	.articulo-ficha .abajo .mosaico {
		/*display:table;*/
	}
	
	.articuloFichaGrande .cantidad {
		float:none
	}
	
}
	
@media screen and (max-width: 500px) {
	.articulo-ficha .arriba .izquierda .carrusel {
		width: 320px;
		height: 300px;
		margin-left: 0;
		margin-right: 0;
		float: none;
    	margin: 0 auto;
	}
	.articulo-ficha .arriba .izquierda .carrusel img {
		width: 300px;
		height: auto;
		margin: 0 auto;
	}
	

}

.carruselBanners {
	/*width:654px;*/
	width:1000px;
	height:200px;
	margin:0 auto 30px;
}
.carruselBanners img {
	/*width:654px;*/
	width:1000px;
	height:200px;
}
.carruselBannersResponsivo {
	width:100%;
	margin:0 auto 20px;
}
.carruselBannersResponsivo img {
	width:100%;
}
@media screen and (max-width: 900px) {
	.carruselBanners {
		width:500px;
		height:153px;
	}
	.carruselBanners img {
		width:500px;
		height:153px;
	}
}
@media screen and (min-width: 500px) {
	.carruselBanners {
		display:block!important;
	}
	.carruselBannersResponsivo {
		display:none!important;
	}
}
@media screen and (max-width: 500px) {
	.carruselBanners {
		display:none!important;
	}
	.carruselBannersResponsivo {
		display:block!important;
	}
}

.ordenacion {
	text-align:right;
	font-size:0.8em;
	margin-bottom:30px;
	float:right;
}
.ordenacion a {
	text-decoration:none;
	color:#000000
}
.ordenacion img {
	width: 30px;
    height: 30px;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: -10px;
}
.ordenacion a.seleccionado {
	border-right:5px solid #b97248;
	padding-right:5px;
}

.verMasBloqueMenu{
	border-bottom: none!important;
    margin-top: 10px;
}




.menu .listado ul li:not(.seleccionado):not(.selectorMarca) {
	padding-left:10px;
}
.iconoEspecial {
	position: absolute;
    top: 27px;
    right: 5px;
    width: 40px;
    height: 40px;
}
.selectorEspecial {
	position:relative;
	height:25px;
	display:flex;
    align-items: center;
}
.selectorEspecial .etiqueta {
	font-size:1.2em!important;
	font-weight:700!important;
}
.selectorEspecial .icono {
	position:absolute;
	top:2px;
	right:30px;
}
.selectorEspecial .icono img {
	width: 30px;
    height: 30px;
}
.menu .listado ul li.selectorEspecial .cantidad {
	position:absolute;
	top:10px;
	right:0;
}