@charset "utf-8";
@import url(/Shared/CSS/font-face/fonts-rebranding.css);
/* CSS Document */

@media screen and (max-width: 980px) {
	article{width: 100%;}
	figure article, body article.Contenido div.combo-canal div.combo-canal-content, section h3 {width: 94%;}
	figure h1 {font-size:30px; line-height:34px; letter-spacing: -0.015em;}
	section h3, section h3 a, .combo-canal span, div.play div.combo-canal h3 {font-size:32px; line-height:36px; letter-spacing: -0.015em; }

	div.play div.combo-canal h3:before {line-height:39px;} 
	section p, section p a {font-size:16px; line-height:24px;}	
	body div#pMain div.combo-canal h3:before, div.play div.combo-canal h3:before{font-size: 44px;}
	aside article{width: 96%;}
}

@media screen and (max-width: 900px){
	article.Contenido div.combo-canal div.combo-canal-content ul li{width: 10%;}
	article.Contenido div.combo-canal div.combo-canal-content ul li.Last-li {margin-right: 2%;}
}

@media screen and (max-width: 760px){
	figure {
		height: 90px;
		margin-bottom: 80px;
	}
	figure article{width: 96%;padding: 0 0 0 4%;}
	figure h1 {font-size:28px; line-height:32px; top:30px;}
	figure article #Banner-Adserver {
		width: 468px;
		position: absolute;
		right: auto;
		top: 100px;
		left: 3%;
	}
}

@media screen and (max-width: 715px){
	/*aside, figure article, body article.Contenido div.combo-canal div.combo-canal-content, section h3 {width: 100%;}*/
	div.play div.combo-canal h3:before {
    	line-height: 30px;
	}
	body h3 abbr {
    	display: block;
    	width: 20px;
    	text-align: center;
    	font: 34px/20px 'fontDinReg';
	}
	h3 abbr:after {
    	content: '+';
	}
}

@media screen and (min-width: 715px){
	div.combo-canal-content{display: block !important;}
}


@media screen and (max-width: 715px){
	article.Contenido div.combo-canal div.combo-canal-content ul li{width: 12%;}
	/*article.Contenido div.combo-canal div.combo-canal-content ul li img{width: 100%;}*/
	section h3{padding: 20px 3%;font-size: 26px;line-height: 30px; cursor: pointer;border-bottom: 1px solid #DCDCDC;border-top: 1px solid #DCDCDC;}
	body div#pMain div.combo-canal h3:before, div.play div.combo-canal h3:before {
    	font-size: 40px;
	}
	body .combo-canal span, div.play div.combo-canal h3{font-size: 26px;line-height: 30px;}
	section #pMain h3{border-top: none;}
	section article.CTA {cursor: inherit;}
	article.Contenido div.combo-canal div.combo-canal-content{padding: 20px 3%;border-bottom: 1px solid #DCDCDC;background-color: #f5f5f5;}
	body div.combo-canal{border-bottom: none;padding: 0;}
	body article.CTA h3 {font: 18px/24px 'fontDinMed';}
	body article.Banner {
    	padding: 40px 0 20px;
	}
}

@media screen and (max-width: 660px) {
	
	section h2, section h2 a {font-size:28px; line-height:32px;}
    section p, section p a {
    	font-size: 14px;
    	line-height: 22px;
	}
	body section article.CTA p {
    	font-size: 12px;
    	margin-bottom: 10px;
    	padding-bottom: 0px;
	}
    article.Contenido div.combo-canal div.combo-canal-content ul li img{height: auto; width: 100%;}
}


@media screen and (max-width: 550px){
	article.Contenido div.combo-canal div.combo-canal-content ul li{width: 13%;}
}

@media screen and (max-width: 520px){
	body article.Banner {
    	padding: 40px 3% 6%;
	}
	body article.Banner iframe{
		width: 100%;
    	height: auto;
    	max-height: 60px;
	}
	body article.Banner{
		width: 94%;
	}

}

@media screen and (max-width: 490px){
	figure {margin-bottom: 17%;}
	figure article #Banner-Adserver {
		width: 100%;
		padding: 0 3%;
		right: auto;
		left: 0;
		box-sizing: border-box;
	}

}

@media screen and (max-width: 480px){
	article.Contenido div.combo-canal div.combo-canal-content ul li{width: 16%;}
	body section h3, div.play div.combo-canal h3{
		padding: 14px 3%;
    	font-size: 20px;
    	line-height: 22px;
	}
	div.play div.combo-canal h3:before {
    	line-height: 24px;
	}
	body div#pMain div.combo-canal h3:before, div.play div.combo-canal h3:before {
    	font-size: 30px;
	}
	body .combo-canal span {
    	font-size: 20px;
    	line-height: 22px;
	}
}

@media screen and (max-width: 400px){
	article.Contenido div.combo-canal div.combo-canal-content ul li{width: 21%;}
	article.Contenido div.combo-canal div.combo-canal-content ul li span{top: 2px;}

	body div#pMain div.combo-canal h3:after {padding: 5px 4px 0 8px;}
	body .combo-canal span {font-size: 18px;line-height: 20px;}
	body section h3{font-size: 18px;line-height: 20px;}
	body div#pMain div.combo-canal h3:before {font-size: 28px;}
}

@media screen and (max-width: 400px){

	body article.Contenido div.combo-canal div.combo-canal-content ul li img{

	}

}

@media screen and (max-width: 380px){

	body div.play .guia-canales div.combo-canal h3.icon-pc span{display: none;}

}


@media screen and (max-width: 360px){
	body article.Contenido div.combo-canal div.combo-canal-content ul li img{
		width: 90%;
    	height: auto;
	}


}