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


/* CSS Document for DIRECTV LA - by Takeoff Media Compatibilidad IE:8-9-10-11 - Chrome - Firefox*/

/* =Fonts + buttons + media-queries
------------------------------------------------------- */
@import url(Botones-UI.css);
@import url(media-queries.css);
@import url(/Shared/css/font-face/DIN-Font.css);


/* =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: Arial,Helvetica;
  list-style: none;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {color:#333;}
.clear {clear:both;}
.center {text-align: center;}

/* =Behavior - css
--------------------------------------- */
figure .red-box-slider,
section.Gradient,
figure .Figure-box {behavior: url("/css/pie/PIE.htc");} 

/* =Regla Retina - css
--------------------------------------- */
img.retina {width: 100%;}

/* =Figure News - css
--------------------------------------- */
/* .Wrap */
figure .Wrap {
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding:0 85px;
	box-sizing: border-box;
}
figure .Wrap h1, figure .Wrap .box-logos {
	position: absolute;
	}
figure .content-box {
	position: relative;
	min-height: 320px;
    box-sizing: border-box;
	display:block;
	}
figure .Wrap .content-box img {
	position: absolute;
    left: 50%;
	transform: translateX(-50%);
	vertical-align: middle;
	}
figure .Wrap h1 {
    font: 36px/40px 'DTV-DIN-MEDIUM';
    color: #FFF;
    margin-bottom: 10px;
	top: 26px;
	max-width: 500px;
	letter-spacing: -0.025em;
	}
figure .Wrap h1.Dark { color: #333;}
figure .Wrap .box-logos {position:relative; margin:0 0 20px 0;}
figure .Wrap .legales-box {
	position: absolute;
	bottom: 18px;
	right: 0;
	text-align: right;
	box-sizing: border-box;
	display: block;
	width: 500px;
	}
figure .Wrap .Legales-Img {font: 10px/16px 'DTV-DIN-CON'; color: #d1d1d1; margin-top: 5px;}
figure .Wrap .Detalle { 
	color: #FFF;
	font: 11px/14px Arial;
	}

/* .red-box-slider */
figure .content-box-side {position: absolute; bottom: 20px;}

figure .red-box-slider {
	position:relative;
	text-align: center;
    padding: 12px 5px;
    width: 243px;
	box-sizing: border-box;
	background: #8d2225;
	}
figure .red-box-slider h2 abbr {
    font: bold 13px Arial;
    display: block;
    color: #FFF;
    padding: 0 0 2px;
}
figure .red-box-slider h2 {
    color: #ebd13f;
    font: bold 28px/36px Arial;
}
figure .red-box-slider span {
    color: #FFF;
    bottom: 0;
    font: bold 13px/18px arial;
    padding: 2px 0 0 0;
}
figure .red-box-slider sup {
	font:bold 10px Arial;
	color: #fff;
	line-height:0;
}
figure .red-box-slider h2 sup {
	color: inherit;
  	font:bold 10px Arial;
	line-height:0;
}
figure .red-box-slider h2 abbr sup {
	font:bold 10px Arial;
}

/* =FIN Figure News - css
--------------------------------------- */

/* =Article - css
--------------------------------------- */
article {
	margin:0 auto;
	overflow: auto;
  width: 952px;
}

/* =section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFF;
	padding: 50px 0;
	width: 100%;
	position:relative;
	z-index:1;
}
section h3 {
  font: 22px/30px 'DTV-DIN-MEDIUM';
  padding:0 0 20px 0;
}
section h4 {
	font: 40px 'DTV-DIN-LIGHT';
	padding: 0 0 30px;
}
section h4.Separate {
	padding: 60px 0 30px;
}
section h5, section h5 a {
  font: 21px/30px 'DTV-DIN-MEDIUM';
  padding: 20px 0 10px;
  color:#333;
  text-decoration:none;
}
section h5 sup {
  font: 14px 'DTV-DIN-MEDIUM';
}
section.First {
	border-bottom:1px solid #ECECEC;
}


/* =Lista - css
--------------------------------------- */
ul.Lista {
	float: left;
	width: 50%;
}
ul.Lista li {
	background: url("/Shared/Ofertas-PAN/ofertas-pack-nba/Ticket.png") no-repeat scroll 0 19px transparent;
	line-height: 24px;
	padding: 12px 0 0 25px;
}
ul.Lista li:first-of-type {
	background-position: 0 5px;
	padding: 0 0 0 25px;
}
ul.Lista li sup {
	font: 11px Arial;
	position: relative;
	top: 2px;
}
ul.Lista a.BtnUI {margin: 40px 0 0 0;}

/* =grid-three - css
--------------------------------------- */
.grid-three-content {
	width: 304px;
	min-height: 90px;
	margin: 0 0 0 20px;
	float: left;
}
.maregIE {margin: 0 0 50px 0;}
.grid-three-content:first-of-type, .grid-three-content:first-child {
	margin: 0;
}
section .grid-three-content p {
	font:14px/22px Arial;
	color: #333;
}
section .grid-three-content p sup {
	font-size:11px;
}
.grid-three-content img {
	display:block;
}

/* =Form - css
--------------------------------------- */
.Form-Eretail {
	float: right;
	width: 40%;
}
.Form-Eretail .Una-Celda {
	width:99%;
	position:relative;
	overflow:auto;
	margin: 0 0 15px 0;
}
.Form-Eretail .Una-Celda span {
	color: #a7a7a7;
	font: 14px Arial;
	left: 25%;
	position: absolute;
	top: 9px;
}
.Form-Eretail .Una-Celda input#_ctrl_landing_form1_txtCodArea {
	width:17%;
	float:left;
	margin:0;
}
.Form-Eretail .Una-Celda input#_ctrl_landing_form1_txtTelefono {
	width: 65%;
	float:right;
	margin:0;
}
.Form-Eretail #Formulario input {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	color: #808080;
	display: block;
	font: 14px Arial;
	margin: 0 0 15px;
	padding: 3%;
	width: 93%;
}
.Form-Eretail #Formulario textarea {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	color: #808080;
	display: block;
	font: 14px Arial;
	margin: 0 0 15px;
	padding: 3%;
	width: 93%;
	height:70px;
	resize:none;
}
.Form-Eretail #Formulario p.dato-error {
	color: #c60f13;
	font: 11px Arial;
	position: relative;
	top: -10px;
	display: none;
}
.Form-Eretail #Formulario input:focus {
	border: 1px solid #3EC9E7;
	background:#F5FCFE;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
	
}
.Form-Eretail #Formulario input.error {
	border: 1px solid #EF5A42;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Form-Eretail #Formulario input:focus.error {
	border: 1px solid #EF5A42;
	background:#FEF7F5;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Form-Eretail #Formulario input.Ok {
	border: 1px solid #00B975;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
