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

/* =Fonts 
------------------------------------------------------- */
@import url(/Shared/CSS/font-face/fonts-rebranding.css);
@import url(/Shared/CSS/master/buttons.css);


/* CSS Document for DIRECTV LA - by Takeoff Media 
   Compatibilidad ie8 - 9 - 10 - Chrome - Firefox*/
	 

/* =Reset BODY - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}

/* =Reset - css
--------------------------------------- */
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;
}
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;
}

/* =PIE (para IE8) - css
--------------------------------------- */
section.internal-menu, .bg, div#fans section.fans2 div.box span {behavior: url("/css/pie/PIE.htc");position:relative;}

/* =Globales 
------------------------------------------------------- */
body, html {height: 100%;}
section, figure, article, aside {
  width: 100%;
  position: relative;
  display: block;
  z-index:1;
}
.Left{float: left;}
.Right{float: right;}
.Bord-bottom {border-bottom: 1px solid #DCDCDC;}

/* =Figure 
------------------------------------------------------- */
figure {
	background:url('/beneficios/fans/img/Banner-Res.jpg') no-repeat scroll center top #0B1121;
	overflow: hidden;
}
figure article {
	height: 200px;
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	width: 952px;
}
figure h1 {
	color: #fff;
	font: 40px/45px "fontDinReg";
	letter-spacing: -0.025em;
	position: absolute;
	text-shadow: 1px 1px 2px #040e20;
	top: 90px;
}
figure img.logo {
	position:absolute;
	top:220px;
}

/* =Section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFF;
	clear: both;
	width: 100%;
}
section h1 {
	font:40px/42px 'fontDinReg';
	padding:0 0 30px 0;
	letter-spacing: -0.025em;
}
section h2 {
	font: 40px/47px 'fontDinReg';
	padding: 0 0 22px;
	letter-spacing: -0.025em;
}
section h2 small {font:inherit; font-size:0.8em;}
section h3 {
	font: 22px/28px 'fontDinMed';
	letter-spacing: -0.020em;
	padding: 0 0 20px;
}
section img {display:block;}
section p {color: #494b4c;line-height: 24px;}
section p.centerTXT {
	width:100%;
	text-align:center;
}
section sup {font-size:10px;}
section a {
	/* margin: 0; */
	color: #00abe3;
	font-weight: bolder;
	text-decoration: none;
	width: 100%;
}
section a:hover {color: #058ab5;}
section a i.fa {font-size:12px;}

section aside {
	font: 11px/16px 'fontDinReg';
	color: #666;
	padding-bottom: 20px;
	width: 952px;
	margin: 0 auto;
}

/* =Article - css
--------------------------------------- */
article {
	margin: 0 auto;
	position: relative;
	width: 952px;
}
article.CTA{
	width: 100%;
}
article.Contenido{
	/* width: 100%; */
	padding-bottom: 60px;
}
article.Article-especial {
    width: 100%;
    height: 1058px;
}
article.First-article {padding: 0 0 50px;}
#Experiencias-Exclusivas section {padding:0;}

/* =Tabs - css
--------------------------------------- */
section.internal-menu article {
	padding: 0;
}
section.internal-menu {
	height: 60px;
	overflow: hidden;
	margin: 0 0 60px;
	padding: 0;
	width: 100%;
}

section.internal-menu ul {
  margin: 0 auto;
  height: 100%;
}

section.internal-menu ul li {
	float: left;
	display: table;
	height: 60px;
	list-style: none outside none;
	text-align: center;
}

section.internal-menu ul li.nav-one,
section.internal-menu ul li.nav-two,
section.internal-menu ul li.nav-three
{width: 25%;} 

section.internal-menu ul li.nav-four {width: 25%;} 
section.internal-menu ul li.nav-five {width: 15%;}  

section.internal-menu ul li a {
	background: none;
	font: 18px'fontDinMed';
	color: #43acdf;
	width: 100%;
	height: 62px;
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #e4e4e4;
	text-decoration: none;
	padding: 0;
	/* line-height: 60px; */
}
section.internal-menu ul li  a:first-child {
  border-left: solid 1px #e4e4e4;
}
section.internal-menu ul li  a:hover, .internal-menu ul li a.active {
  color: #666666;
  background: #ffffff;
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

section.internal-menu {
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #eaeaea));
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%);
  background: linear-gradient(to bottom, #f6f6f6 0%, #eaeaea 100%);
  -pie-background: linear-gradient(#f6f6f6, #eaeaea);
}
.ocultar {display:none;}
.list-wrap {
	background: none repeat scroll 0 0 #ffffff;
	clear: both;
	overflow: hidden;
	width: 100%;
}

/* =Fans - css
--------------------------------------- */
.bg {
	padding:0;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);
	-pie-background: linear-gradient(#ffffff, #f8f8f8);
}

div#fans section.fans1 h2 {
	padding-bottom: 30px;
}

div#fans section.fans1 article{
    position: relative;
    width: 952px;
    margin: 0 auto;
    padding-bottom: 108px;
}

div#fans section.fans1 article img{
	position: relative;
	margin-top: 30px;
	padding-left: 50px;
}

