#main {
	background-color: var(--bg_sutil);
	display: flex;
	justify-content: space-between;
}

#left {
	flex-grow: 1;
	border-top: 3px solid white;
	background-color: white;
}

#right {
	width: 25%;
	min-width: 25%;
	flex-grow: 1;
	background-color: var(--fondo);
}


#header {
	background-color: var(--top);
	border: none;
	position: fixed; /*fijamos el header*/
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	z-index: 100;
}

.breadcrumbs {
	background-image: 
	linear-gradient(90deg,rgba(236, 240, 242, 1) 10%, rgba(255, 255, 255, 1) 100%); 
	display: flex;
   flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
	padding: 2px 0;
	padding-left: 6rem;
}

.breadcrumb {
	display: flex;
	list-style: none;
	align-content: flex-start;
	padding: 0.5em 0;
	margin: 0;
}
.breadcrumbs li {
	margin-right: 0.5em;
	display: inline-flex;
}

.breadcrumbs a {
	font-size: 0.75rem;
	padding-right: 0.5em;
}

.breadcrumbs a:hover {
	font-weight: 500;
}

.article {
	/*background-color: green;*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-grow: 1;
	padding: 10px;
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
	color: var(--font_content);
	text-align: left;
	line-height: 1.7;
}

.article-centered {
	align-items: center !important;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	color: var(--menu_movil);
}

.article a {
	color: var(--enlaces);
	border-bottom: 1px solid;
	cursor: help;
}

.article a:hover {
	color: blue;
}

.section {
	/*background-color: greenyellow;*/
	margin: 10px;
	align-self: self-start;
}

@media (max-width: 950px) {
	.breadcrumbs {
		padding-left: 2rem;
	}

	#main {
		padding: 2px;
		flex-direction: column;
	}
	#right {
		/*background-color: cornflowerblue;*/
		width: 100%;
		min-width: 100%;
	}
}

@media (max-width: 400px) {
	.breadcrumbs a, 
	.topic {
		font-size: 0.85rem;
	}
}