@charset "utf-8";
@import url(/Shared/CSS/font-face/fonts-rebranding.css);
/* CSS Document */

@media screen and (max-width: 1000px) {	
	
	article {overflow: hidden; padding: 0 2%;width: 96%;}

	/*Figure*/
	figure {background-size: cover;}
	figure h1 {font: 30px/34px 'fontDinReg';}
	figure article {width: 96%; padding: 0 2% 0;}
	
	section h3, section h3 a {font-size:20px; line-height:24px;}
	section p {font-size: 14px; line-height: 22px;}
	a.verContenido {font: 19px/25px 'fontDinMed';}
	/*Font*/
	section article div.list-content h2 {font: 20px/24px 'fontDinMed';}
	section a {font: 14px/22px 'fontDinReg';}
	section article div.list-content div.BoxChannel span {font: 16px/22px 'fontDinMed';}
	.BoxChannel ul li {padding-bottom: 8px;}
}

@media screen and (max-width: 768px) {
	section {padding:42px 0 42px 0;}
}

@media screen and (max-width: 718px) {
	section {padding: 0; border:none;}
	section:last-of-type {padding-bottom:40px;}
	section article div.list-content {width:100%;}
	section article div.list-content h2 {
		padding: 18px 0 18px 0;
		border-bottom: 1px solid #E8E8E8;
		}
	article {padding: 0; width: 100%;}
	section article div.list-content h2 {padding-left: 2%; padding-right: 2%;}
	body section article div.list-content ul {padding: 0 2%; margin-top: 30px;}
}

@media  screen and  (min-width: 320px) and (max-width: 600px){

	figure h1 {
    font-size: 28px;
    line-height: 32px;
	}
	figure article {
		width: 94%;
		height:120px;
		padding: 0 3%;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	}
	section h2, section h2 a {font-size: 28px; line-height: 32px;}
	section h3, section h3 a {font-size: 20px; line-height: 24px;}
	section a {font-size:14px;}
	img.positionPhono {display:none;}
	section p.Ejemplo-two img {
    padding: 0;
    float: none;
    margin: 0 auto 10px;
	}
	a.verContenido abbr {padding-bottom: 5px;}
	/*Font*/
	section article div.list-content h2 {font: 18px/22px 'fontDinMed';}
	section article div.list-content div.BoxChannel span {font: 14px/20px 'fontDinMed';}
	.BoxChannel ul li {padding-bottom: 8px;}
	
}

@media  screen and  (min-width: 719px) and (max-width: 1980px)  {a.cargar h2 abbr:after {display:none;}}


