/*Stilos del Loading con el logo de Prosarc*/
#contenedor_carga{
	background-color: #ecf0f5;
	height: 100vh;
	width: 100vw;
	position: fixed;
	transition: all 1s ease;
	z-index: 10000;
	opacity: 1;
	transition: opacity 1s ease-in-out;
}
#contenedor_carga img{
	width: 100%;
	height: 100%;
}
@keyframes superior {
	0%{
		transform: translate(0,-10rem);
		opacity: 0;
	}
	75%{
		transform: translate(0,0);
		opacity: 1;
	}
	100%{
		transform: translate(0,0);
		opacity: 0;
	}
}
@keyframes derecho {
	0%{
		transform: translate(10rem,0);
		opacity: 0;
	}
	75%{
		transform: translate(0,0);
		opacity: 1;
	}
	100%{
		transform: translate(0,0);
		opacity: 0;
	}
}
@keyframes izquierdo {
	0%{
		opacity: 0;
		transform: translate(-10rem,0);
	}
	75%{
		transform: translate(0,0);
		opacity: 1;
	}
	100%{
		transform: translate(0,0);
		opacity: 0;
	}
}
@keyframes inferior1 {
	0% {
		transform: rotateY(180deg) translate(0,10rem);
		opacity: 0;
	}
	75% {
		transform: rotateY(0deg) translate(0,0);
		opacity: 1;
	}
	100%{
		transform: rotateY(0deg) translate(0,0);
		opacity: 0;
	}
}
@keyframes inferior2 {
	0%{
		transform: translate(0,10rem);
		opacity: 0;
	}
	75%{
		transform: translate(0,0);
		opacity: 1;
	}
	100%{
		transform: translate(0,0);
		opacity: 0;
	}
}
#Superior{
	position: relative;
	top: 1rem;
	animation: superior 2s infinite;
	height: 4.5rem;
	width: 9rem;
}
#Derecho{
	position: relative;
	animation: derecho 2s infinite;
	height: 5.4rem;
	width: 5.8rem;
	top: -1.4rem;
	left: 3rem;
}
#Izquierdo{
	position: relative;
	animation: izquierdo 2s infinite;
	height: 4.8rem;
	width: 8.5rem;
	top: -6rem;
	left: -0.9rem;
}
#Inferior1{
	position: relative;
	animation: inferior1 2s infinite;
	height: 2.5rem;
	width: 9.9rem;
	top: -6.7rem;
	left: 0.5rem;
}
#Inferior2 {
	position: relative;
	animation: inferior2 2s infinite;
	height: 2.5rem;
	width: 7.9rem;
	top: -7.8rem;
}
@media screen and (max-width:640px) {
	.navbar-mobile{
		top: -50px;
	}
	.breadcrumb{
		display: none;
	}
	#contenedor_carga>center{
		transform: scale(2);
		margin-top: 50%;
	}
}
@media screen and (max-width:1024px) and (min-width:640px) {
	.navbar-mobile{
		top: 0;
	}
	#contenedor_carga>center{
		transform: scale(2.5);
		margin-top: 50%;
		margin-right: 30%;
	}
}
@media screen and (min-width:1024px) {
	.navbar-mobile{
		top: 0;
	}
	#contenedor_carga>center{
		transform: scale(3);
		margin-top: 20%;
		margin-right: 15%;
	}
}