body.multimarca {

}

body.multimarca .menus-container {
	display: grid;
	grid-template-areas: 'logo marcas' 'menu menu';
}

body.multimarca .menus-container .izquierda {
	grid-area: logo;
}

body.multimarca .menus-container .marcas {
	grid-area: marcas;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

body.multimarca .menus-container .marcas .marca {
	padding-left: 1rem;
}

body.multimarca .menus-container .marcas img {
	display: block;
	width: 120px;
	height: 40px;
	object-fit: contain;
}

body.multimarca .menus-container nav {
	grid-area: menu;
	width: 100%;
	padding-top: 1rem;
}

#multimarca_configs .config .img-overlay-wrapper {
	background-color: #333;
}

.multimarca-pantalla-seleccion {
	padding: 3rem 0;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.multimarca-pantalla-seleccion .marcas {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
}

.multimarca-pantalla-seleccion .marcas .marca {
	background-color: #333;
	border: solid 1px #333;
	color: #FFF;
	cursor: pointer;
	width: 250px;
	padding: 1rem;
	margin: .5rem;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.multimarca-pantalla-seleccion .marcas .marca:hover {
	background-color: #1a1a1a;
}

.multimarca-pantalla-seleccion .marcas .marca .logo {
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.multimarca-pantalla-seleccion .marcas .marca .logo img {
	object-fit: contain;
	max-height: 100%;
}

.multimarca-pantalla-seleccion .marcas .marca .name {
	padding-top: 2rem;
	text-transform: uppercase;
	font-size: 1.25em;
}