@charset "iso-8859-1";



body {
	
	

	
	
	}



.banner-home-office { display:inline-block;
			height:169px;
			width:100%;
			position:relative;
			top:13%;
			left:0%;
			z-index:17;
			overflow:hidden;
			background:url(../images-nit/navega-fondo-1-20-home-office.jpg);
			background-size:auto;
			animation: fondo-sapone 20s infinite alternate;
			-webkit-animation: fondo-sapone 20s infinite alternate;
			
			}
			
			@keyframes fondo-sapone {
		from {
			background-position:left top;
			}
		
		to {
			background-position:right bottom;

			}		
				
				}
			
			@-webkit-keyframes fondo-sapone {
		from {
			background-position:left top;
			}
		
		to {
			background-position:right bottom;

		
			}	
			}



.grid-prub-2 {	margin-bottom: 80px;
}



.grid-prub {
	width: 100%;
	margin: 20px;
	display: grid;
	grid-gap: 3px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.2fr 0.2fr 1.5fr 1.5fr ;
	grid-template-areas: 
		
		"fecha fecha"
		"hora hora"
		"ponente ponente"
		"ponente-img imagen-webinar";
	
	
}

.grid-prub #fecha {
	grid-area: fecha;
	color: red;
	font-weight: bolder;
	
	
}

#fecha h4 {
	color: red;
	font-weight: bolder;
	
}

#hora {
	grid-area: hora;
	color: red;
	font-weight: bolder;	
}
#hora h4 {
	color: red;
	font-weight: bolder;
	
}

#ponente {
	grid-area: ponente;
	
}

#ponente-img {
	grid-area: ponente-img;
	display: flex;
	align-items: center;
	justify-content: center;
		
	
}

#imagen-webinar {
	grid-area: imagen-webinar;
display: flex;
	align-items: center;
	justify-content: center;	
}


#imagen-webinar-2 {
	
	position: relative;
}


#imagen-webinar-2::after {
	
	content: "Ing. Francisco García";
	margin: 0;
	color: 000;
	font-size: 1.1em;
	position: absolute;
	left: 0;
	bottom: -60px;
	width: 200px;
	
}




#ponente-img-2 {
	position: relative;
	
	
	
}


#ponente-img-2::after {
	
	content: "Ing. Uriel Ramírez";
	margin: 0;
	color: 000;
	font-size: 1.1em;
	position: absolute;
	left: 0;
	bottom: -60px;
	width: 200px;
	
}


.banner-1 { display:inline-block;
			height:169px;
			width:100%;
			position:relative;
			top:13%;
			left:0%;
			z-index:17;
			overflow:hidden;
			background:url(../images-nit/navega-fondo-1-20-anim.jpg);
			background-size:auto;
			animation: fondo-sapone 20s infinite alternate;
			-webkit-animation: fondo-sapone 20s infinite alternate;
			
			}
			
			@keyframes fondo-sapone {
		from {
			background-position:left top;
			}
		
		to {
			background-position:right bottom;

			}		
				
				}
			
			@-webkit-keyframes fondo-sapone {
		from {
			background-position:left top;
			}
		
		to {
			background-position:right bottom;

		
			}	
			}










.texto-1 {
	font-size: 1.8em;
	text-align:center;
	color: white;
	position: absolute;
	width: 70%;
	height: 270px;
	top: 30%;
	left: 3%;
	animation: textin1 5s infinite alternate;
	-webkit-animation: textin1 5s infinite alternate;
	opacity: .9;
	text-shadow: 2px 2px 2px #000000;
			}
			
			@keyframes textin1 {
		from {
			left:15%;
			}
		
		to {
			left:20%;

		
			}		
				
				}
			
			@-webkit-keyframes textin1 {
		from {
			left:15%;
			}
		
		to {
			left:20%;

		
			}
			}	
			



.banda {
}