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

:root {
  --altimex-azul: #003367;
  --altimex-azul-oscuro: #071F3D;
  --altimex-azul-claro: #365374;
  --altimex-amarillo: #ffc300;
  --altimex-gris: #f8f8f8;
  --altimex-gris-oscuro: #999999;

}

*:focus { outline: none; }


body,html {
	width:100%;
	height:100%;
}

body {
	background-color:#FFFFFF;
	font-family:'Helvetica',sans-serif;
	text-align:center;
	color:var(--altimex-azul);
	margin:0;
	padding:0 0 40px 0;
}
a { text-decoration:none; color:inherit }
p,td,input,select,textarea { font-family:'Roboto',sans-serif;font-weight:300; }
h1 { font-weight:300 }
h2 { font-weight:300 }
h3 { font-weight:400 }
.textoAmarillo { color:var(--altimex-amarillo); }
.textoCentrado { text-align:center }
.bloqueCentrado { margin:0 auto; }
.mayusculas { text-transform:uppercase }
.checkGrande {
	width:25px;
	height:25px;
	margin-right:5px;
	vertical-align:middle
}
.clicable {
	cursor:pointer;
}
.portada {
	width:100%;
	height:100%;
	background-color:var(--altimex-azul);
	display: flex;
	align-items: center;
	justify-content: center;
}
.portada .bloque {
	width:400px;
	display:block;
}
.portada .logo {
	width:250px;
	margin: 0 0 20px 0;
}
.portada .recuadro {
	width:100%;
	border:2px solid var(--altimex-amarillo);
	padding:20px;
	margin-left: -20px; /* no se por qué se desplaza hacia la derecha el centrado, con esto se corrige */
}
.portada .recuadro .texto {
	color:var(--altimex-amarillo);
	font-size:0.8em;
}
.portada .recuadro .textoGrande {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:700;
	margin:0;
	padding:0;
}
.portada .recuadro .textoGigante {
	color:var(--altimex-azul-claro);
	font-size:3.5em;
	font-weight:700;
	margin:0;
	padding:0;
}
.idiomas {
	width:200px;
	height:200px;
	overflow-x: hidden;
    overfloy-y: scroll;
	scroll-padding-right: 20px;
}
.idiomas p {
	font-size:1.1em;
	font-weight:700;
	text-transform:uppercase;
}
.idiomas::-webkit-scrollbar {
  width: 8px;
}
.idiomas::-webkit-scrollbar-track {
  background:transparent;
}
.idiomas::-webkit-scrollbar-thumb {
  background-color:var(--altimex-azul);
  border-radius: 20px;
}
.campoPortada {
	width:300px;
	background-color:transparent;
	text-align:center;
	border:0;
}


/* POP UPS */

@media screen and (min-width: 600px) {

    .popup {
        position:fixed;
        top:0%;
        left:0%;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.4);
        z-index:10000;
    }
    .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:#FFFFFF;
        z-index:10001;
    }
    .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:10001;
    }
    .popupContenidoScroll {
        position:absolute;
        top:50px;
        left:50%;
        padding:20px;
        margin:20px;
        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:rgba(255,255,255,1);
        z-index:10001;
    }

}

@media screen and (max-width: 600px) {

    .popup {
        position:fixed;
        top:0%;
        left:0%;
        width:100%;
        height:100%;
        background-color:rgba(255,255,255,0.9);
        z-index:10000;
    }
    .popupContenido {
        position:fixed;
        width:100%;
        top:50%;
        left:50%;
        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:#FFFFFF;
        z-index:10001;
    }
    .popupContenidoSimple {
        position:absolute;
        top:50%;
        left:50%;
        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,0.9);
        z-index:10001;
    }
    .popupContenidoScroll {
        position:absolute;
        top:50px;
        left:50%;
        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:rgba(255,255,255,0.9);
        z-index:10001;
    }

}



.cabecera {
	width:100%;
	height:90px;
	position:fixed;
	top:0;
	left:0;
	z-index:9000;
}

