
@font-face {
  font-family: 'Montserrat-Light';
  src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Montserrat-Light.woff') format('woff'), 
	   url('../fonts/Montserrat-Light.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Montserrat-Regular.woff') format('woff'), 
	   url('../fonts/Montserrat-Regular.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Medium';
	src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/Montserrat-Medium.otf')  format('opentype'),
		url('../fonts/Montserrat-Medium.woff') format('woff'), 
		url('../fonts/Montserrat-Medium.ttf')  format('truetype'),
		url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Montserrat-SemiBold.woff') format('woff'), 
	   url('../fonts/Montserrat-SemiBold.ttf')  format('truetype'), 
	   url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  
		url('../fonts/Montserrat-Bold.otf')  format('opentype'),
		url('../fonts/Montserrat-Bold.woff') format('woff'), 
		url('../fonts/Montserrat-Bold.ttf')  format('truetype'), 
		url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'Montserrat-ExtraBold';
	src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/Montserrat-ExtraBold.otf')  format('opentype'),
	url('../fonts/Montserrat-ExtraBold.woff') format('woff'), 
	url('../fonts/Montserrat-ExtraBold.ttf')  format('truetype'), 
	url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  
/*BANNER*/
.banner{
	background-color: #212120;
	padding:120px 0;
	text-align: center;
}
.banner-fluid{
	padding: 0;
}

.organizacionesaliadas{
	background-color: #F9F9F9;
	padding: 70px 0 70px;
}

.organizacionesaliadas-h2{
	color: #212120;
	font-family: 'Montserrat-ExtraBold';
	font-size: 6rem;
	padding-bottom: 1%;
	text-align: center;
}

.bannerspaceRed{
	width: 90%;
	left: 5%;
	position: relative;
	background-color: #D70020;
	height: 3px;
}
.info{
	background-color: #fff;
	padding: 70px 0;
}
.info-p{
	color: #212120;
	font-family: 'Montserrat-Medium';
	font-size: 3rem;
	position: relative;
	text-align: center;
}

.programas{
	background-color: #fff;
	padding:0 0 70px;
}

.programas-fluid{
	padding-left: 120px;
	padding-right: 120px;
}

.programasContent{
	width: 31%;
	border:2px solid;
	border-radius: 30px;
	padding: 0%;
	margin: 0 1% 2%;
}
.programasContent-h2{
	font-family: 'Montserrat-ExtraBold';
	font-size: 4.5rem;
	text-align: center;
	padding-top: 9%;
}
.programasContent-p{
	color: #212120;
	font-family: 'Montserrat-Medium';
	font-size: 2.5rem;
	position: relative;
	text-align: left;
	padding: 5% 10% 10%;
	line-height: 120%;
	height: 350px;
}
.programasContent-a{
	color: #fff;
	font-family: 'Montserrat-SemiBold';
	font-size: 2.7rem;
	font-style: italic;
	text-align: center;
	width: 100%;
	position: relative;
	display: block;
	border-radius: 0 0 20px 20px;
	padding: 4%;	
}
.programasContent-a:hover{
	color: #fff;
}
.programasContentEscalinamiento{
	border-color:#FF5733;
}
.programasContentEscalinamiento h2{
	color:#FF5733;
}
.programasContentEscalinamiento a{
	background-color: #FF5733;
}
.programasContentRutaF{
	border-color:#FF9C33;
}
.programasContentRutaF h2{
	color:#FF9C33;
}
.programasContentRutaF a{
	background-color: #FF9C33;
}

.programasContentFortalecimiento{
	border-color:#C90039;
}
.programasContentFortalecimiento h2{
	color:#C90039;
}
.programasContentFortalecimiento a{
	background-color: #C90039;
}

.programasContentInnovacion{
	border-color:#1F6FC6;
}
.programasContentInnovacion h2{
	color:#1F6FC6;
}
.programasContentInnovacion a{
	background-color: #1F6FC6;
}

.programasContentInter{
	border-color:#FF5733;
}
.programasContentInter h2{
	color:#FF5733;
	padding-top: 15%;
	padding-bottom: 4%;
}
.programasContentInter a{
	background-color: #FF5733;
}

.programasContentCluster{
	border-color:#910D3F;
}
.programasContentCluster h2{
	color:#910D3F;
	padding-top: 15%;
	padding-bottom: 4%;
}
.programasContentCluster a{
	background-color: #910D3F;
}
.programasContentEventosEmpre{
	border-color:#2F297D;
}
.programasContentEventosEmpre h2{
	color:#2F297D;
}
.programasContentEventosEmpre a{
	background-color: #2F297D;
}

.infop-desktop{
	display: block;
}
.infop-movil{
	display: none;
}

/* RESPONSIVE */

@media screen and (min-width:280px) and (max-width:599px){
	/*BANNER*/
	.banner{
		padding: 50px;
	}
	.organizacionesaliadas-h2{
		font-size: 2rem;
	}
	/**/
	.programas-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
	.info-p{
		font-size: 2.1rem;
	}
	.programasContent-h2{
		font-size: 3rem;
	}
	.programasContentInter h2 {
		padding-top: 9%;
		padding-bottom: 0;
		font-size: 2.5rem;
	}
	.programasContentCluster h2{
		padding-top: 9%;
		padding-bottom: 0;
	}
	.programasContent-a{
		font-size: 1.8rem;
	}
	.programasContent-p{
		font-size: 1.8rem;
		height: auto;
	}	
	.programasContent{
		width: 100%;
		height: auto;
		margin-bottom: 5%;
	}
	.infop-desktop{
		display: none;
	}
	.infop-movil{
		display: block;
	}

}

@media screen and (min-width:600px) and (max-width:767px){
	/*BANNER*/
	.banner{
		padding: 50px 120px;
	}
	.organizacionesaliadas-h2{
		font-size: 2rem;
	}
	/**/
	.programas-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	.info-p{
		font-size: 2.1rem;
	}
	.programasContent-h2{
		font-size: 3rem;
	}
	.programasContentInter h2 {
		padding-top: 9%;
		padding-bottom: 0;
	}
	.programasContentCluster h2{
		padding-top: 9%;
		padding-bottom: 0;
	}
	.programasContent-a{
		font-size: 1.8rem;
	}
	.programasContent-p{
		font-size: 1.8rem;
		height: auto;
	}	
	.programasContent{
		width: 100%;
		height: auto;
		margin-bottom: 5%;
	}
	.infop-desktop{
		display: none;
	}
	.infop-movil{
		display: block;
	}

}

@media screen and (min-width:768px) and (max-width:1023px){
	/*BANNER*/
	.banner{
		padding: 45px 220px;
	}
	.organizacionesaliadas-h2{
		font-size: 2.5rem;
	}

	
	/**/
	.programas-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	.info-p{
		font-size: 2.1rem;
	}
	.programasContent-h2{
		font-size: 3rem;
	}
	.programasContentInter h2{
		font-size: 2.3rem !important;
		padding-top: 9%;
	}
	.programasContent-a{
		font-size: 1.8rem;
	}
	.programasContent-p{
		font-size: 1.8rem;
		height: 300px;
	}	
	.programasContent{
		width: 48%;
		height: 455px;
		margin-bottom: 5%;
	}
	.infop-desktop{
		display: none;
	}
	.infop-movil{
		display: block;
	}

}

@media screen and (min-width:1024px) and (max-width:1279px){
	/*BANNER*/
	.banner{
		padding: 45px 290px;
	}
	.organizacionesaliadas-h2{
		font-size: 3.5rem;
	}

	/**/
	.programas-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	.info-p{
		font-size: 2.1rem;
	}
	.programasContent-h2{
		font-size: 3rem;
	}
	.programasContentInter h2{
		font-size: 2.3rem !important;
	}
	.programasContent-a{
		font-size: 1.8rem;
	}
	.programasContent-p{
		font-size: 1.8rem;
		height: 300px;
	}	

}

@media screen and (min-width:1280px) and (max-width:1359px){

	/*BANNER*/
	.banner{
		padding: 73px 368px;
	}
	.organizacionesaliadas-h2{
		font-size: 3.5rem;
	}
	/**/
	.programas-fluid {
		padding-left: 70px;
		padding-right: 70px;
	}
	.info-p{
		font-size: 2.1rem;
	}
	.programasContent-h2{
		font-size: 3rem;
	}
	.programasContentInter h2{
		font-size: 2.8rem !important;
	}
	.programasContent-a{
		font-size: 1.8rem;
	}
	.programasContent-p{
		font-size: 1.8rem;
		height: 300px;
	}	

}

@media screen and (min-width:1360px) and (max-width:1439px){
	/*BANNER*/
	.banner{
		padding: 80px 392px;
	}
	.organizacionesaliadas-h2{
		font-size: 3.5rem;
	}
	/**/
	.programas-fluid {
		padding-left: 77px;
		padding-right: 77px;
	}
	.info-p{
		font-size: 2.3rem;
	}
	.programasContent-h2{
		font-size: 3.2rem;
	}
	.programasContentInter h2{
		font-size: 3rem !important;
	}
	.programasContent-a{
		font-size: 2rem;
	}
	.programasContent-p{
		font-size: 2rem;
		height: 300px;
	}	
}

@media screen and (min-width:1440px) and (max-width:1599px){
	/*BANNER*/
	.banner{
		padding: 95px 414px;
	}
	.organizacionesaliadas-h2{
		font-size: 4.5rem;
	}

	/**/
	.programas-fluid {
		padding-left: 77px;
		padding-right: 77px;
	}
	.info-p{
		font-size: 2.5rem;
	}
	.programasContent-h2{
		font-size: 3.5rem;
	}
	.programasContentInter h2{
		font-size: 3.2rem !important;
	}
	.programasContent-a{
		font-size: 2.2rem;
	}
	.programasContent-p{
		font-size: 2.2rem;
	}	

}

@media screen and (min-width:1600px) and (max-width:1679px){
	/*BANNER*/	
	.banner{
		padding: 95px 460px;
	}
	.organizacionesaliadas-h2{
		font-size: 4.5rem;
	}
	/**/
	.programasContent-h2{
		font-size: 4rem;
	}
	.programasContentInter h2{
		font-size: 3.5rem !important;
	}
	.programasContent-a{
		font-size: 2.3rem;
	}
	.programasContent-p{
		font-size: 2.3rem;
	}	

}

@media screen and (min-width:1680px) and (max-width:1919px){
	/*BANNER*/	
	.banner{
		padding: 95px 460px;
	}
	.organizacionesaliadas-h2{
		font-size: 4.5rem;
	}
	/**/
	.programasContent-h2{
		font-size: 4rem;
	}
	.programasContentInter h2{
		font-size: 3.5rem !important;
	}
	.programasContent-a{
		font-size: 2.5rem;
	}

}
