*{
	
	  box-sizing: border-box;
}
body, nav,  ul,li,a, img, figcaption, figure, header, span, hgroup, h1, h2, p{
	border: 0;
	margin:0;
	
	/*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
font-family: Tahoma, Verdana, Segoe, sans-serif;
	padding:0;
	
}

h1{
	color:#DDD;
	text-align:center;
	margin:15px;
}
/*-------------------Nav-----------------------------*/
nav{
	display:flex;
	justify-content:center;
	background-color:rgba(0,0,0, .75);
	position:fixed;
	top:0;
	height:47px;
	width:100%;
	z-index:4;
}
nav ul{
	display: flex;
	flex-direction: row;
	justify-content:center;
}

nav ul li{
	color:#EEE;
	display:flex;
	font-size:.9em;
	font-weight:bold;
	list-style:none;

}

nav ul li a{
	border:1px solid #EEE;
	border-radius:5px;
	color:#EEE;
	margin:5px;
	padding: 10px;
	text-decoration:none;
	
	height:40px;
}

nav ul li a:hover{
	background-color:#2b7;
	border-bottom:1px solid #EEE;
	color:#EEE;
	transition: background-color 0.5s ease-in-out;
}




/*------------------------Header----------------------*/
header{
	background-image:url('../images/backgrounds/bgHeader.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
		align-items:flex-end;
		justify-content:right;
		
	margin-bottom:35px;
	width:100%;
	height:280px;
	
}

	ul{
		display:flex;
	list-style:none; 
		
	}
	header li{
		display:flex;
		flex-direction:row;
		margin:15px;
		color:#045;
		list-style:none;
	}
	
	header img{
		margin:0 15px 0 0;
		height:auto;
		width:20px;
		
	}
	
/*-----------section---------------------------------*/
section{
	margin-bottom:70px;
	
}


/*-----------------quienes somos------------------*/

#QuienesSomos{
	text-align:center;
	background-image:url('../images/slider/bgSlider.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
#QuienesSomos img{
	width:71%;
}

/*-------------------Noticias-----------*/

#noticias{
	display:flex;
		flex-direction:row;
		justify-content:right;
		gap:5px;
	padding:15px;
		
}


#noticiaPrincipal-container{
	background-color:#046;
		flex:2;
		flex-direction:column;
}

#image-container-p img{
	width:100%;


}


#noticiaPrincipal h2{
		color:#EEE;
		font-size:1.2em;
		padding:15px;

}

#noticiaPrincipal p{
	color:#EEE;
	padding:15px;

}


.noticia-container{
	border-bottom: 1px dotted #046;
	/*border-top: 2px dotted #046;*/

	display:flex;
		flex:1;
		
		flex-direction:column;
		justify-content:flex-start;


}

	.noticia-container h2{
		color:#046;
		font-size:.9em;
		padding:5px;
	}
	
	.noticia-container p{
		color:#111;
		font-size:.8em;
		padding:5px;
	}
	
.image-container-n{
		background-color:#046;
		overflow:hidden;
		
}
.image-container-n img{
width:100%;

}

/*-----------------ADS--------------------------*/
#ads{
	background-color:#046;
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
}
#ads1 img,#ads2 img {
	width:auto;
	height:280px;

}

#ads1{
	background-color:#000;
	display:flex;
		flex-direction:row;
		align-items:center;
}

#ads2{
	background-color:#046;
}

#ads1 .tienda-ex{
		margin:15px;
	height:35px;
	width:auto;
}


/*----------------Oferta Educativa------------*/

#ofertaEducativa{
	background-image:url('../images/backgrounds/bgRemolino.png');
	background-size:cover;
	display:flex;
	justify-content: space-evenly;
	flex-wrap:wrap;
}


#Niveles, #C-T{
	display:flex;
	

		justify-content:right;
		
	background-color:#111;
	background-repeat:no-repeat;
	background-size:contain;
	
	margin:15px;
	width:480px;
	height:480px;
}
#ofertaEducativa h2{
	color:#EEE;
	font-size: 1em;
	padding:10px;
	text-align:center;
}

#Niveles .oferta-content ul{
	display:flex;
	flex-direction:column;
	padding:10px;
}

