@font-face {
	font-family: 'Poppins';
	src: url("/st/fonts/Poppins-Regular.ttf") format("truetype");
}

body {
	font-family: 'Poppins', sans-serif;
}

.MenuTop {
	background-color: white;
}

.MenuDown {
 	padding: 10px 0px 20px 0px;
}

.navbar-toggler {
	border-color: rgba(0,0,0,0.5);
}

.navbar-toggler-icon {
	filter: invert(1);
}


.OpcionesArribaBuscador {
	color: #858585;
	display: flex;
	text-decoration: none;
	margin-bottom: 5px;
}

.BottonBuscador {
	background-color: black;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 2px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.BuscadorInput {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 300px;
}


.HrMenu {
	border-color: #858585;
	border-top: 3px solid;
	padding: 0;
	margin: 0;
}

.SubtituloHr {
	border: none;
	height: 3px;
	background-color: #CC1FBE;
	width: 70%;
	margin: auto;
}

.EncabezadoSecciones {
	color: #858585;
	font-size: 50px;
	font-weight: bold;
}

.SubtituloSecciones {
	color: #858585;
	font-size: 30px;
 }

.SubtituloSecciones2 {
	color: #858585;
	font-size: 20px;
	font-weight: bold;
}

.TextoSecciones {
	color: #858585;
	font-size: 25px;
}

.TextoParrafos {
	color: #858585;
	font-size: 16px;
	font-weight: 500;
}

.MenuOpcion {
	font-size: 20px;
	color: #858585;
	text-decoration: none;
}

.MensLineTexto {
	color: #858585;
	font-size: 30px;
	font-weight: bold;
}

.MensLineTexto2 {
	color: #858585;
	font-size: 22px;
	font-weight: lighter;
	padding-top: 10%;
}

.Number1Articulos {
	color: #858585;
	font-size: 25px;
	font-weight: bold;
}

.Number1Collection {
	color: #CC1FBE;
	font-size: 15px;
	font-weight: bold;
}

.NombreBlog {
	color: black;
	font-size: 18px;
	font-weight: bold;
}

.FechaBlog {
	color: #CC1FBE;
	font-size: 15px;
}

.footerbg {
	background-color: #E7E7E7;
}

.politicasbg {
	background-color: white !important;
}

.ploiticasText {
	color: #858585 !important;
	text-decoration: none !important;
}


@media (max-width: 767px) {

	#MenuDownCollapse .col-md-12 {
		display: flex;
		flex-direction: column;
		align-items: flex-start; 
		padding-left: 15px;
	}

	#MenuDownCollapse .MenuOpcion {
		display: block;
		width: 100%;
		padding: 12px 0;
		margin: 0; 
		border-bottom: 1px solid #ddd;
		text-align: left !important;
	}

		#MenuDownCollapse .MenuOpcion:last-child {
			border-bottom: none;
		}
}