div#fans section.fans1 h3 {
	font-size:22px;
	padding-bottom: 22px;
}

div#fans section.fans1 h3.sub-title2{
	padding-top: 54px;
}

div#fans section.fans1 p {
	padding-bottom: 7px;
}

div#fans section.fans1 p a span:after, div#Ganadores a.BlueLink span:after  {
    content: '\203A';
}

div#fans section.fans1 p a span, div#Ganadores a.BlueLink span {
    font-size:22px;
	font-weight: normal;
}

div#fans section.fans2 {
	padding-top: 28px;
}

div#fans section.fans2 article{
	padding-bottom: 37px;
}

div#fans section.fans2 div.box{
	width:304px;
	float:left;
	margin-top: 19px;
	margin-left: 20px;
}

div#fans section.fans2 div.box1{
	margin-left: 0;
}

div#fans section.fans2 div.box p{
	padding:4px 5px 0px 57px;
	font-size: 14px;
	line-height: 22px;
}

div#fans section.fans2 div.box span {
	background: none no-repeat scroll 0 0 #006EB5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	float: left;
	font: bold 21px 'fontDinReg';
	color: #FFF;
	text-align: center;
	margin: 7px 0 0 0;
	display: inline-block;
	width: 43px;
	height: 43px;
	line-height: 43px;
}

div#fans section.fans2 p.after-box{
	clear:both;	
	padding-top: 18px;
}

div#fans section.fans2 p.after-box a span:after {
    content: '\203A';
}

div#fans section.fans2 p.after-box a span {
    font-size:22px;
	font-weight: normal;
}

div#fans section.fans3 {
	text-align:center;
	background:#f4f4f4;
	padding-top:30px;
	padding-bottom: 0;
}

div#fans section.fans3 article{
	padding-bottom: 38px;
}

div#fans section.fans3 h2{
	padding: 0;
}

div#fans section.fans3 img{
	margin: 25px 0;
}

div#fans section.fans3 p a{
	line-height: 32px;
}

div#fans section.fans3 p a span:after {
    content: '\203A';
}

div#fans section.fans3 p a span {
    font-size:22px;
	font-weight: normal;
}

div.col1 {
	position: relative;
	float: left;
	margin-top: 56px;
	z-index: 1;
	/* width: 40%; */
}
div.col2 {
	position: relative;
	left: 27px;
	top: 108px;
	/* float: left; */
	/* width: 19%; */
}

section.ingresar{
	text-align:center;
	padding-top: 50px;
}

section.ingresar article{
	padding-bottom: 46px;
}

section.ingresar h4{
	font: 22px/20px 'fontDinMed';
	padding-bottom: 26px;
}

section.ingresar span {
	display: block;
	font-size:12px;
	padding-top: 11px;
	color:#333;
}

section.ingresar span a{
	font-size:12px;
}

section.ingresar a.orange{
	font-family: 'fontDinReg' !important;
	font-size: 16px;
	line-height: 16px;
}
section.ingresar a.orange:hover{
	color:#000;	
}
section.last aside{
	color: #666;
	font-size: 11px;
	line-height: 15px;
}