.franja-superior {
	position:absolute;
	top:0;
	left:0;
	background:linear-gradient(to right,var(--altimex-azul),var(--altimex-azul-oscuro));
	width:100%;
	height:90px;
}
.franja-superior .logo {
	width:350px;
	float:left;
	margin-top:30px;
}
.franja-superior .contenido {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.franja-superior .derecha {
	float:right;
	margin-top:25px;
	width: 800px;
	display:flex;
}
.franja-superior .busqueda, .franja-superior .busqueda:focus {
	float:left;
	border:1px solid var(--altimex-amarillo);
	padding:10px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color: var(--altimex-amarillo);
	background-color:transparent;
	width:400px;
}
.franja-superior .titulo-tienda {
	float: left;
    color: var(--altimex-amarillo);
    font-weight: 650;
    margin-top: 12px;
    margin-right: 30px;
}
.franja-superior .busqueda-icono {
	float: left;
    height: 30px;
    width: 30px;
    margin-left: -40px;
    margin-top: 5px;
}

.franja-superior .icono {
	float:left;
	margin-left:20px;
	height:35px;
	width:35px;
}

.franja-inferior {
	position:relative;
	background:linear-gradient(to right,var(--altimex-azul),var(--altimex-azul-oscuro));
	width:100%;
	max-width:1200px;
	margin:20px auto;
	padding:20px 0 20px 0;
}



.menu {
	width:100%;
	max-width:1200px;
	margin:90px auto;
	height:45px;
	overflow:hidden;
	background-color:#ffffff;
	padding-top: 5px;
}

.menu a {
	text-decoration:none;
	color:var(--altimex-azul);
}
.menu h1 {
	font-size:0.9em;
	font-weight:700;
}
.menu .columna {
	float:left;
	padding:0;
	margin:0 40px 0 0;
	text-align:left;
	background-color:#FFFFFF;
}
.menu .columna h1 {
	padding-bottom:5px;
}
.menu .columna h1.seleccionado {
	border-bottom:3px solid var(--altimex-amarillo);
}
.menu-nivel2 {
	position:absolute;
	background-color:#FFFFFF;
	margin-left: -10px;
    padding: 10px;
}
.menu .contenido1 {
	font-size:0.9em;
	font-weight:700;
	    box-shadow: 3px 3px 3px #dddddd;
}
.menu .contenido2 {
	font-size:0.8em;
	font-weight:700;
	padding-bottom:9px;
}
.menu .contenido3 {
	font-size:0.7em;
	font-weight:300;
	padding-bottom:7px;
}
.menu .idiomas {
	position: relative;
    float: right;
    padding-top: 10px;
    font-weight: 700;
    font-size: 0.9em;
}
.menu .idiomas a {
	margin-left:10px;
}


.contenedor-principal {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding: 100px 0 0 0;
}




.banner {
	width:100%;
	max-width:1200px;
}
.carrusel {
	/*margin-top:80px;*/
}
.carrusel, .diapositiva, .diapositiva img {
	width:1200px;
	height:300px;
}
.slick-slider{
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.slick-slider .slick-list {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}



.titulo {
	font-size:1.2em;
	margin-top:40px;
}
.subTitulo {
	font-size:0.8em;
}



.bloqueProductos {
	width:100%;
	overflow:hidden;
	margin-top:10px;
}
.bloqueProductos .izquierda {	 /*filtros*/
	width:200px;
	float:left;
	text-align:left;
	font-size:0.8em;
}
.bloqueProductos .izquierda h2 {
	border-bottom:1px solid #999999;
	margin-top:40px;
	padding-bottom:10px;
}
.bloqueProductos .derecha {
	width:calc(100% - 200px);
	float:left;
}

.mosaico {
	width:100%;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.mosaico.relacionados {
	display:block!important;
}
.mosaico .producto {
	position:relative;
	float:left;
	padding:10px;
	margin:10px;
	width:200px;
	height:320px;
	/*border:1px solid #000000;*/
	text-align:center;
}
.mosaico.relacionados .producto {
	text-align:left;
	height:100px;
	border-bottom:1px solid #666666;
	padding:0;
	width:100%;
}
.mosaico .producto .foto {
	width:200px;
	height:200px;
	margin:0 auto 10px;
}
.mosaico.relacionados .producto .foto {
	width:80px;
	height:80px;
	float:left;
	margin:0;
}
.mosaico.relacionados .producto .texto {
	float:left;
	padding-left:10px;
	width:280px;
	height:100px;
	display: flex;
    align-items: center;
}
.mosaico.relacionados .producto .texto .nombre {
	font-size:0.9em;
	height:auto;
}
.mosaico .producto .codigo {
	font-size:0.7em;
	margin:0 0 3px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid var(--altimex-amarillo);
	text-align:left;
}
.mosaico.relacionados .producto .codigo {
	border-bottom:0;
	font-size:0.75em;
	font-weight:300;
}
.mosaico .producto .nombre {
	font-size:0.8em;
	font-weight:700;
	margin:0;
	padding:0;
	text-align:left;
	height: 40px;
	line-height: 1em;
}
.mosaico .producto .bloqueCarrito {
	width:100%;
	height:25px;
	position:relative;
}
.mosaico .producto .bloqueCarrito .cantidad {
	font-size:1.2em;
	font-weight:500;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
.mosaico .producto .bloqueCarrito .unidades {
	font-size:0.9em;
	font-weight:500;
	margin: 2px 8px 0 0;
	padding:0;
	float:right;
}
.mosaico .producto .bloqueCarrito .sinStock {
	color: #CC0000;
    font-size: 0.6em;
    margin: 0 0 0 5px;
    padding: 6px 0 0 0;
    font-weight: 700;
    width: 100px;
    float: left;
}
.mosaico .producto .bloqueCarrito .cantidad .cantidadCampo {
	border:0;
	background-color:transparent;
	width:30px;
	text-align:center;
	font-weight:700;
	font-size:1em;
}
.mosaico .producto .bloqueCarrito .cantidad .cantidadBoton {
	cursor:pointer;
}
.mosaico .producto .bloqueCarrito .carritoEnviar {
	width:30px;
	height:22px;
	float:right;
	cursor:pointer;
}
.mosaico .producto .precio {
	font-size:0.9em;
	margin:0;
	padding:0;
	border:1px solid var(--altimex-azul);
	padding:3px 0 3px 0;
	width:100%;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	font-weight:700;
	text-align:center;
}
.oferta {
	font-weight:300;
	text-decoration:line-through;
	margin:0 10px 0 10px;
}
.estrella {
	width: 20px;
    height: 20px;
    margin-bottom: -4px;
    margin-left: 10px;
}
.mosaico .producto .novedad {
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:0.8em;
	text-transform:uppercase;
}


.paginacion2024 {
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:40px;
	margin-bottom:50px;
}
.paginacion2024 .numeroPagina {
	width: 40px;
	height: 40px;
	border: 1px solid #dddddd;
	display: flex;
	align-items: center;
	justify-content:center;
	cursor: pointer;
	font-size:0.8em;
	margin-left:-1px;
}
.paginacion2024 .numeroPagina.noClicable {
	cursor:auto;
}
.paginacion2024 .numeroPagina.activa {
	background-color:var(--altimex-amarillo);
	border: 1px solid var(--altimex-amarillo);
	color:var(--altimex-azul);
}

.campo {
	border:0;
	padding:5px 10px 5px 10px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color: var(--altimex-azul);
	background-color:#ffffff;
	font-weight:300;
	font-size:1em;
}
.boton {
	border:1px solid var(--altimex-gris-oscuro);
	padding:10px 30px 10px 30px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	color: var(--altimex-azul);
	background-color:var(--altimex-gris);
	cursor:pointer;
	font-weight:500;
	font-size:1.2em;
}
.boton.deshabilitado {
	color:#CCCCCC;
	cursor:auto;
}
.boton2 {
	border:1px solid var(--altimex-azul);
	padding:5px 10px 5px 10px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color: var(--altimex-azul);
	background-color:#ffffff;
	cursor:pointer;
	font-weight:500;
	font-size:1em;
}
.boton3 {
	border:2px solid var(--altimex-amarillo);
	padding:10px 20px 10px 20px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	color:var(--altimex-amarillo);
	background-color:transparent;
	cursor:pointer;
	font-weight:500;
	font-size:1.2em;
}

.selectorArticulo {
	cursor:pointer;
}

.articulo {
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:80px 0 40px 0;
}
.articulo .fotoGrande {
	width:400px;
	height:400px;
	margin-top:-40px;
}
.articulo-cabecera {
	width:100%;
	text-align:left;
	margin-bottom:20px;
}
.articulo-izquierda {
	width:66%;
	float:left;
}
.articulo-izquierda-arriba {
	width:100%;
	text-align:left;
}
.articulo-izquierda-abajo {
	width:100%;
}
.articulo-izquierda-abajo-izquierda {
	width:50%;
	float:left;
	text-align:left;
}
.articulo-izquierda-abajo-derecha {
	width:50%;
	float:right;
	padding-top:20px;
}
.articulo-derecha {
	width:calc(33% - 20px);
	padding-left:20px;
	float:right;
	border-left:1px solid var(--altimex-azul);
	text-align:left;
}
.articulo-derecha h2 {
	font-weight:200!important;
}
.articulo h1, .articulo h2 {
	margin:0;
	padding:0;
	width: 400px;
    font-size: 1.6em;
}
.articulo .fichaArticulo {
	font-size:0.8em;
	width:100%;
}
.articulo .fichaArticulo tr td {
	border-bottom:1px solid #999999;
	padding:5px 0 5px 0;
}
.articulo .fichaArticulo .fichaArticulo-titulo {
	font-weight:700;
	font-size:0.7em;
	padding-top:15px;
}
.articulo .fichaArticulo .dato {
	text-align:right;
	font-weight:500;
}

.articulo .bloqueCarrito {
	font-size:1.2em;
	margin-top:20px;
}
.articulo .bloqueCarrito .cantidad {
	width:100px;
	float:left;
	margin:0;
	padding:0;
}
.articulo .bloqueCarrito .sinStock {
	color: #CC0000;
    font-size: 0.8em;
	font-weight:700;
}
.articulo .bloqueCarrito .cantidadCampo {
	font-size:1em;
	font-weight:700;
	width:50px;
	text-align:center;
}
.articulo .bloqueCarrito .cantidadBoton {
	font-weight:700;
	cursor:pointer;
}
.articulo .unidades {
	width:50px;
	float:left;
	margin:0;
	padding:0;
	font-weight:500;
	color:var(--altimex-azul);
	margin-top: 1px;
}
.articulo .bloqueCarrito .carritoEnviar {
	width:40px;
	float:left;
	margin-top:-3px;
	cursor:pointer;
}


.cabecera-idiomas {
	width: 300px;
    color: white;
    font-weight: 700;
    display: flex;
	align-items: center;
	justify-content: center;
	margin-left:10px;
	font-size:0.9em;
}
.cabecera-idiomas a {
	margin-left:10px;
}
.flechita {
	width:30px;
	height:20px;
	margin:0 10px -3px 10px;
}

.ordenacion {
	float:right;
	font-size:0.8em;
	margin:0;
	padding:0;
}
.ordenacion img {
	width:25px;
	height:25px;
	margin-left:5px;
	margin-bottom:-8px;
}
.ordenacion img.seleccionado {
	border-bottom:3px solid var(--altimex-amarillo);
	margin-bottom:-11px;
}
#carritoCantidad {
	color:var(--altimex-amarillo);
	font-weight:700;
}

.carrito {
	margin:0 auto;
}
.carrito tr th , .carrito tr td {
	padding:10px;
}
.carrito tr th {
	background-color:var(--altimex-azul);
	color:#FFFFFF;
	font-size:0.7em;
	font-weight:500;
}
.carrito tr td {
	font-size:0.9em;
}

.carrito .campo {
	font-family:'Roboto',sans-serif;
	font-weight:300;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #bbbbbb;
}
.carrito .campo.partidoIzquierda {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-right:0;
}
.carrito .campo.partidoDerecha {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	background-color:#dddddd;
}
.iconoLupita {
	margin-top:2px;
	margin-left: -30px;
    width: 23px;
    position: absolute;
	cursor:pointer;
}
.carrito .campo.cantidad {
	width:40px;
	text-align:center
}
.carrito .foto {
	width:50px;
	height:50px;
}
.carrito .lineaProducto.error {
	color:#CC0000;
	text-decoration:line-through;
}

.botonCantidad {
	width: 40px;
    height: 40px;
    margin-bottom: -12px;
    cursor:pointer;
}
.botonCantidad.reducido {
	width: 34px;
    height: 34px;
}
.adjunto { width:100%;margin:0 0 10px 0 }
.iconoPapelera { height:25px;margin-top:7px; }
.iconoPapeleraAdjunto { height:25px;margin-bottom:-3px;float:right }
.iconoCarpeta { height:33px;margin-bottom:-9px; }
.iconoDocumento { height:20px;margin:0 8px -3px; 0 }

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

.iconoImportarPlantilla { width:20px;height:20px;cursor:pointer }
.iconoBorrarCampo { width:12px;height:12px;cursor:pointer }


.carrito .cantidadBoton {
	font-size:1.5em;
	font-weight:500;
	cursor:pointer;
}
.carrito .pedido_linea {
	padding-top:15px;
}






.selectorArchivoBloque {
	width:340px;
	height:140px;
	position:relative;
	margin:0 auto 40px;
}
.selectorArchivoMascara {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:100px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:20px;
	text-align:center;
	border: 5px dotted #dddddd;
	display:flex;
	vertical-align:middle;
	align-items:center;
}
.selectorArchivoBloque.reducido .selectorArchivoMascara { 
	height:100px;
}
.selectorArchivoMascara.activo {
	background-color:#FFFFFF;
}
.selectorArchivoMascaraTexto {
	width:100%;
}
.selectorArchivoCampo {
	position:absolute;
	top:0;
	left:0;
	width:340px;
	height:140px;
	opacity:0;
	cursor:pointer;
}


.tablaFormateada {
	margin: 0 auto;
}
/*
.tablaFormateada tbody tr th, .tablaFormateada tbody tr td {
	padding:10px;
}
.tablaFormateada tbody tr th {
	border-bottom:1px solid var(--altimex-azul);
	font-size:0.8em;
}
*/