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

/* CSS Document */

/* =Fonts 
------------------------------------------------------- */
@import url(Botones-UI.css);

/* =Reset BODY OLD - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}
.html5-nav-thumb {display:none;}

/* =Reset - css
--------------------------------------- */
html, body { height: 100% }
html, body, div, li, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 16px;
  font-family: 'fontDinReg',Helvetica;
  list-style: none;
	color:#333;
	text-decoration:none;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
	color:#333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/* =Clearfix - css
--------------------------------------- */
.clearfix:after { content: ''; display: table; }
.clearfix:after, .clear { clear: both; }

/* =Bases - css
--------------------------------------- */
.Left {float:left;}
.Right {float:right;}
.Bg {background-color:#F9F9F9;}
.Bord-top {border-top: 1px solid #E8E8E8;}
.Bord-bottom {border-bottom: 1px solid #E8E8E8;}
.Center, .Center >* {margin:0 auto; display:block; text-align:center;}
.pad-top-30 {padding-top:30px;}
.pad-bottom-30 {padding-bottom:30px;}
.pad-bottom-20 {padding-bottom:20px;}
.WidthEspecial-A {width:82%;}
.WidthEspecial-B {width:72%;}
.Mobile {display:none;}
.LogoDIRECTV {margin:0 auto 30px; text-align:center; display:block;}

/* =Grillas - css
--------------------------------------- */
.Half {width:466px;}
.Three {width:304px;}
.Four {width:223px;}
.Half, .Three, .Four {margin-left:20px;}
.Half:first-child, .Three:first-child, .Four:first-child {margin:0;}
.Half:first-of-type, .Three:first-of-type, .Four:first-of-type {margin:0;}


/* =Figure - css
--------------------------------------- */
figure {
	width:100%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(241,241,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(241,241,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(241,241,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(241,241,243,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(241,241,243,1) 100%);
	-pie-background: linear-gradient(#ffffff, #f2f2f2);
	behavior: url("/Shared/CSS/pie/PIE.htc");
}
figure article {
	background: url("/Shared/Images/diferencia-directv/responsive/Header.png") right 50% no-repeat transparent;
	margin:0 auto;
	width:952px;
	height:520px;
	padding:0;
	display:table;
}
figure article div {
	display: table-cell;
	vertical-align: top;
	padding-top:55px;
}
figure h1 {
	color: #262626;
	font: 20px/17px "fontDinMed";
	border-bottom: 2px solid #139ceb;
	letter-spacing: -0.020em;
	border-top: 2px solid #139ceb;
	padding: 10px 0;
	display: inline-block;
}
figure h2 {
	color: #262626;
	font: 36px/42px "fontDinReg";
	padding: 20px 0;
	letter-spacing: -0.025em;
	width: 280px;
}
figure a {
	font: 20px/20px "fontDinMed";
	display: inline-block;
	color:#00aeef;
}
figure a:hover {color:#058ab5;}
figure a span {
	background: url("/Shared/Images/diferencia-directv/responsive/Play.png") left top no-repeat transparent;
	display: inline-block;
	width: 22px;
	height: 22px;
	position: relative;
	top: 5px;
}
figure a:hover span {background-position:0 -22px;}

/* =Modulos EXTREAS - css
--------------------------------------- */	
section.ModuloSmall {display:none;}
section.ModuloSmall >* {text-align:center;}
section.ModuloSmall article {
	padding: 30px 0;
	background-color:#f6f6f6;
}
section.ModuloSmall article h2 {
	font: 26px/30px 'fontDinReg';
	padding: 0 0 10px;
	letter-spacing: -0.020em;
}
section.ModuloSmall article p {font-size:14px;}
section.ModuloSmall article p a {font-size:inherit;}

/* =Section - css
--------------------------------------- */
section {width:100%;}
section.First {border-bottom: 1px solid #E8E8E8;}
section h2, section h2 a {
	font: 40px/44px 'fontDinReg';
	padding: 0 0 40px;
	letter-spacing: -0.020em;
}
section h2.more-pading, section h2.more-pading a {
	padding: 0 0 70px;
}
section h3, section h3 a {
	font: 22px/28px 'fontDinMed';
	padding: 0 0 10px;
	letter-spacing: -0.025em;
}
section h4, section h4 a {
	font: 21px/32px 'fontDinReg';
	padding: 0 0 20px;
	letter-spacing: -0.015em;
}
section p {line-height:22px; font-size: 14px;}
section p sup {font-size: 8px; line-height: 1px; position: relative; left: 2px;}
section p.small {font-size:14px; line-height:22px;}
section p.small a {font:inherit; font-weight:700;}
section p.big {font-size:16px; line-height:24px;}
section p.big a {font:inherit; font-weight:700;}
section img {display:block;}
section a {font-weight:bold; color:#00aeef;}
section a sup { font:10px/10px 'fontDinReg'; color:#00aeef;}
section a.small {font:700 14px/22px 'fontDinReg';}
section a:hover.small, section a:hover {color: #058ab5; outline:0;}
i.fa {font-size: 12px;}
section p a:hover, section p a:focus {color: #058ab5; outline:0;}

section.Control-Remoto {
	border: 1px solid #E8E8E8;
	border-left:none; border-right:none;
}
section.Control-Remoto article {padding-bottom:0;}
section.Legales article {padding-bottom:0; padding-top:0;}

/* =Article - css
--------------------------------------- */
article {
	width:952px;
	margin:0 auto;
	padding: 60px 0;
}
article.NoPad-bot {padding-bottom:0;}
article.NoPad-top {padding-top:0;}
article:after { content: ''; display: table; clear: both;}
article.CTA {padding-bottom:60px;}
article.CTA >* {text-align:center;}
article.CTA h3 {padding: 0 0 10px;}
article.CTA p {font-size:12px;}
article.CTA p a {font:inherit; font-weight:bold;}
article.CTA a.BtnUI {
    margin: 0 auto;
    width: 140px;
    display: block;
}

/* =Aside - css
--------------------------------------- */
aside {
	font: 11px/16px 'fontDinReg';
	color: #666;
	display: block;
	width: 952px;
	margin: 30px auto;
}
aside a, section aside a {font:inherit; color:#00aeef;}