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

@media screen and (max-width: 1000px) {
	
	article,  figure article {
		width: 96%;
		padding: 50px 2%;
	}
	aside {
		width: 96%;
		padding: 50px 2% 20px;
		margin: 0 auto;
	}
	
	figure {height: 310px; background-size: 1120px;}
	figure h1 {
    padding-top: 0;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -0.015em;
	}
	
	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, section p a {
    	font-size: 14px;
    	line-height: 22px;
    	padding-bottom: 0;
	}
	img.Center {width: initial;}
	article.CTA {padding-bottom: 50px;}
	
	.Four {width:23.5%; margin:0 0 0 2%;}
	.Four:first-child {margin:0;}
	.Four p {font-size:12px; line-height:20px;}
	
	.pad-bottom-20 {padding-bottom: 10px;}
	
	ul.Lista li {font-size:14px; line-height:22px;}
	
	.pad-bottom-60 {padding-bottom:50px;}
	
}

@media screen and (max-width: 920px) {
	.CTA-PlanesPrecios {
		width: 100%;
		margin: 0;
		box-shadow: none;
	}
	.CTA-PlanesPrecios h4 {
		height: 31px;
	}
	.CTA-PlanesPrecios a.Blue-Bullet-Link {
		padding: 25px 0px;
	}
	.CTA-PlanesPrecios, .CTA-PlanesPrecios h4 {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.CTA-PlanesPrecios {padding:0; margin:0; border:0;}
	.CTA-PlanesPrecios .hide-content {
		height: 16px;
		border-right: 1px solid #DDD;
		border-left: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
	}
	.CTA-PlanesPrecios .hide-content.last {border-bottom: 1px solid #DDD;}
	.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, body .CTA-PlanesPrecios .ColTwo {margin: 0px;}
	.CTA-PlanesPrecios h5 {margin:0;}
	
	.CTA-PlanesPrecios h4 {font: 24px/28px 'DTV-DIN-LIGHT',Verdana;}
	.CTA-PlanesPrecios h4 span.deco, body .CTA-PlanesPrecios span:hover.deco {display: block; position: relative; right: 0; top:0;}
	
	.Grid-flex .middle img {width: 80%; padding: 0 10%;}

}


@media screen and (max-width: 500px) {
	section h3, section h3 a {font-size: 18px; line-height: 22px;}
}

@media  screen and  (min-width: 320px) and (max-width: 600px)  {
	
	article, aside, figure article {
    width: 94%;
    padding: 40px 3%;
	}
	section h2, section h2 a {font-size: 28px; line-height: 32px;}
	section h3, section h3 a {font-size: 18px; line-height: 22px;}
	article.CTA {padding-bottom: 20px;}
	figure {
    height: 185px;
    background-size: 740px;
    background-position: 70% top;
	}
	figure article {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-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%);
    padding: 0;
    height: 185px;
    width: 100%;
	}
	figure h1 {
    font-size: 28px;
    line-height: 30px;
    padding: 100px 0 0 3%;
    border: none;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
	}

	ul.Lista.Left {width:100%;}
	ul.Lista.Left:nth-of-type(2) li:first-of-type {padding: 12px 10px 0 25px; background-position:0 19px;}
	ul.Lista li {width:auto;}
	
	.Half {width: 100%;}
	.Half img {margin: 0 auto 30px;}
	
	.Grid-flex:first-child {height: auto;}
	.Grid-flex .middle {
    padding-bottom: 0;
    padding-top: 0;
	}
	.Grid-flex img {width: 90%; margin: 0 auto 20px;}
	.margin-left-50 {margin-left: 0;}
	
	.pad-bottom-60 {padding-bottom:40px;}
	
}