.presentacion {
	width: 100%;
	height: 620px;
	margin: 0 0 0 0;
	padding: 0 10% 0 10%;
}
.webp .presentacion {
	background:linear-gradient( rgba(34,34,34,0.90) 100%, rgba(34,34,34,0.90)100%),url("../images/home/programas-en-linea-universidad-intercontinental.webp") no-repeat top center;
	background-size: cover;
}
.no-webp .presentacion {
	background:linear-gradient( rgba(34,34,34,0.90) 100%, rgba(34,34,34,0.90)100%),url("../images/home/programas-en-linea-universidad-intercontinental.jpg") no-repeat top center;
	background-size: cover;
}
.textopres {
	float: left;
	display: block;
	width: 70%;
	margin: 210px 0 0 0;
	padding: 0 0 0 0;
}
.textopres h2 {
	font-size: 2em;
	color: #36945F;
	line-height: 1.1em;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
.textopres h1 {
	font-size: 2em;
	color: #fff;
	line-height: 1.1em;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
.textopres p {
	font-size: 1em;
	color: #fff;
	line-height: 1.5em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.break {
	display: none;
}
@media screen and (min-width: 1365px) {
	.textopres {
		width: 50%;
		margin: 180px 0 0 0;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 1199px) {
	body {
		background: #222;
	}
}
@media screen and (min-width: 1799px) {
	.presentacion {
		height: 700px;
		padding: 0 15% 0 15%;
	}
	.textopres {
		width: 40%;
		margin: 210px 0 0 0;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 2000px) {
	.textopres {
		width: 50%;
		margin: 220px 0 0 0;
		padding: 0 0 0 0;
	}
	.textopres h2 {
		font-size: 2.5em;
	}
	.textopres h1 {
		font-size: 2.5em;
	}
	.textopres p {
		font-size: 1.2em;
	}
}
/************************/
.ofertaedu {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #36945F;
}
div.bar {
	float: left;
	display: block;
	width: 3%;
	margin: 0 0 0 0;
	padding: 20px 0 20px 0;
}
.cuadrooferta {
	float: left;
	display: block;
	width: 32.33333333%;
	margin: 0 0 0 0;
	padding: 30px 35px 30px 35px;
	background: white;
	height: 170px;
	text-decoration: none;
	border: 1px solid rgba(0,0,0,0.1);
}
.cuadrooferta h3 {
	font-size: 1.2em;
	color: #36945F;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}
.cuadrooferta p {
	font-size: 0.85em;
	color: #666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
}
@media screen and (min-width: 1199px) {
	div.bar {
		width: 5%;
		margin: 0 0 0 0;
		padding: 20px 0 20px 0;
	}
	.cuadrooferta {
		width: 31.666666%;
		margin: 0 0 0 0;
		padding: 35px 40px 35px 40px;
	}
}
@media screen and (min-width: 1365px) {
	.ofertaedu {
		width: 90%;
		margin: -40px 5% 0 5%;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 1499px) {
	.ofertaedu {
		width: 80%;
		margin: -40px 10% 0 10%;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 1799px) {
	.ofertaedu {
		width: 70%;
		margin: -40px 15% 0 15%;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 2000px) {
	div.bar {
		height: 190px;
	}
	.cuadrooferta {
		padding: 35px 50px 35px 50px;
		height: 190px;
	}
	.cuadrooferta h3 {
		font-size: 1.5em;
		margin: 0 0 8px 0;
	}
	.cuadrooferta p {
		font-size: 1.05em;
	}
}
/************************/
.modeloe {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #36945F;
	position: relative;
	overflow: hidden;
}
.verdemod {
	float: left;
	display: block;
	width: 3%;
	height: 540px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #004A2E;
}
.contmodeloe {
	float: left;
	display: block;
	width: 50%;
	margin: 0 0 0 0;
	padding: 70px 0 60px 10%;
}
.modeloe h4 {
	font-size: 1.7em;
	color: #054A2E;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
}
.uvptext {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
}
.uvptext h5 {
	font-size: 1.1em;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
}
.uvptext p {
	font-size: 0.9em;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
}
.fotomodedos {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33%;
	margin: 0 50px -5px 0;
	padding: 0 0 0 0;
}
.fotomodedos img {
	width: 100%;
}
@media screen and (min-width: 1199px) {
	.verdemod {
		width: 5%;
		height: 550px;
	}
	.contmodeloe {
		width: 45%;
		margin: 0 0 0 0;
		padding: 80px 0 60px 10%;
	}
	.fotomodedos {
		width: 350px;
		margin: 0 80px -5px 0;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 1365px) {
	.modeloe {
		width: 90%;
		margin: 0 5% 0 5%;
	}
}
@media screen and (min-width: 1499px) {
	.modeloe {
		width: 80%;
		margin: 0 10% 0 10%;
	}
}
@media screen and (min-width: 1799px) {
	.modeloe {
		width: 70%;
		margin: 0 15% 0 15%;
	}
}
@media screen and (min-width: 2000px) {
	.verdemod {
		height: 580px;
	}
	.contmodeloe {
		width: 45%;
		margin: 0 0 0 0;
		padding: 80px 0 60px 10%;
	}
	.modeloe h4 {
		font-size: 2em;
		margin: 0 0 30px 0;
	}
	.uvptext h5 {
		font-size: 1.3em;
		margin: 0 0 10px 0;
	}
	.uvptext p {
		font-size: 1em;
	}
	.fotomodedos {
		width: 380px;
		margin: 0 100px -5px 0;
		padding: 0 0 0 0;
	}
}
/************************/
.formayuic {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #ececec;
}
.formulario {
	float: left;
	display: block;
	width: 40%;
	margin: 0 0 0 0;
	padding: 60px 5% 60px 5%;
}
.formulario h5 {
	color: #36945F;
	font-size: 1.3em;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
}
.formulario h5 span {
	color: #666;
	font-size: 0.9em;
}
.forma {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.uic {
	float: left;
	display: block;
	width: 60%;
	margin: 0 0 0 0;
	padding: 80px 7% 100px 7%;
	background: #FFF;
}
.sobrela {
	float: left;
	display: block;
	width: 90%;
	margin: 0 10% 40px 0;
	padding: 0 0 0 0;
}
.sobrela h3{
	font-size: 1.7em;
	color: #0A6342;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
}
.sobrela p {
	font-size: 0.9em;
	color: #666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
}
.sobrelauniv {
	float: left;
	display: block;
	width: 70%;
	margin: 0 30% 30px 0;
	padding: 0 0 0 0;
}
.sobrelauniv h5 {
	color: #36945F;
	font-size: 1em;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
}
.sobrelauniv p {
	color: #666;
	font-size: 0.9em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
}
.ctauniv {
	float: left;
	display: block;
	width: 60%;
	margin: 20px 40% 0 0;
	padding: 13px 0 13px 0;
	border: 2px solid #36945F;
	color: #36945F;
	font-size: 1em;
	text-decoration: none;
	line-height: 1.2em;
	text-align: center;
}
@media screen and (min-width: 1199px) {
	.formulario {
		width: 35%;
		margin: 0 0 0 0;
		padding: 70px 4% 70px 4%;
	}
	.uic {
		width: 65%;
		margin: 0 0 0 0;
		padding: 80px 6% 100px 6%;
	}
	.sobrela {
		width: 80%;
		margin: 0 20% 40px 0;
		padding: 0 0 0 0;
	}
	.sobrelauniv {
		width: 43%;
		height: 130px;
		margin: 0 7% 30px 0;
	}
	.ctauniv {
		width: 50%;
		margin: 10px 50% 0 0;
		padding: 12px 0 12px 0;
		font-size: 1.1em;
	}
}
@media screen and (min-width: 1365px) {
	.formayuic {
		width: 90%;
		margin: 0 5% 0 5%;
	}
}
@media screen and (min-width: 1499px) {
	.formayuic {
		width: 80%;
		margin: 0 10% 0 10%;
	}
}
@media screen and (min-width: 1799px) {
	.formayuic {
		width: 70%;
		margin: 0 15% 0 15%;
	}
}
@media screen and (min-width: 2000px) {
	 .formulario h5 {
		font-size: 1.7em;
		margin: 0 0 30px 0;
	}
	.formulario h5 span {
		font-size: 1em;
	}
	.formulario {
		padding: 80px 4% 80px 4%;
	}
	.uic {
		padding: 80px 7% 110px 7%;
		background: #FFF;
	}
	.sobrela h3{
		font-size: 2em;
	}
	.sobrela p {
		font-size: 1em;
	}
	.sobrelauniv h5 {
		font-size: 1.2em;
	}
	.sobrelauniv p {
		font-size: 1em;
	}
	.ctauniv {
		width: 50%;
		margin: 20px 60% 0 0;
		padding: 13px 0 13px 0;
		font-size: 1.3em;
	}
}
