#Niveles .oferta-content li, #C-T .oferta-content li{
		
	color:#EEE;
	display:flex;
		flex-direction:row;
	list-style:none;
	padding:10px;
	text-align:right;
	text-decoration:none;
}

#Niveles .oferta-content li a:visited, #C-T .oferta-content li a:visited,
#Niveles .oferta-content li a, #C-T .oferta-content li a{
	color:#EEE;
	list-style:none;
	text-decoration:none;
}


.oferta-content{
	background-color:rgba(0,0,0, .75);
		align-items:center;
	width:60%;
}

#Niveles{
	background-image:url('../images/bgLicenciatura.jpg');

}


#C-T{
	background-image:url('../images/bgtaller.jpg');	
}
#C-T ul{
	display:flex;
	flex-direction:column;
}

#C-T ul li img{
	
		margin:0 15px 0 0;
		height:auto;
		width:20px;
		
	}


/*----------------Seccion Docente--------------------------*/

#docentes{
	display:flex;
	flex-direction:row;
}

#docentes .docente{
	background: linear-gradient(rgba(50,50,50,1), rgba(0,0,0,1));
	border: 1px solid #111;
	border-radius:10px;
	box-shadow: 5px 5px 5px rgba(35,35,35,1);
	display:flex;
		align-items:center;
		flex-basis:173px;
		flex-direction:column;
		
		justify-content:center;

	margin:15px; 
	width:173px;
	height:280px;
	
	
}

#docentes .fotoDocente{
	display:block;
	background-size:contain;	
	height:auto;
	width:107px;
}

#docentes .foto-container{
	border:5px solid #333;
	border-radius:50%;
	display:flex;
	background-color:#FFF;
	margin: 10px;
	width:107px;
	overflow:hidden;
	height:107px;
	}
	
#docentes .foto-container:hover{
	border:5px solid #2b7;
	border-radius:50%;
	display:flex;
	background-color:#FFF;
	margin: 10px;
	width:107px;
	overflow:hidden;
	box-shadow: 1px 1px 3px #2b7;
	height:107px;
	}
	
		
	
#docentes h2{
	color:#FFF;
	font-size:.9em;
	margin: 10px;
	text-align:center;
}

#docentes h2:hover{

	color:#2b7;
}

#HistorialDocente-content{
	background: linear-gradient(rgba(50,50,50,1), rgba(0,0,0,1));
	border-radius:10px;
	box-shadow: 5px 5px 5px rgba(35,35,35,1);
	display:flex;
		flex-direction:column;
	margin:auto;
	padding:15px;
	height:auto;
	width:480px;
	
}

#HistorialDocente-content-1{
	margin-bottom:15px;
	display:flex;
		align-items:center;
		flex-direction:row;
		justify-content:space-evenly;
	
}


#image-HiDo-content{
	background-color:#EEE;
	background-size:contain;
	border-radius:50%;
	outline:2px solid #EEE;
	overflow:hidden;
	height:140px;
	width:140px;
	
}

#image-HiDo{
	height:auto;
	width:100%;
}

#estadistica{
	margin:10px;
}

#NombreDocente{
		
	color:#EEE;
	display:flex;
	align-items:center;
	
	font-size:1em;
	height:140px;
}


#HistorialDocente-content-2{
	border:1px solid #EEE;
	border-radius:10px;
	padding:15px;
}

#HiDo{
	color:#EEE;
	font-size:.8em;
	text-align:center;
	
}

/*-------------footer------------*/
footer{
	background: linear-gradient(rgba(50,50,50,1), rgba(0,0,0,1));
	display:flex;
	justify-content:center;
	
}

	footer ul{
		display:flex;
		flex-direction:column;
		align-items:center;
	list-style:none; 
		
	}
	footer li{
		
		display:flex;
		flex-direction:row;
		font-size:.9em;
		color:#EEE;
		list-style:none;
		margin:2px;


	}
	
	footer a, footer:visited{
		color:#EEE;
		font-size:.9em;
		text-decoration:none;
	}
	
	footer img{
		margin:0 15px 0 0;
		height:auto;
		width:15px;
		
	}