/* =CSS ACORDEON PRINCIPAL
--------------------------------------- */
#contenedorAcordeon{
   float: left;
   margin: 20px 0 40px;
   width: 100%;
}
.NoMargin {
	margin-top:0 !important;
}
#contenedorAcordeon .pestana_header{
    float: left;
}

#contenedorAcordeon .pestana_header h2 {
	float: left;
	font: 18px/39px 'fontDinReg';
	margin: 4px 0 0 27px;
	padding: 0;
	color: #00ABE3;
}

#contenedorAcordeon .pestana_header .activo h2 {
	float: left;
	font: 18px/39px 'fontDinReg';
	margin: 4px 0 0 27px;
	padding: 0;
	color: #b1b1b1;
}

#contenedorAcordeon .pestana_header a.verContenido {
    background: url("/Shared/Images/landing_concursos/Btn-Acordeon-ganadores.jpg") no-repeat scroll right -46px transparent;
	color:#005187;
    cursor: pointer;
    display: block;
    height: 46px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
    width: 950px;
}
#contenedorAcordeon .pestana_header a:hover.verContenido {
    background: url("/Shared/Images/landing_concursos/Btn-Acordeon-ganadores.jpg") no-repeat scroll right 0px transparent;
	color: #FFF;
    cursor: pointer;
    display: block;
    height: 46px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
    width: 950px;
}

#contenedorAcordeon .pestana_header a:hover h2 {
	color:#FFF;
}

#contenedorAcordeon .pestana_header .activo:hover h2 {
	color:#FFF;
}

#contenedorAcordeon .pestana_header a.activo{
	background: url("/Shared/Images/landing_concursos/Btn-Acordeon-ganadores.jpg") no-repeat scroll right -92px transparent;
	color:#FFF;
}
#contenedorAcordeon .pestana_header a:hover.activo{
	background: url("/Shared/Images/landing_concursos/Btn-Acordeon-ganadores.jpg") no-repeat scroll right -137px transparent;
	color:#FFF;
}
#contenedorAcordeon .caja_contenido{
    clear: both;
    float: left;
    width: 950px;
}

/* = Ganadores New
------------------------------------------------------- */
.Ganadores {
	text-align: left;
	float: left;
}
body article#Planes-Precios .Ganadores {
    padding: 0;
    margin: 0;
    border: 0;
}
.Ganadores .Description p {
    font: 14px/22px 'fontDinReg';
    padding: 5px 10px 5px 22px;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
}

.Ganadores .ColOne, .Ganadores .ColTwo, .Ganadores .ColTop {
	display:table;
	margin: 0 0 25px;
	float: left;
	height: 38px;
} 
.Ganadores .ColOne p, .Ganadores .ColTwo p {
	color: #666;
	font: 14px/26px 'fontDinReg';
	text-align: left;
	padding: 0 24px;
	width: 90%;
	display: table-cell;
	vertical-align: middle;
}
.Ganadores .ColTop:first-child{
	border-bottom: 1px solid #e8e8e8;
	font: bold 16px/38px 'fontDinReg';
	color: #333333;
}
.Ganadores .ColTop p {
	color: #666;
	font: 14px/26px 'fontDinReg';
	text-align: left;
	padding: 0 5%;
	width: 90%;
	display: table-cell;
	vertical-align: middle;
}
.Ganadores .ColTop p.first, .Ganadores .ColTop p span.first {
	font: bold 16px/18px 'fontDinReg';
	color: #333333;
}
.Ganadores .ColOne p span, .Ganadores .ColTwo p span, .Ganadores .ColTop p span {
	color: #333;
	float: right;
	font: bold 20px/24px 'fontDinReg';
	vertical-align: middle;
}
.Ganadores .ColOne {
	/* border-right: 1px solid #e8e8e8; */
	width: 49.5%;
}
.Ganadores .ColTwo {
	width: 50%;
}
.Ganadores .ColTop {
	margin:0;
	width: 100%;
}
.Ganadores .ColUnique {
	width: 100%;
	height: 38px;
	padding: 0 24px;
	display: table-cell;
	vertical-align: middle;
}
.Ganadores .ColUnique p {
	color: #666;
	font: 14px/26px 'fontDinReg';
}
.Ganadores .ColUnique a {
	color: #00abe3;
	font: bold 14px 'fontDinReg';
	text-decoration: none;
}
.Ganadores .ColUnique a:hover {
 	color: #058ab5
}
.Ganadores h5 {
	clear: both;
	font: bold 22px/24px 'fontDinReg';
	letter-spacing: -0.023em;
	padding: 20px 0 5px;
}
.Ganadores h5 span {
	color: #939393;
	display: block;
	font: italic 14px/14px 'fontDinReg';
}
div#Ganadores a.BlueLink {
    font-size: 16px;
}
body .Ganadores .ColOne, body .Ganadores .ColTwo {margin: 0;}
body .Ganadores h5 {margin:0;}

