.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("https://educacionenlinea.uic.mx/assets/images/diplomados-home/diplomados-en-linea-universidad-intercontinental.webp") no-repeat top center;
	background-size: cover;
	height: auto;
	padding-bottom: 50px;
}
.no-webp .presentacion {
	background:linear-gradient( rgba(34,34,34,0.90) 100%, rgba(34,34,34,0.90)100%),url("https://educacionenlinea.uic.mx/assets/images/diplomados-home/diplomados-en-linea-universidad-intercontinental.jpg") no-repeat top center;
	background-size: cover;
}
.textopres {
	float: left;
	display: block;
	width: 50%;
	margin: 130px 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;
}
.textopres a {
	float: left;
	display: block;
	text-align: center;
	width: 60%;
	font-size: 0.9em;
	color: white;
	text-decoration: none;
	background: #36945F;
	margin: 40px 0 0 0;
	padding: 15px 0px 15px 0px;
}
@media screen and (min-width: 1365px) {
	.textopres {
		width: 50%;
		margin: 100px 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: 180px 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;
	}
}


/************************/
.comoestudiar {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
}
.bar {
	float: left;
	display: block;
	width: 3%;
	height: 157px;
	margin: 0 0 0 0;
	padding: 20px 0 20px 0;
	background: #36945F;
	text-align: center;
}
.bar h3 {
	font-size: 1.3em;
	line-height: 1.2em;
	color: white;
	margin: 80px 0 0 0;
	padding: 0 0 0 0;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.textobar {
	float: left;
	display: block;
	width: 57%;
	margin: 0 0 0 0;
	padding: 35px 5% 35px 5%;
	background: #FFF;
	border: 1px solid #ececec;
}
.textobar p {
	font-size: 0.95em;
	line-height: 1.4em;
	color: #666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.formulario {
	width: 90%;
	margin: 0 0 0 30px;
	padding: 40px 9% 40px 9%;
	background: #ececec;
}
.formulario h5 {
	color: #36945F;
	font-size: 1.3em;
	margin: 0 0 0 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;
}
.forma iframe {
	width: 100%;
	height: 400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: scroll;
}
@media screen and (min-width: 1199px) {
	.bar {
		width: 5%;
		height: 157px;
		margin: 0 0 0 0;
		padding: 20px 0 20px 0;
	}
	.bar h3 {
		margin: 65px 0 0 0;
		padding: 0 0 0 0;
	}
	.textobar {
		width: 55%;
		height: 157px;
		margin: 0 0 0 0;
		padding: 35px 5% 35px 5%;
	}
}
@media screen and (min-width: 1365px) {
	.bar {
		height: 170px;
		margin: 0 0 0 0;
		padding: 20px 0 20px 0;
	}
	.comoestudiar {
		width: 90%;
		margin: 0 5% 0 5%;
		padding: 0 0 0 0;
	}
	.textobar {
		height: 170px;
		margin: 0 0 0 0;
		padding: 35px 5% 35px 5%;
	}
	.formulario {
		height: 100%;
		margin: 0 0 0 0;
		padding: 48px;
		background: #ececec;
	}
}
@media screen and (min-width: 1799px) {
	.comoestudiar {
		width: 70%;
		margin: -40px 15% 0 15%;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 2000px) {
	.bar h3 {
		font-size: 1.5em;
	}
	.textobar p {
		font-size: 1em;
	}
}
/********************/
.filtro {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #054A2E;
}
.barbusq {
	float: left;
	display: block;
	width: 30%;
	margin: 0 0 0 0;
	padding: 10px 5% 10px 5%;
	background: #054A2E;
	text-align: center;
}
.barbusq p {
	font-size: 1.2em;
	line-height: 1.2em;
	color: white;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
.barbusq p span {
	float: right;
	display: block;
}
.controls {
	float: left;
	display: block;
	width: 70%;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	background: #36945F;
}
.controls button {
	border: none;
	outline: none;
	background: rgba(255,255,255,0.3);
	color: #054A2E;
	font-size: 0.80em;
	margin: 1px 0 1px 0.5%;
	padding: 5px 15px 5px 15px;
	float: left;
	display: block;
	width: 24.3%;
	text-align: left;
}
.controls button.all {
	width: 99%;
	background: rgba(255,255,255,0.6);
}
.mixitup-control-active {
	background: rgba(255,255,255,0.8) !important;
}
@media screen and (min-width: 1365px) {
	.filtro {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.controls button {
		margin: 1px 0 1px 0.3%;
		padding: 5px 15px 5px 15px;
		width: 19.65%;
	}
	.controls button.all {
		width: 99.5%;
	}
}
@media screen and (min-width: 1799px) {
	.filtro {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
}
/***********************/
.diplo {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.containerdip {
	width: 100%;
	margin: 0 0 0 0;
	padding: 30px 3% 30px 3%;
	background: white;
}
.diplomado {
	float: left;
	display: block;
	width: 48%;
	height: 185px;
	margin: 1%;
	padding: 30px 0 0 0;
	border: 1px solid #ececec;
	position: relative;
	text-decoration: none;
}
.diplomado h3 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 0 7% 0 7%;
	color: #36945F;
}
.diplomado p {
	font-size: 0.90em;
	line-height: 1.4em;
	margin: 0 0 0 0;
	padding: 0 7% 25px 7%;
	color: #666;
}
.fechaydur {
	position: absolute;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 7% 10px 7%;
	background: #ececec;
	bottom: 0;
}
.fechaydur p {
	font-size: 0.75em;
	display: inline;
	color: #333;
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
}
.fechaydur p span {
	color: #36945F;
	font-weight: bold;
}


@media screen and (min-width: 1365px) {
	.diplo {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.containerdip {
		width: 100%;
		margin: 0 0 0 0;
		padding: 30px 3% 80px 3%;
		background: white;
	}
}
@media screen and (min-width: 1799px) {
	.diplo {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
}
@media screen and (min-width: 2000px) {
	.diplomado h3 {
		font-size: 1.1em;
	}
	.diplomado p {
		font-size: 1em;
	}
	.fechaydur p {
		font-size: 0.80em;
	}
}
/***********************/
.modeduyuic {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #004A2E;
}
.containermodelo {
	float: left;
	display: block;
	position: relative;
	width: 80%;
	margin: 0 20% 0 0;
	padding: 80px 0 80px 0;
	background: #36945F;
}
.contmodeloe {
	float: left;
	display: block;
	width: 50%;
	margin: 0 0 0 0;
	padding: 0 0 0 10%;
	position: relative;
}
.contmodeloe 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;
	width: 341px;
	right: 0;
	bottom: 0;
	margin: 0 30px -4px 0;
	padding: 0 0 0 0;
}
.fotomodedos img {
	width: 100%;
}
.containeruic {
	float: left;
	display: block;
	width: 80%;
	margin: 0 20% 0 0;
	padding: 90px 0 90px 0;
	background: #FFF;
}
.uic {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 10% 0 10%;
	background: #FFF;
}
.sobrela {
	float: left;
	display: block;
	width: 80%;
	margin: 0 0 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: 45%;
	height: 120px;
	margin: 0 5% 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: 40%;
	margin: 0 60% 0 0;
	padding: 12px 0 12px 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: 1365px) {
	.modeduyuic {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.containermodelo {
		width: 70%;
		margin: 0 30% 0 0;
		padding: 80px 0 80px 0;
		background: #36945F;
	}
	.containeruic {
		width: 70%;
		margin: 0 30% 0 0;
		padding: 90px 0 90px 0;
	}	
}
@media screen and (min-width: 1799px) {
	.modeduyuic {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}	
}
@media screen and (min-width: 2000px) {
	.contmodeloe h4 {
		font-size: 2em;
	}
	.uvptext h5 {
		font-size: 1.3em;
	}
	.uvptext p {
		font-size: 1em;
	}
	.sobrela h3{
		font-size: 2em;
	}
	.sobrela p {
		font-size: 1em;
	}
	.sobrelauniv h5 {
		font-size: 1.3em;
	}
	.sobrelauniv p {
		font-size: 1em;
	}
	.ctauniv {
		font-size: 1.1em;
	}
}
/*********SECCIÓN EMPRESAS**************/
.empresas {
	width: 100%;
	margin: 1px 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #ececec;
}
.espacioverde {
	display: none;
}
.contempresas {
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	background: #fff;
	border: none;
	border-bottom: 1px solid rgba(236, 236, 236, 0.3);
}
.textemp {
	float: left;
	display: block;
	width: 60%;
	margin: 0 0 0 0;
	padding: 25px 7% 30px 7%;
	background: white;
}
.textemp h5 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	color: #36945F;
}
.textemp p {
	font-size: 0.90em;
	line-height: 1.4em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #666;
}
.ctaemp {
	/*float: left;
	display: block;
	width: 28%;
	background: #36945F;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 12px 0 12px 0;*/
	margin: 0 0 0 0;
	width:30%;
	float: left;
	display: block;
	height: 100%;
	color: #36945F;
	font-size:28px;
    
}
.ctaemp a {
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	color: white;
}
@media screen and (min-width: 1365px) {
	.empresas {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.textemp {
		margin: 0 0 0 0;
		padding: 25px 7% 25px 7%;
		background: white;
	}
}
@media screen and (min-width: 1499px) {
	.textemp {
		margin: 0 0 0 0;
		padding: 25px 10% 25px 10%;
		background: white;
		width:62%;
	}
}
@media screen and (min-width: 1799px) {
	.empresas {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
}