#siteContent {
	width: 100%;
}
#siteMainContainer {
	width: 100%;
}
section.featuredVideos{
	height: 540px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.25, rgb(0, 0, 0)),color-stop(1, rgb(51, 51, 51)));
	background-image: -o-linear-gradient(bottom, rgb(0, 0, 0) 25%, rgb(51, 51, 51) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0, 0, 0) 25%, rgb(51, 51, 51) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 25%, rgb(51, 51, 51) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0, 0, 0) 25%, rgb(51, 51, 51) 100%);
	background-image: linear-gradient(to bottom, rgb(0, 0, 0) 25%, rgb(51, 51, 51) 100%);
	position: relative;
}

section.featuredVideos > div > div.nav-frame.cf > div > div > ul > li > div > a{
	font: bold 1.05rem 'roboto condensed';
	white-space: normal;
	color: #fff;
	display: block;
}
section.featuredVideos > div{
	height: 100%;
	max-width: 1140px;
	margin: auto;	
	position:relative;
}
section.featuredVideos > div > .widget-title {
	font: 200 24px 'Roboto Condensed';
	color: #fff;
	display: block;
	text-transform: uppercase;
	position: relative;
}
section.featuredVideos > div > .widget-title:after {
	border-bottom: 1px solid #c51111;
	content: "";
	display: block;
	position: relative;
	margin: -15px 100px 15px 126px;
}
section.featuredVideos div.element_viewable figure {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}
section.featuredVideos div.element_viewable img {
	display: block;
	height: 100%;
	width: 100%;
}
section.featuredVideos div.element_viewable .thumbnail:after {
	background: url("/images/Video.svg") no-repeat;
	background-color: rgba(0,0,0,0.2);
	background-position: -5px -5px;
	background-size: 190px;
	display: inline-block;
	content:"";
	position: absolute;
	width: 180px;
	height: 180px;
	top: 39.9%;
	margin-top: -90px;
	left: 50%;
	margin-left: -90px;
	border-radius: 49%;
}
section.featuredVideos div.element_viewable .info-video {
	z-index: 9;
	position: absolute;	
	bottom: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	padding: 15px 15px 15px 23px;
	display: inline-block;
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0)),to(rgba(0,0,0,0.8)));
	background-image: -moz-linear-gradient(rgba(50, 50, 50, 0) 0%, rgba(0, 0, 0, 0.8) 70%);		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#99101010);					
	/* IE8 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#99101010);
	background-image: -ms-linear-gradient(rgba(50, 50, 50, 0) 0%, rgba(0, 0, 0, 0.8) 70%);
	background-image: linear-gradient(rgba(50, 50, 50, 0) 0%, rgba(0, 0, 0, 0.8) 70%);
	pointer-events: none;	
}
section.featuredVideos div.element_viewable > div > .article-type,
section.featuredVideos ul li > div > .article-type{
	font: 14px 'roboto';
	font-weight: 800;
	text-transform:uppercase;
	background: #c51111;
	padding: 0px 5px;
	display: inline;
}
section.featuredVideos div.element_viewable > div > h2{
	font: bold 24px 'roboto condensed';
	line-height: 28px;
	padding:0;
}
section.featuredVideos div.element_viewable > div > .description {
	font: 14px 'arial';
	padding: 4px 0;
}
section.featuredVideos #more-videos{
	font: bold 14px 'Roboto Condensed';
	color: #f1f4f7;
	position: absolute;
	right: 0px;
	top: 7px;
}
section.featuredVideos #more-videos:after{
	content: "";
	display: inline-block;
	background: url('/images/FlechaAvisos.svg') no-repeat;
	background-size: 12px;
	width: 12px;
	height: 12px;
	position: relative;
	top: 1px;
	margin-left: 4px;
}
section.featuredVideos p.time,
section.featuredVideos p.comments{		
	display: inline-block;
	margin-right: 12px;
	color: #FFFFFF;
}
section.featuredVideos p.time time{
	color: inherit;
}
section.featuredVideos ul li > div > div > a{
	display: none;	
}
section.featuredVideos p.comments{
	pointer-events: initial;
}
section.featuredVideos p.episode{
	color: #B7B8BB;
	display: inline-block;
	font-size: .75rem;
}
section.featuredVideos div.element_viewable > div > div > p.time,
section.featuredVideos div.element_viewable > div > div > a > p.comments{
	font: 12px 'arial';
}
section.featuredVideos p.time:before{
	background: url("/images/TiempoRojo.svg");
	width: 17px;
	height: 17px;
	content: "";
	vertical-align: bottom;
	background-size: cover;
	display: inline-block;
	margin-bottom: -1px;
	margin-right: 2px;
}
section.featuredVideos p.comments:before{
	background: url("/images/NumComments.svg");
	width: 17px;
	height: 17px;
	content: "";
	vertical-align: middle;
	background-size: cover;
	margin: 0 3px 0 0;
	display: inline-block;
}
section.featuredVideos div.element_viewable {
	background-color: #000;
	display: inline-block;
	height: 468px;
	margin-right: 6px;
	position: relative;
	width: 828px;
}
section.featuredVideos ul{
	width: 300px;
	height: 468px;	
	display: inline-block;
	vertical-align: top;
	float: right;
	margin-top: 2px;	
}
section.featuredVideos ul li {
	height: 113px;
	padding: 4px 4px 0;
	position:relative;
	width: 100%;
}
section.featuredVideos ul li.active {
	background-color: #2a2a2a;
}
section.featuredVideos ul li .image{
	background-size: cover;
	background-position: center;
	width: 100px;
	height: 100px;
	position: relative;
	border-radius: 50%;
	float: left;
}
section.featuredVideos ul li > div{
	z-index: 1;
	position: relative;
	float: right;
	bottom: 0;
	width: 65%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 0px 5px 13px;
	display: inline-block;
	color: #fff;	
}
section.featuredVideos ul li > div > .article-type{
	font: bold 12px 'Titillium web';
	padding: 0px 5px;
}
section.featuredVideos ul li > div > h2{
	font: bold 1rem 'roboto condensed';
	white-space: normal;
	margin-right: 50px;
}
section.featuredVideos ul li > div > div p{
	font-size: 12px;
}
section.featuredVideos ul li > div > div > p.time:before{
	width: 16px;
	height: 16px;
	margin-bottom: -2px;
}
section.featuredVideos ul li > div > div > p.comments:before{
	width: 16px;
	height: 16px;
}
section.featuredVideos div.nav-frame {
	display: inline-block;	
	width: 300px;
}
section.featuredVideos .element_viewable > .embedVideo{
	height: 100% ; 
	width: 100%;   
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
}
section.featuredVideos .element_viewable > .embedVideo img {
	pointer-events: none;
}
section.featuredVideos .link_video {
	color: #B7B8BB;
	font-family: "Roboto Condensed";
	font-size: 16px;
}
section.featuredVideos .link_video.inside {
	bottom: -28px;
	position: absolute;
	right: 0;
}
section.featuredVideos .link_video.outer {
	display: none;
}
section.featuredVideos .link_video:hover {
	color: #c51111;
}
section.featuredVideos .link_video:after {
	content: ">";
	display: inline-block;
	font-family: "Roboto Condensed";
	height: 16px;
	margin-left: 4px;
	width: 10px;
}
#video {
    position: absolute !important;
    left: 0;
    top: 0;
    min-width: 100%;
}

@media screen and (max-width : 1155px){
	section.featuredVideos {
		height: auto;
	}
	section.featuredVideos > div {
		width: 913px;
		display: block;
		margin: 0 auto;
	}
	section.featuredVideos div.element_viewable {
		margin-right: 0;
		box-sizing: border-box;
		width: 100%;
	}
	section.featuredVideos div.nav-frame {
		width: 100%;
	}
	section.featuredVideos div.list-frame {
		overflow: hidden;
		width: 913px;
		height: 128px;
		position: relative;
		margin: 0 auto;
		display: block;
	}
	section.featuredVideos div.list-frame > div{
		position: absolute;
		width: 100%;
		height: auto;
	}
	section.featuredVideos ul {
		width: auto;
		height: auto;
		display: block;
		float: none;
		font-size:0;
		white-space: nowrap;
		position: relative;
	}
	section.featuredVideos ul li{
		display: inline-block;
		height: auto;
		margin-right: 3px;
		padding: 4px 4px 2px;
		width: 226px;
	}
	section.featuredVideos ul li.active {
		box-shadow: inset 0px 0px 10px 4px #c51111;
	}
	section.featuredVideos ul li figure{
		position: relative;
	}

	section.featuredVideos ul li figure a:after{
		display: block;
		width: 100%;
		height: 100%;
		content: "";
		z-index: 0;
		pointer-events: none;
		bottom: 0;
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0, 0, 0, 0.6) 80%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0)), color-stop(80%,rgba(0,0,0,0.6)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0, 0, 0, 0.6) 80%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0, 0, 0, 0.6) 80%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0, 0, 0, 0.6) 80%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0, 0, 0, 0.6) 80%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0, 0, 0, 0.6) 80%);
		/*linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0, 0, 0, 0.73) 80%)*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
	}	
	section.featuredVideos ul li .image{
		width: 100%;
		height: 117px;
		display: block;
		padding: 0;
		float: none;
		border-radius: inherit;
	}
	section.featuredVideos ul li > div{
		float: none;
		position: absolute;
		width: 100%;
		padding: 5px 5px 5px 13px;
	}
	section.featuredVideos ul li > div > .article-type {
		font: bold 14px 'Titillium Web';
		padding: 0px 12px;
	}
	section.featuredVideos ul li > div > h2 {
		font-size: 18px;
		margin-right: 0;
	}
	section.featuredVideos ul li > div > div > a{
		display: inline-block;	
	}
	section.featuredVideos ul li a.video_play_image{
		bottom: initial;
		display: inline-block;
		top: 8px;
		right: 8px;
	}
	section.featuredVideos .link_video.inside {
		display: none;
	}
	section.featuredVideos .link_video.outer {
		display: block;
		padding: 10px 14px 20px 0;
		text-align: right;
	}
}

@media screen and (max-width : 958px){
	section.featuredVideos > div {
		width: auto;
		height: auto;
	}
	section.featuredVideos div.list-frame {
		width: 88.83116883%;
		float: left;
		height: 0;
		padding-bottom: 18%;
		margin: 0;
	}
	section.featuredVideos ul li{
		width: 33.0409%;
		display: inline-block;
		margin-right: 0.438596%;
	}
	section.featuredVideos ul li .image{
		height: 100%;
		height: 0;
		padding-bottom: 56.2%;
	}
	/* Flechas */
		section.featuredVideos div.nav-frame > a:after{
			width: 1.125rem;
			content: "";
			height: 3.125rem;
			display: block;
			position: absolute;				
		}
		section.featuredVideos div.nav-frame > a.next{
			margin-left: 2.5974026%;
			margin-right: 0.3896104%;
		}
			section.featuredVideos div.nav-frame > a.next:after{
				background-image: url('/images/rightarrow.svg');
				background-repeat: no-repeat;
				background-position: -1.1875rem 0;
				background-size: 3.5rem;
			}
			section.featuredVideos div.nav-frame > a.next.light:after{
				opacity: 0.2;
			}
		section.featuredVideos div.nav-frame > a.previous{
			margin-right: 2.5974026%;
			margin-left: 0.3896104%;				
		}			
			section.featuredVideos div.nav-frame > a.previous:after{
				background-image: url('/images/leftarrow.svg');
				background-repeat: no-repeat;
				background-position: -1.1875rem 0;
				background-size: 3.5rem;
			}
			section.featuredVideos div.nav-frame > a.previous.light:after{
				opacity: 0.2;
			}			
		section.featuredVideos div.nav-frame > a {
			display: inline-block;
			float: left;
			height: 3.3125rem;;
			position: relative;		
	    	width: 1.125rem;
	    	top: 2.125rem;
		}
}
/* Cambios de margen para las flechas */
@media screen and (max-width : 740px){
	section.featuredVideos div.nav-frame > a.previous{		
		margin-left: 0.8896104%;
		margin-right: 2.0974026%;
	}
	section.featuredVideos div.nav-frame > a.next{
		margin-left: 2.0974026%;
		margin-right: 0.3896104%;
	}
}
@media screen and (max-width : 680px){
	section.featuredVideos div.nav-frame > a.previous{		
		margin-left: 1.2396104%;
		margin-right: 1.7474026%;
	}
	section.featuredVideos div.nav-frame > a.next{
		margin-left: 1.7474026%;
		margin-right: 0.3896104%;
	}	
}
/**/
@media screen and (max-width : 700px){
	section.featuredVideos div.list-frame{
		padding-bottom: 26%;
	}
	section.featuredVideos ul li {
		vertical-align: top;
		width: 49.79%;
	}
}
/* Cambios de tamaño para boton de play */
@media screen and (max-width : 825px) and (min-width : 641px),
	   screen and (max-width : 600px){
	section.featuredVideos div.element_viewable a#video_play{
		width: 170px;
		height: 170px;
		background-size: 180px;
		margin-top: -85px;
		margin-left: -85px;
	}
}
@media screen and (max-width : 785px) and (min-width : 641px),
	   screen and (max-width : 540px){
	section.featuredVideos div.element_viewable a#video_play{
		width: 160px;
		height: 160px;
		background-size: 170px;
		margin-top: -80px;
		margin-left: -80px;
	}
}
@media screen and (max-width : 745px) and (min-width : 641px),
	   screen and (max-width : 500px){
	section.featuredVideos div.element_viewable a#video_play{
		width: 150px;
		height: 150px;
		background-size: 160px;
		margin-top: -75px;
		margin-left: -75px;
	}
}
@media screen and (max-width : 705px) and (min-width : 641px),
	   screen and (max-width : 460px){
	section.featuredVideos div.element_viewable a#video_play{
		width: 140px;
		height: 140px;
		background-size: 150px;
		margin-top: -70px;
		margin-left: -70px;
	}
}
@media screen and (max-width : 665px) and (min-width : 641px),
	   screen and (max-width : 420px){
	section.featuredVideos div.element_viewable a#video_play{
		width: 130px;
		height: 130px;
		background-size: 140px;
		margin-top: -65px;
		margin-left: -65px;
	}
}
/* Móvil */
@media screen and (max-width : 640px){
	section.featuredVideos > div {
		margin: 0;
	}
	section.featuredVideos > div > .widget-title {
		padding: 0 10px;
	}
	section.featuredVideos > div > .widget-title:after{
		margin-right: 0;
	}
	section.featuredVideos #more-videos{
		right: 10px;
		display: none;
	}
	section.featuredVideos div.element_viewable {
		background-image: -webkit-linear-gradient(#020202,#212121);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#020202', endColorstr='#212121');
		background-image: linear-gradient(#020202,#212121);
		height: 400px;
	}
	section.featuredVideos div.element_viewable a#video_play{
		top: 50%;
	}
	section.featuredVideos div.list-frame > div {
		position: relative;
	}
	section.featuredVideos div.list-frame {
		width: 100%;
		height: auto;
		padding-bottom: 0;
	}
	section.featuredVideos ul{
		margin-top: 0;
	}
	section.featuredVideos ul li{
		display: block;
		width: 100%;
		width: auto;
		margin: 0;
		padding: 32px 10px;
		background-image: -webkit-linear-gradient(#181818,#252525);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181818', endColorstr='#252525');
		background-image: linear-gradient(#181818,#252525);
	}
	section.featuredVideos ul li figure{
		display: inline-block;
		width: 96px;
		margin-right: 15px;
	}
	section.featuredVideos ul li .image{
		background-size: cover;
		background-position: center;
		width: 96px;
		height: 96px;
		position: relative;
		border-radius: 50%;
		float: left;
		padding: 0;		
	}
	section.featuredVideos ul li figure a:after{
		display: none;
	}
	section.featuredVideos ul li > div {
		top: 3px;
		vertical-align: top;
		max-width: 64%;		
		position: relative;
		bottom: initial;
		padding-top: 0;
		padding-bottom: 0;
		filter: none;
		-ms-filter: none;
		background-image: none;
	}
	section.featuredVideos ul li > div > h2 {
		text-transform: none;
	}	
	section.featuredVideos ul li a.video_play_image{
		bottom: 8px;
		top: initial;
		right: 13px;
		background-size: 64px;
		background-position: -2px -2px;
		width: 60px;
		height: 60px;
		border-radius: 49%;
		display: none;
	}
	section.featuredVideos > div > div.nav-frame.cf > div > div > ul > li > div > a{
		margin-top: 5px;
	}
	/* Ocultar flechas */
	section.featuredVideos div.nav-frame > a {
		display: none;
	}/*289x167 610*/
}

@media screen and (max-width : 480px) {
	section.featuredVideos div.element_viewable {
		height: 350px;
	}
}

@media screen and (max-width : 400px) {
	section.featuredVideos div.element_viewable {
		height: 300px;
	}
}