@charset "utf-8";
/* CSS Document */
.index{
	padding: 0;
	margin:68px 0px 0px 0px;
	color: #FFFFFF;
}
.blocker{
	width: 100%;
	display: flex;
	height: 100%;
	margin: 20px 0px 20px 0px;
}
.blocker:nth-first{
	margin: 0px 0px 20px 0px;
}
.curtain{
	width: 100%;
	height: 100%;
	background: #0069FF;
	opacity: 0.9;
}
.blockercontent{
	width: 80%;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
}
.filatopper{
	padding-top: 15px;
	padding-bottom: 15px;
}
.paddinger{
	padding: 10px;
}
.formsector{
	width: 100%;
	padding: 15px 0;
	color: #000000;
}
.formsector h3{
	font-size: 18px;
	text-shadow: 1px 1px 1px #000000;
}
.formsector div{
	display: flex;
	justify-content:space-between;
	align-items: center;
	align-content: center;
}
.sectorfield{
	width: 48%;
	padding: 1%;
	font-size: 16px;
}
.texto{
	color: #222222;
}

/* ***********************   FONDOS  ************************************* */
.bg1{
	background-attachment:fixed;
	background-size:cover;
	background-image:url(intro1.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.parallaxer2{
	background-attachment:fixed;
	background-size:100% 100%;
	background-image:url(bg/engineering.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.parallaxer3{
	background-attachment:fixed;
	background-size:100% 100%;
	background-image:url(bg/digital1.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.bluefader{
	background:#09456A;
}
.bg2{
	background-attachment:fixed;
	background-size:cover;
	background-image:url(elearning.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.titulador{
	font-size: 30px;
}
.description{
	font-size: 18px;
}
.whiter{
	background-color: #FFFFFF;
}


/* ***********************   FONDOS  ************************************* */

/* //////////////////////// introducción \\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.extra{
	width: 96%;
	padding-top: 120px;
	padding-bottom: 120px;
}
.first{
	width: 85%;
	padding-top: 120px;
	padding-bottom: 120px;
}
.first h2{
	font-size: 40px;
}
.first p{
	font-size: 20px;
}
/* //////////////////////// ventajas \\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.second{
	width: 90%;
	padding: 68px 0;
}
.second h3{
	font-size: 30px;
}
.second span{
	font-size: 50px;
}
.second p{
	font-size: 18px;
}
/* //////////////////////// publicaciones \\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.third{
	width: 85%;
	padding: 68px 0;
}
.third h3{
	font-size: 30px;
}
.third p{
	font-size: 18px;
}

/* //////////////////////// artículos \\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.fourth{
	width: 85%;
	padding: 68px 0;
}
.cuarto h3{
	font-size: 30px;
}
.cuarto p{
	font-size: 18px;
}

/* //////////////////////// comunidad \\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.fifth{
	width: 88%;
	padding: 68px 0;
}
/* //////////////////////// acerca de \\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.sixth{
	width: 80%;
	padding: 110px 0;
}
/* //////////////////////// acerca de \\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.seventh{
	width: 96%;
	padding: 110px 0;
}
.imagencenter{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.informer{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: #428BCA;
	color: #FFFFFF;
	font-size: 17px;
	height: 80px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
.pricing{
	font-size: 25px;
	color: #428BCA;
	font-weight: bold;
}


/* ***********************   MEDIA SCREENS  ************************************* */
@media (max-width: 769px){
	.first{
		width: 96%;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.first h2{
		font-size: 30px;
	}
	.first p{
		font-size: 17px;
	}
	.second{
		width: 96%;
		padding: 20px 0;
	}
	.second h3{
		font-size: 25px;
	}
	.second span{
		font-size: 40px;
	}
	.second p{
		font-size: 16px;
	}
	.third{
		width: 96%;
	}
	.third h3{
		font-size: 27px;
	}
	.third p{
		font-size: 18px;
	}
	.fourth{
		width: 96%;
		padding: 68px 0;
	}
	.titulador{
		font-size: 25px;
	}
	.description{
		font-size: 16px;
	}
	.sixth{
		width: 96%;
		padding: 50px 0;
	}
}