
@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*/
.bannerProgramas{
	position: relative;
}
.banner-fluid{
	padding: 0;
}

.programasInfo-p {
	color: #212120;
	font-family: 'Montserrat-Medium';
	font-size: 2.5rem;
	position: relative;
	text-align: center;
}

.programasDescriptionSection{
	background-color: #E5E4E4;
	padding: 70px 0;
}
.programasDescriptionSection-fluid{
	padding: 0;
}
.programasTabContent{
	position: relative;
	padding-top: 50px;
}
.programasTab-p{
	color: #212120;
	font-family: 'Montserrat-Medium';
	font-size: 2.5rem;
	position: relative;
}
.programasTab-h3{
	color: #212120;
	font-family: 'Montserrat-SemiBold';
	font-size: 2.5rem;
	position: relative;
	margin: 5% 0;
}

.programasTab-a{
	color: #fff;
	font-family: 'Montserrat-SemiBold';
	font-size: 2rem;
	font-style: italic;
	text-align: center;		
	border-radius: 15px;
	padding: 2% 4%;	
}
.programasTab-a:hover{
	color: #fff;
}
.programasTabRed{
	background-color:#D70020;
}

.navBordeBotton{
	border-bottom: 3px solid #EAEAEA;
}
.nav-tabs > li > a{
	background-color: #fff;
}
.nav-tabs > li > a.firstElementRadius{
	border-radius: 0px 50px 0px 0;
}
.nav-tabs > li > a.lastElementRadius{
	border-radius: 0 0 30px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	background-color: #F4F4F4 !important;
}
.nav > li > a > img {
	max-width: 100% !important;
}

.programasTab-Desktop{
	display: block;
}
.programasTab-movil{
	display: none;
}
.programasTab-movil-info{
	padding:0 14%;
}
.programasTab-movil-img{
	padding:0 10%;
}
.programasTab-movil-row {
	margin-bottom: 8%;
	border-bottom: 2px solid #CFCFCF;
	padding-bottom: 15%;
}
/* RESPONSIVE */

@media screen and (min-width:280px) and (max-width:599px){
	
	.programasInfo-p{
		font-size: 2rem;
	}
	.programasTab-Desktop{
		display: none;
	}
	.programasTab-movil{
		display: block;
	}
	.programasTab-p{
		font-size: 2rem;
	}
	.programasTab-h3{
		font-size: 2rem;
		text-align: center;
	}
	.programasTab-a{
		font-size: 1.8rem;
		display: block;		
		text-align: center;
	}
	.programasTab-movil-img img{
		margin: auto;
	}
}

@media screen and (min-width:600px) and (max-width:767px){
	.programasInfo-p{
		font-size: 2rem;
	}
	.programasTab-Desktop{
		display: none;
	}
	.programasTab-movil{
		display: block;
	}
	.programasTab-p{
		font-size: 2rem;
		text-align: center;
	}
	.programasTab-h3{
		font-size: 2rem;
		text-align: center;
	}
	.programasTab-a{
		font-size: 1.8rem;
		display: block;		
	}
	.programasTab-movil-img img{
		margin: auto;
	}

}

@media screen and (min-width:768px) and (max-width:1023px){

	.programasInfo-p{
		font-size: 2rem;
	}
	.programasTab-Desktop{
		display: none;
	}
	.programasTab-movil{
		display: block;
	}
	.programasTab-p{
		font-size: 2rem;
		text-align: center;
	}
	.programasTab-h3{
		font-size: 2rem;
		text-align: center;
	}
	.programasTab-a{
		font-size: 1.8rem;
		display: block;		
	}
	.programasTab-movil-img img{
		margin: auto;
	}

}

@media screen and (min-width:1024px) and (max-width:1279px){
	.programasTab-p{
		font-size: 2.2rem;
	}
	.programasTab-h3{
		font-size: 2.2rem;
	}
	.programasTab-a{
		font-size: 1.8rem;
	}
}

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

	.programasTab-p{
		font-size: 2.2rem;
	}
	.programasTab-h3{
		font-size: 2.2rem;
	}
	.programasTab-a{
		font-size: 1.8rem;
	}
	.programasTabContent {
		padding-left: 10%;
	}
}

@media screen and (min-width:1360px) and (max-width:1439px){

	.programasTab-p{
		font-size: 2.2rem;
	}
	.programasTab-h3{
		font-size: 2.2rem;
	}
	.programasTab-a{
		font-size: 1.8rem;
	}
	.programasTabContent {
		padding-left: 10%;
	}

}

@media screen and (min-width:1440px) and (max-width:1599px){

.programasTab-p{
		font-size: 2.2rem;
	}
	.programasTab-h3{
		font-size: 2.2rem;
	}
	.programasTab-a{
		font-size: 1.8rem;
	}
	.programasTabContent {
		padding-left: 10%;
	}

}

@media screen and (min-width:1600px) and (max-width:1679px){


}

@media screen and (min-width:1680px) and (max-width:1919px){


}