.Form-Eretail #Formulario input:focus.Ok {
	border: 1px solid #00B975;
	background:#F2FBF8;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}

section.Info-Phone {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #eeeeee;
	padding: 0;
}
section.Info-Phone article {
	display: table;
  width: 100%;
	height:60px;
}
section.Info-Phone article p {
	font:21px Arial;
	color:#616161;
	text-align:center;
	display: table-cell;
  text-align: center;
  vertical-align: middle;
}
section.Info-Phone article p span a {
	pointer-events: none;
}
section.Info-Phone article p b {font-weight:normal;}
section.Info-Phone article p span, section.Info-Phone article p a {
	font:bold 23px Arial;
	color: #faa61a;
	text-decoration:none;
}

/* =Info-Phone - css
--------------------------------------- */
section.Tarjetas {
	background: none repeat scroll 0 0 #FFF;
	border-top:1px solid #ECECEC;
	padding: 0;
}
section.Tarjetas article p {
	font:14px/16px Arial;
	color:#6d6d6d;
	text-align:center;
  padding: 30px 0;
}
section.Tarjetas article p img {
	padding: 0 0 0 20px;
	position: relative;
	top: -2px;
	vertical-align: middle;
}


/* =Aside - css
--------------------------------------- */
aside {
	background: none repeat scroll 0 0 #fff;
	border-top: 1px solid #e9e9e9;
	padding: 30px 0;
	width: 100%;
}
aside p {
	font:11px/16px Arial;
	color:#666;
	display:block;
	width:952px;
	margin:0 auto;
}
aside p a {
	font:bold 11px/16px Arial;
	color:#666;
	text-decoration:none;
}