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

/* =Fonts 
------------------------------------------------------- */
@import url(/Shared/css/font-face/Socicon-Font.css);
@import url(/Shared/DTV-icon/style.css);

/* =Fix Caribe 
------------------------------------------------------- */
[class^="icon-"]:before {font-family: 'DTV-icon-font' !important; color: #00abe3 !important;}


/* =Modulos ocultos 
------------------------------------------------------- */
section.Destacado.APP{display: none;}
section.Destacado.Clasico{display: none;}

article.Banner.no-visible {display:none;}


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

/* =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';
  list-style: none;
	color:#333;
}
* {
    box-sizing: inherit;
}
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;
}
.clear {clear:both;}
.center {text-align: center;}
.separador {margin:20px 0 10px 0;}
.section-separadores {padding:50px 0 0;}

aside {
    font: 11px/16px 'fontDinReg';
    color: #666;
    display: block;
    width: 952px;
    margin: 0 auto;
    padding: 30px 0;
    border-top: 1px solid #DCDCDC;
}

aside article {
    background-color: transparent;
    border: none;
    width: 952px;
    overflow: hidden;
    margin: 0 auto;
}


/* =PIE - css
--------------------------------------- */
figure, .bg, .bg-inverso, #channel-list ul li 
{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;
}
img.xbanner{width: 100%;}

/* =Figure 
------------------------------------------------------- */
figure {
	background:none #004F86;
	margin:0;
	height: 150px;
}
figure article {
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	width: 952px;
}
figure h1 {
	color: #fff;
	font: 36px/45px "fontDinReg";
	letter-spacing: -0.025em;
	position: absolute;
	text-shadow: 1px 1px 2px #040e20;
	top: 50px;
}
/*OPEN-X:
----------------------------*/
figure article #Banner-Adserver {
	width: 468px;
	position: absolute;
	right: 0;
	top: 45px;
}

/* = CTA
--------------------------------------- */
article.CTA{padding: 60px 0;}
article.CTA >* {text-align:center;}
article.CTA h3 {padding: 0 0 3px;}
article.CTA p {
    font-size: 12px;
    margin-bottom: 10px;
}

article.CTA a.BtnUI {margin: 0 auto;}
article.CTA p a {
    font-size: 12px;
}
article.CTA h3{
	font: 22px/28px 'fontDinMed';
	border-bottom: none;
	cursor: inherit;
	border-top: none;
}

/* =Grilla Guia - css
--------------------------------------- */

article.especial  {
	padding: 0 0 15px 0;
}

div.guia-canales{
	background: none repeat scroll 0 0 #FFF;
	clear: both;
	width: 100%;
}

div.combo-canal{
	margin: 0 auto;
    position: relative;
    overflow: auto;
    width: 100%;
    padding: 0 0 18px 0;
  	border-bottom: 1px solid #DCDCDC;
}

article.Contenido div.combo-canal div.combo-canal-content {
    background-color: transparent;
    border: none;
    width: 952px;
    overflow: hidden;
    padding: 0 0 20px 0;
    margin: 0 auto;
}

div#pMain div.combo-canal h3:before{
	float: left;
	font-size: 53px;
	color: #024E82;
	padding: 0 10px 0 0;
}
div.play div.combo-canal h3:before{
    font-size: 58px;
    float: left;
    padding: 0 20px 0 0;
}
div.play div.combo-canal h3 {
    font: 40px/54px 'fontDinReg';
    min-height: 50px;
}



/*div#pMain div.combo-canal h3:after {
    content: "Ver en TV";
    float: left;
    padding: 3px 8px 0;
}*/

div#pMain div.combo-canal.not h3:after {
    content: " ";
    float: left;
    padding: 3px 3px 0;
}


/* =Section - css
--------------------------------------- */
section h1 {
	font:40px/42px 'fontDinReg';
	padding:0 0 30px 0;
	letter-spacing: -0.025em;
}
section h2, section h2 a {
	font: 40px/44px 'fontDinReg';
    padding: 46px 0 34px;
	letter-spacing: -0.015em;
	width:90%;
}
section h1, section h3 {width:100%;}
section h2.First {width:100%;}
section h3, section h3 a {
    font: 40px/44px 'fontDinReg';
    padding: 46px 0 34px;
    letter-spacing: -0.015em;
    width: 952px;
    margin: 0 auto;
}
section h3.especial, section h3.especial a {
	padding: 30px 0 20px;
}
section h5 {
	font: 22px/28px 'fontDinMed';
	letter-spacing: -0.020em;
	padding: 0 0 10px 0;
}
section img {display:block;}
section p {
	color: #494b4c;
	line-height: 24px;
	width:100%;
}
section p.marg {
  margin: 0 0 20px;
}
section p.small {
	font:12px/14px 'fontDinReg';
}
section p.small a {font: inherit;}
section a {
	color: #00abe3;
	font-weight: bolder;
	text-decoration: none;
	width: 100%;
}
section a span {
	color: #00abe3;
	font-family: 'fontDinReg';
	font-size: 19px;
	font-weight: bold;
}
section a:hover, section a:hover span {color: #058ab5;}
section a.small {
	font-size: 14px;
	display: block;
	padding: 10px 0 0 0;
}
section a.separation {
	display: block;
  	margin: 20px 0 0;
}

.Left{float: left;}
.Right{float: right;}


/*Canales*/

article.Contenido div.guia-canales{
	width:auto;
	background: #FFF;
}

article.Contenido div.combo-canal div.combo-canal-content ul {
	padding:0;
}
article.Contenido div.combo-canal div.combo-canal-content ul li {
	background-color:#FFF;
	border:1px solid #D9D9D9;
	float:left;
	height: auto;
	position:relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url("/css/pie/PIE.htc");
	width: 8%;
    padding: 0.3%;
    margin: 0 2% 2% 0;
    height: 80px;	
}


.combo-canal span {font: 40px/44px 'fontDinReg';}

article.Contenido div#pMain div.guia-canales div.combo-canal div.combo-canal-content ul li {height: auto;}


article.Contenido div.combo-canal div.combo-canal-content ul li img {
	display: block;
    position: relative;
    top: 5px;
    margin: 0 auto;
}
article.Contenido div.combo-canal div.combo-canal-content ul li span {
	font:10px 'fontDinReg';
	color:#999;
	text-align:center;
	border-top:1px solid #9A9A9A;
	padding-top:2px;
    width: 95%;
    margin: 0 auto;
    display: block;
}
article.Contenido div.combo-canal div.combo-canal-content ul li a {
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	display:block;
	color:#989898;
}
article.Contenido div.combo-canal div.combo-canal-content ul li a:hover {text-decoration:none;}
article.Contenido div.combo-canal div.combo-canal-content ul li.Last-li {
	margin-right:0;
}

h3 abbr {
    display: none;
    float: right;
    margin: 0 15px 0 0;
    font-size: 30px;
    content: '+';
    color: #00aeef;
}
h3 abbr.active:after {
    content: '-';
}



/* =Btns - css
--------------------------------------- */
.BtnUI {
	font: bold 16px/24px 'fontDinReg';
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 9px 20px;
	width: 140px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.BlueUI  {
	color: #FFF;
	background: #00ADEE;
}
.BlueUI:hover {
	color: #FFF;
	background: #0078AE;
}

.YelowUI {
	color: #FFF;
	background: #F8981D;
	text-shadow: 0px -1px 0px #F06D00;
}
.YelowUI:hover {
	color: #FFF;
	background: #D57800;
}
.YelowUI:active {
	color: #FFF;
	background: #F58F0C;
}