.Li1{
	color: var(--ColorMoradoFuerte);
}

hr{
	width: 90%;
	margin: 0 auto;
	height: 1px;
	background-color: var(--ColorGrisBajo);
	border-color: var(--ColorGrisBajo);
	color: var(--ColorGrisBajo);
	margin-top: 10px;
	margin-bottom: 10px;
}

.ContBody{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

	.Body{
		width: 50%;
		padding: 6px;
		line-height: 25px;
		letter-spacing: 1px;
		background-color: #fff;
		margin-left: 130px;
		margin-top: 80px;
		margin-bottom: 30px;
		border-radius: 3px;
		box-shadow: 0px -2px 6px var(--ColorGrisBajo), 0px 2px 6px var(--ColorGrisBajo);
	}

		.Body picture{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 417px;
			text-align: center;
			background-image: url('../Imagenes/Curso3.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			border-radius: 6px;
		}

			.Body figcaption{
				-webkit-user-select: none;
			}

			.Body picture h2{
				display: block;
				font-size: 33px;
				color: #000;
				text-decoration: underline;
				font-weight: bold;
				margin-top: 208.5;
			}

			.Articulo{
				padding: 30px;
			}

			.Codigos{
				text-align: justify;
			}

			.Codigo{
				font-family: "IbmPlexMono";
				padding: 10px;
				background-color: var(--ColorGrisFuerte);
				border: 3px solid var(--ColorGrisNormal);
				border-radius: 1px;
				overflow: auto;
			}

				.Codigo div{margin-top: 0; margin-bottom: 0;}
				.P{margin-left: 30px; margin-top: 0; margin-bottom: 0;}
				ll1:before{content: '<'; color: #fff; -webkit-user-select: text;}
				ll2:before{content: '>'; color: #fff; -webkit-user-select: text;}
				ll3:before{content: '</'; color: #fff; -webkit-user-select: text;}
				code{color: var(--ColorRojo)}
				code1{color: #04B404; margin-left: 6px; margin-right: 6px;}
				green{color: #04B404;}
				fff{color: #fff;}
				ff0{color: #FFFF00;}
				blue{color: #05CAFF; font-family: "IbmPlexMonoItalic";}
				blue1{color: #05CAFF;}
				purple{color: var(--ColorMoradoBajo);}

			.Codigo::-webkit-scrollbar{
				width: 30px;
				background-color: #fff;
				border-left: 1px solid var(--ColorGrisNormal);
			}

			.Codigo::-webkit-scrollbar-thumb{
				width: 15px;
				background-color: #D2D4D6;
				border: 1px solid #000;
				border-radius: 3px;
			}

			.Codigo::-webkit-scrollbar-thumb:hover{background-color: var(--ColorGrisBajo);}

	.SubBody{
		margin-top: 80px;
		width: 40%;
	}

		.Aside{
			padding: 30px;
			box-shadow: 0px -2px 6px var(--ColorGrisBajo), 0px 2px 6px var(--ColorGrisBajo);
			margin-left: 30px;
			width: 90%;
			height: 43%;
			background-color: #fff;
			line-height: 25px;
			letter-spacing: 1px;
			border-radius: 3px;
			text-align: justify;
		}

		.Aside1{
			background-color: #fff;
			padding: 30px;
			margin-left: 30px;
			margin-top: 30px;
			box-shadow: 2px 2px 3px var(--ColorGrisBajo), -2px 2px 3px var(--ColorGrisBajo);
			width: 90%;
			text-align: center;
			border-radius: 3px;

			display: flex;
			flex-direction: column;
		}

			.Aside1 p{
				color: var(--ColorGrisFuerte);
				font-weight: normal;
			}

			.Texto{color: var(--ColorAzul); cursor: pointer; -webkit-user-select: none;}
			.Texto:hover{text-decoration: underline;}

	.Articulos{background-color: #fff;}

.SecTexto, .Codigos{
	width: 70%;
	margin: 0 auto;
	padding: 30px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0px -2px 6px var(--ColorGrisBajo), 0px 2px 6px var(--ColorGrisBajo);
	overflow: hidden;
}

	.SecTexto div{
		width: 60%;
		float: left;
	}

	.SecTexto h2{
		color: var(--ColorMoradoNormal); font-size: 20px;
	}

	.SecTexto p{
		width: 100%;
		line-height: 30px;
		text-align: justify;
		letter-spacing: 1px;
	}

	.SecTexto picture{
		width: 30%;
		float: left;
		margin-top: 4%;
		margin-left: 30px;
	}

	.SecTexto picture img{
		border-radius: 50%;
		padding: 0;
		box-shadow: 2px 2px 10px var(--ColorGrisBajo), 2px -2px 10px var(--ColorGrisBajo), 
					2px -2px 10px var(--ColorGrisBajo), -2px -2px 10px var(--ColorGrisBajo);
	}

.Codigos{
	margin-bottom: 30px;
	line-height: 30px;
	letter-spacing: 1px;
}

	.Codigos h2{
		font-size: 23px;
		margin-top: 6px;
		margin-bottom: 6px;
		text-align: center;
	}

@media screen and (max-width: 999px){
	.ContBody{
		margin: 0;
		flex-direction: column;
	}

		.Body{
			margin: 0 auto;
			width: 80%;
			margin-top: 90px;
		}

	.SubBody{
		width: 80%;
		margin: 0 auto;
		margin-top: 25px;
	}

		.Aside, .Aside1{
			margin: 0;
			margin: 0 auto;
		}

	.Body1 .Articulos{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

		.BtnMor{
			width: 30%;
			margin: 0 auto;
			margin-top: 40px;
			display: block;
		}

	.SecTexto{
		margin-top: 30px;
	}

	.Aside1{
		margin-top: 20px;
	}

}

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

	.BtnMor{
		width: 50%;
	}

}

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

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

	.SecTexto div{
		width: 100%;
		float: none;
	}

	.SecTexto picture{
		float: none;
		width: 50%;
		margin: 0 auto;
	}

	.SecTexto picture img{
		width: 100%;
		height: 200px;
		margin: 0 auto;
	}
	
	.Body{
		width: 100%;
	}
	
	.SubBody{
		width: 100%;;
	}
	
		.Aside{
			width: 90%;
		}
		
			.SecTextoTit{text-align: center;}

	.Codigos{
		width: 100%;
	}
}

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

		.Quiero{
			width: auto;
			height: 200px;
			padding: 0;
		}

		.Quiero a, .Art a, .FooterHea a{
			width: 100%;
			height: auto;
			font-size: 14px;
		}

		.Redes1{
			visibility: visible;
			position: fixed;
			width: 70%;
			margin-left: 90px;
			margin-top: 10px;
		}

	.BtnMor{
		width: 100%;
	}

	.SecTexto{
		width: 90%;
	}

	.Codigos{
		width: 100%;
	}

}