body .Ganadores h4 span.deco, body .Ganadores span:hover.deco {display: block; position: absolute; right: 54px; top:10px;}
body .Ganadores h4 {
    font: 18px/22px 'fontDinReg';
    color: #00abe3;
    height: 22px;
    letter-spacing: -0.025em;
    margin: 0;
    padding: 10px 0 10px 22px;
    text-align: left;
}
body .Ganadores h4:hover {
	color:#fff;
}
body .Ganadores, body .Ganadores.Tres{
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
}
body .Ganadores h4 abbr {
    display: block;
    width: 20px;
    text-align: center;
}
body .Ganadores .ColTop p span {font: normal 14px/26px 'fontDinReg';text-align: left;color: #666666;}	
.Ganadores h4 abbr {
	display: none;
	position: relative;
	float: right;
	margin-right: 15px;
	font-size: 30px;
	content: '+';
}
.Ganadores h4 abbr.active {
	content: '-';
}
.Ganadores a.Blue-Bullet-Link {
	color: #00abe3;
	font: bold 16px 'fontDinReg';
	padding: 21px 0px;
	float: left;
}
section .Ganadores p.NotLink {
	font: bold 16px 'fontDinReg';
	padding: 21px 0px;
	float: left;
	width:100%;
}
section a.cargar {
    background: none;
    padding: 0;
}
.Ganadores h4 abbr:after {content: '+';}
.Ganadores h4 abbr.active:after {content: '-';}
.Ganadores h4.Head {background: none repeat scroll 0 0 #f9f9f9;cursor: pointer;}
.Ganadores h4.Head:hover{background: none repeat scroll 0 0 #00abe3;}

/* = Concursos
------------------------------------------------------- */

#Concursos section article.Contenido span.Legal {
    display: block;
    color: #666;
    font: italic 12px/12px 'fontDinReg';
    margin: 10px 0 0 0;
    width: 100%;
}

#Concursos section article.Contenido span.Legal .legal-hide, 
#Concursos section article.Contenido span.Legal .legal-hide-2, 
#Concursos section article.Contenido span.Legal .legal-hide-3 {
  display:none;
  font: 10px/13px 'fontDinReg';
  display: block;
  padding: 10px 0;
}

#Concursos section article.Contenido span.Legal .legal-hide a {font: 10px/13px 'fontDinReg';}
#Concursos section article.Contenido span.Legal .legal-hide-2 a {font: 10px/13px 'fontDinReg';}
#Concursos section article.Contenido span.Legal .legal-hide-3 a {font: 10px/13px 'fontDinReg';}
#Concursos section article.Contenido p.Info a.Block {
    display: inline-block;
    margin: 20px 208px 0 0;
}

/* = Block-img-txt 
------------------------------------------------------- */
.Block-img-txt.First {width:100%;margin-top: 0;}
.Block-img-txt {width:100%;margin: 40px 0 0;}
.Block-img-txt.Last {margin-bottom:0;}
.Block-img-txt:after {
  content: "";
  display: table;
  clear: both;
}
.Block-img-txt img {
	width: 32.6%;
	margin: 5px 26px 16px 5px;
}
.Block-img-txt img.video {
	-webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	filter: grayscale(70%);
	
	-webkit-transition: all linear .2s;
	-moz-transition: all .2s ease;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}
.Block-img-txt img.video:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: none;
	
	-webkit-transition: all linear .2s;
	-moz-transition: all .2s ease;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}
