@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1000px) {	
	
	article {overflow: hidden; padding: 50px 2%; width: 96%;}
	section aside {
		width: 96%;
		padding:0 2% 20px 2%;
	}

	/*Figure*/
	figure {background-size: cover; height:320px;}
	figure h1 {font: 30px/34px 'DTV-DIN';}
	figure article {width: 96%; padding: 0 2% 0;}
	
	section h2, section h2 a {font-size:32px; line-height:36px; letter-spacing: -0.015em;}
	section h3, section h3 a {font-size:20px; line-height:24px;}
	section p {font-size: 14px; line-height: 22px;}
	a.verContenido {font: 19px/25px 'DTV-DIN-MEDIUM';}

}

@media screen and (max-width: 850px) {
	.CTA-PlanesPrecios.Three-element{
		width: 100%;
		margin: 0;
		box-shadow: none;
	}
	.CTA-PlanesPrecios h4 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: left;
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
	}
	.CTA-PlanesPrecios h4:after {
		content: "";
		display: table;
		clear: both;
	}
	.CTA-PlanesPrecios h4 span {
    display: inline-block;
	}
	.CTA-PlanesPrecios {padding:0; margin:0; border:0;}
	.CTA-PlanesPrecios .hide-content {height: 295px;}
	.CTA-PlanesPrecios h4 abbr {
		display: block;
		width: 20px;
		text-align: center;
	}
	.CTA-PlanesPrecios h4 abbr:after {content: '+';}
	.CTA-PlanesPrecios h4 abbr.active:after {content: '-';}
	
	.CTA-PlanesPrecios .ColOne {margin: 0px;}
	
	#Slider-Vertical {height: 539px;}
	.Comparador-canales .Table-Canales {width: 100%;}
	.Comparador-canales .Table-Canales th {font-size:18px;}
	.Comparador-canales .Table-Canales td {font-size:12px;}

}

@media screen and (max-width: 790px) {
	.CTA-PlanesPrecios h4 {font: 24px/28px 'DTV-DIN-LIGHT',Verdana;}
	.CTA-PlanesPrecios .ColOne span {font-size:16px; line-height:24px;}
	.CTA-PlanesPrecios .ColOne.CTA p.price {font-size:20px; line-height:24px;}
}

@media  screen and  (min-width: 320px) and (max-width: 600px){

	figure {
    background-size: cover;
    height: 200px;
	}
	figure h1 {
    font-size: 28px;
    line-height: 32px;
		padding-top: 150px;
	}
	figure article {
		width: 94%;
    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%);
	}
	article {
    width: 94%;
    padding: 40px 3%;
	}
	section aside {
		width: 94%;
		padding:0 3% 20px 3%;
	}
	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;}
	
	section.internal-menu article {
    width: 100%;
    padding: 0;
	}
	section.internal-menu ul li a {
    font: 15px/15px 'DTV-DIN-MEDIUM';
		border:none;
    height: 60px;
    width: 33%;
    display: table-cell;
    vertical-align: middle;
	}
	section.internal-menu ul li a, section.internal-menu ul li a:hover {transition: none;}
	section.internal-menu ul li a:hover {background:none;}
	section.internal-menu ul li a:hover.active {background:#FFF !important;}    
	
	a.verContenido abbr {padding-bottom: 5px;}
	
	.CTA-PlanesPrecios h4 {font: 20px/24px 'DTV-DIN-LIGHT',Verdana;}
	.CTA-PlanesPrecios h4 span {font: bold 20px/20px DTV-DIN; padding-top: 0;}
	.CTA-PlanesPrecios h4 span sup {font-size: 10px; line-height: 10px;}
	.CTA-PlanesPrecios h4 abbr {top: 10px;}
	
	.Block-img-txt img, .Block-img-txt span {width: 100%;}
	.Block-img-txt span >* {padding-left: 0;}
	.Block-img-txt span h3 {padding: 10px 0;}
	.Block-img-txt {margin-bottom: 40px;}
	
	.FormContent input.Nombre {width:100%; margin:20px 0 10px;}
	.FormContent input {
		float:none;
		width:100%;
		margin:0 0 10px 0;
		padding: 10px;
		box-sizing:border-box;
	}
	.FormContent input:nth-child(odd) {margin-right: 0;}
	.FormContent input:nth-child(even) {margin-left: 0;}
	.FormContent textarea.text-area {box-sizing:border-box; width: 100%;}
	body .reveal-modal .close-reveal-modal {
    top: 7px;
    right: 10px;
	}
	body .FormContent {padding: 0px;}
	
	.Comparador-canales .Table-Canales th {font-size:16px; letter-spacing: -0.025em;}
	.Comparador-canales .Table-Canales td, .Comparador-canales .Table-Canales th span {font-size:12px;}
	.Comparador-canales .Table-Canales td img {padding: 0 10px 0 5px;}
	
	.Paquetes h3 {padding: 0 0 0 10px;}
	.Paquetes h3.price {padding: 0 10px 0 0;}
	.Paquetes ul {padding-left: 10px;}
	.Paquetes ul li {
    float: left;
    width: 10%;
    margin-right: 2%;
	}
	
}

@media screen and (max-width: 450px) {
	.Comparador-canales .Table-Canales td img {
    display: block;
    margin: 0 auto 5px;
    padding: 0;
	}
	.Paquetes {padding: 30px 0 10px;}
	.Paquetes ul li { width: 20%; margin-right: 0; margin-bottom: 20px;}
	.Paquetes ul li img {width:80%;}
	.Comparador-canales .Table-Canales td {text-align:center;}
	#Slider-Vertical {height: 536px;}
}