@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

/*.banner_animado{
	position: relative;
	width: 1200px;
	height: 600px;
	margin: auto;
	animation-name: banner;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: normal;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;	
}*/

@keyframes banner_851{
	0%, 15%{
		background-image: url("../images/banner_general.png");		
	}
	20%, 35%{
		background-image: url("../images/banner_contabilidad.png");
	}
	40%, 55%{
		background-image: url("../images/banner_enfermeria.png");
	}
	60%, 75%{
		background-image: url("../images/banner_fisioterapia.png");
	}
	80%, 90%{
		background-image: url("../images/banner_gastronomía.png");
	}	
	95%, 100%{
		background-image: url("../images/banner_general.png");
	}
}

	@keyframes banner_850{
	0%, 15%{
		background-image: url("../images/banner_general_p.png");		
	}
	20%, 35%{
		background-image: url("../images/banner_contabilidad_p.png");
	}
	40%, 55%{
		background-image: url("../images/banner_enfermeria_p.png");
	}
	60%, 75%{
		background-image: url("../images/banner_fisioterapia_p.png");
	}
	80%, 90%{
		background-image: url("../images/banner_gastronomía_p.png");
	}	
	95%, 100%{
		background-image: url("../images/banner_general_p.png");
	}

	
	
	
}

@media(max-width:850px){
	
	.banner_animado{
		justify-content: flex-start;
	}
	
	.banner_animado{
		position: relative;
		width: 1200px;
		height: 600px;
		margin: auto;
		animation-name: banner_850;
		animation-duration: 50s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-direction: normal;
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;	
	}	
}

@media(min-width:851px){
	
	/*.banner_animado{
		justify-content: flex-start;
	}*/
	
	.banner_animado{
		position: relative;
		width: 1200px;
		height: 600px;
		margin: auto;
		animation-name: banner_851;
		animation-duration: 50s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-direction: normal;
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;	
	}

	
}