.Block-img-txt span {
	display:block;
	width:62%;
	box-sizing:border-box;
}
/*.Block-img-txt span >* {
	 padding-left:40px; 
}*/
.Block-img-txt span h3 {/* padding-top: 9px; */}

.Block-img-txt a.orange:hover{
	color: #000;
}

.Block-img-txt span a {
	font-size: 16px;
}
.Block-img-txt span a.VE {
	font-size: 12px;
}
.Block-img-txt span p{
	margin-bottom: 20px;
}
.Block-img-txt span p.legal{
    color: #666;
    font: italic 12px/18px 'fontDinReg';    
}
.Block-img-txt span p.legal a{
	font-size: 12px;
}

section img {
    display: block;
}
section p {
    color: #494b4c;
    line-height: 24px;
}
section h3 {
    font: 22px/28px 'fontDinMed';
    letter-spacing: -0.020em;
    padding: 0 0 26px;
}

.descrption-galeria {
	overflow: auto;
	clear: both;
	margin: 50px 0 0 0;
}
.descrption-galeria.First {
	width: 100%;
	margin: 0;
}
.descrption-galeria img {
	float: left;
	padding: 0 20px 20px 0;
}
.descrption-galeria h3 {font-size: 22px;}
.descrption-galeria p {}

a.block-media {
	position:relative;
	overflow: auto;
	width: 100%;
	display: block;
	border-bottom: 1px solid #d1d0d0;
}
a.block-media h4 {
	font: bold 17px 'fontDinReg';
	color: #00aeef;
	padding: 8px 0 15px 6px;
}
a.block-media h4.top {color:#999;}

a.block-media ::before {
	content: url('/beneficios/fans/img/arrow-open.png');
	width: 13px;
	height: 7px;
	position: absolute;
	right: 10px;
	/* top: 35%; */
}
a.block-media .top::before {content: url('/beneficios/fans/img/arrow-close.png');}
.box-galeria {}
.box-galeria ul {
	overflow: auto;
	margin: 20px 0 0 0;
}
.box-galeria ul li {
	float: left;
	padding: 0 10px 10px 0;
}
.box-galeria ul li.no-pad {padding-right: 0;}
.box-galeria ul li a {
	opacity: 1;
	-webkit-transition: opacity linear .3s;
  -moz-transition: opacity linear .3s;
  -o-transition: opacity linear .3s;
  transition: opacity linear .3s;
}
.box-galeria ul li a:hover {
	opacity: 0.8;
	-webkit-transition: opacity linear .3s;
  -moz-transition: opacity linear .3s;
  -o-transition: opacity linear .3s;
  transition: opacity linear .3s;
}
.width-image {
	width:108px;
	height:72px;
}
.center {text-align:center; padding: 0 0 100px 0;}

/* FIX LIGHBOX VIDEOS
--------------------------------------- */

div#html5-elem-wrap{background-color: #fff !important;}  
body div#html5-close{width: 98%;padding: 13px 1%;background: #ffffff;top: -25px !important;right: 0px !important;}
body div#html5-close img{width: 23px;float: right;margin: 0 7px 0 0;}
div#html5-elem-data-box{background-color: rgb(24, 24, 24) !important;}
div#html5-text{color: #949393;}
div#html5-next{right: 0px !important;}
div#html5-prev{left: 0px !important;}
div#html5-next, div#html5-prev{background-color: #fff;padding: 9px 7px 5px;}


div#fans section.fans1 article .Three {
    width: 304px;
    margin-left: 20px;
}
div#fans section.fans1 article .Three:first-child, .Three:first-of-type {
    margin: 0;
}
div#fans section.fans1 article .Three img {
    width: 100%;
}

/* =Table - css
--------------------------------------- */
.Table-style table {
	width: 100%;
}
.Table-style th {
	border-bottom: 1px solid #e8e8e8;
    font: bold 16px/38px 'fontDinReg';
    color: #333;
	padding: 0 24px;
}
.Table-style th:nth-child(1) {width: 45%;}
.Table-style th:nth-child(2) {width: 20%;}
.Table-style th:nth-child(3) {width: 35%;}
.Table-style td {
	color: #666;
    font: 14px/26px 'fontDinReg';
    text-align: left;
    padding: 0 24px;
}