@charset "UTF-8";
/*!
 * CSS Compilado el: 2016-04-08 17:47:31 -0500
 */
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.container:after, #content-noticias .post .gallery-image:after, #content-micrositio .post .gallery-image:after, header.new-header:after, .top-content > div:after, #socialFollow:after { content: " "; display: block; clear: both; }

.top-bar, header:not(.new-header), .module-ticker, .panel-union, .main-content-noticias .magazine, .main-content-micrositio .magazine, .sidebar, #content-noticias aside.nav-micrositio, #content-micrositio aside.nav-micrositio, .module, .ad-footer, footer, .copyright, .pswp, .addthis_responsive_sharing, #at-share-dock, .nav-programas, .main-content-programas .row, .main-content-programas .panel-schedule, .main-content-programas .player-live .share h3 { display: none !important; }

body { font-weight: 400; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased; color: #333; overflow-x: hidden; }
body > div, body footer, body header { position: relative; z-index: 99; }

a { text-decoration: none; }
a > i { margin-right: 5px; }

h2 { font-weight: 300; font-family: "Roboto Condensed", sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; }

strong { font-weight: 600; }

em { font-style: italic; }

.container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }

#content { padding: 20px 20px 40px 20px; }

#content-noticias, #content-micrositio { position: relative; background: white; z-index: 999999; }
#content-noticias .post h1, #content-micrositio .post h1 { font-weight: 400; font-family: "Roboto Condensed", sans-serif; -webkit-font-smoothing: antialiased; font-size: 2em; }
#content-noticias .post p, #content-micrositio .post p { line-height: 1.2em; font-size: 1em; margin-bottom: 20px; }
#content-noticias .post b, #content-noticias .post strong, #content-micrositio .post b, #content-micrositio .post strong { font-weight: 600; color: black; }
#content-noticias .post a, #content-micrositio .post a { color: #1d8ac6; font-weight: 600; border-bottom: 1px dashed #2099dc; }
#content-noticias .post .meta, #content-micrositio .post .meta { font-size: 0.7em; }
#content-noticias .post .meta span:after, #content-micrositio .post .meta span:after { content: " | "; padding: 0 3px; }
#content-noticias .post .meta span:last-of-type:after, #content-micrositio .post .meta span:last-of-type:after { content: " "; }
#content-noticias .post .meta, #content-micrositio .post .meta { color: #555; line-height: 32px; font-size: 0.7em; margin: 10px 0; border-bottom: 1px dashed #73838c; border-top: 1px dashed #73838c; }
#content-noticias .post .player-ooyala, #content-micrositio .post .player-ooyala { margin-bottom: 20px; }
#content-noticias .post .single-image, #content-micrositio .post .single-image { position: relative; margin-bottom: 20px; }
#content-noticias .post .single-image > img, #content-micrositio .post .single-image > img { width: 100%; }
#content-noticias .post .single-image .caption, #content-micrositio .post .single-image .caption { position: absolute; bottom: 0; padding: 30px 0 10px 0; color: #fff; text-align: center; width: 100%; font-size: 0.8em; margin-bottom: 0px; text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(5%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9))); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.9) 100%); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.9) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.9) 100%); }
#content-noticias .post .gallery-image, #content-micrositio .post .gallery-image { margin-bottom: 20px; }
#content-noticias .post .gallery-image a, #content-micrositio .post .gallery-image a { width: 100%; display: block; overflow: hidden; border-bottom: none; margin-bottom: 20px; counter-increment: step-counter; }
#content-noticias .post .gallery-image a img, #content-micrositio .post .gallery-image a img { width: 100%; }
#content-noticias .post .gallery-image h3, #content-micrositio .post .gallery-image h3 { background-color: white; position: relative; text-align: center; font-size: 0.9em; color: #444; width: 90%; top: -15px; border-top: 5px solid #2099dc; padding: 20px 5px 10px 5px; margin: 0 auto; line-height: 1.3em; font-weight: lighter; }
#content-noticias .post .gallery-image h3::before, #content-micrositio .post .gallery-image h3::before { content: counter(step-counter); width: 28px; height: 28px; font-size: 20px; color: #fff; background: #2099dc; position: absolute; left: 50%; top: -15px; margin-left: -14px; text-align: center; line-height: 28px; font-weight: bold; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }
#content-noticias .main-content-noticias, #content-noticias .main-content-micrositio, #content-micrositio .main-content-noticias, #content-micrositio .main-content-micrositio { width: auto !important; padding: 20px 0; }

.main-content-programas { margin: 20px auto; }
.main-content-programas .magazine { max-width: 800px; width: 100%; }
.main-content-programas .slide, .main-content-programas .slide img { width: 100%; }
.main-content-programas .meta { font-size: 0.8rem; color: #666; border-top: 1px dashed #666; border-bottom: 1px dashed #666; padding: 10px 0; margin: 10px 0; }
.main-content-programas .meta span:not(:last-of-type)::after { content: "  |  "; }
.main-content-programas .conduccion { border-top: 1px dashed #666; border-bottom: 1px dashed #666; padding: 10px 0; margin: 10px 0; }
.main-content-programas .conduccion li { font-size: 0.8rem; color: #666; display: inline; }
.main-content-programas .conduccion li:not(:last-of-type)::after { content: "  |  "; }
.main-content-programas .button { border: 2px solid #222; padding: 5px 10px; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; }
.main-content-programas .button i { display: none; }
.main-content-programas h1 { font-size: 2rem; }
.main-content-programas a { color: #21262b; }
.main-content-programas h2 { font-size: 1.5rem; }
.main-content-programas h1, .main-content-programas h2, .main-content-programas p { margin: 20px 0; }

.item-historico h2 { font-size: 1.3rem; margin-bottom: 10px; margin-top: 20px; }

.paginacion-busqueda li { display: inline; }

.logo { width: 90px; float: right; display: block; padding: 6.66667px 0; }

header.new-header { position: relative; z-index: 9999999; width: 100%; height: 46px; background: #1e242c; -moz-transition: left 0.3s; -o-transition: left 0.3s; -webkit-transition: left 0.3s; transition: left 0.3s; }
header.new-header > div { max-width: 1000px; margin: 0 auto; }
header.new-header .logo { margin-right: 5px; }
header.new-header .logo img { display: block; width: 100%; }
header.new-header button { font-weight: 300; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased; font-size: 1em; cursor: pointer; background: none; border: 1px solid rgba(255, 255, 255, 0.3); color: white; text-transform: uppercase; float: left; outline: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 10px; margin: 7px 0 0 5px; font-weight: 600; }
header.new-header button i { color: #faaf40; margin-right: 5px; }

.top-content { background-color: #ffffff; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE2EAF2'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZWFmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e2eaf2)); background-image: -moz-linear-gradient(top, #ffffff 0%, #e2eaf2 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e2eaf2 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e2eaf2 100%); border-bottom: 1px solid #c7cdd1; font-size: 0.8em; height: 40px; }
.top-content > div { text-align: center; position: relative; max-width: 1000px; margin: 0 auto; }
.top-content b { display: none; }
.top-content a { color: #21262b; text-transform: uppercase; line-height: 40px; display: block; float: left; border-right: 1px solid #c7cdd1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45%; }
.top-content a i { margin-right: 0; }
.top-content a:last-of-type { width: 10%; }
.top-content a span { color: #D92027; margin-right: 5px; }
.top-content a:first-of-type { border-left: 1px solid #c7cdd1; }
.top-content .search { position: absolute; right: 0; bottom: 0; width: 0px; overflow: hidden; -moz-transition: width 0.3s; -o-transition: width 0.3s; -webkit-transition: width 0.3s; transition: width 0.3s; z-index: 9999999; }
.top-content .search input, .top-content .search button { display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; line-height: 30px; padding: 5px; }
.top-content .search input { margin-right: 50px; background: white; width: 100%; outline: none; font-size: 1em; font-weight: 300; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased; }
.top-content .search button { width: 50px; background: lightBlue; position: absolute; top: 0; right: 0; text-align: center; }
.top-content .search button i { margin-right: -2px; }
.top-content .search.search-visible { width: 100%; }

.btn-facebook { background: #3b5998; color: #fff; }

.btn-twitter { background: #55acec; color: #fff; }

.btn-plus { background: #dd4b39; color: #fff; }

.btn-youtube { background: #cd201f; color: #fff; }

.btn-instagram { background: #3f729b; color: #fff; }

.btn-vine { background: #00b488; color: #fff; }

#socialFollow a { height: 35px; display: block; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; line-height: 35px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#socialFollow a { width: 16.66%; }
#socialFollow a i { margin-right: 0; }

.content-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent; z-index: 9999999; display: none; -moz-transition: background 0.5s; -o-transition: background 0.5s; -webkit-transition: background 0.5s; transition: background 0.5s; }
.content-overlay.show-overlay { background: rgba(0, 0, 0, 0.7); display: block; }

nav.new-nav ul ul ul { display: none; }
nav.new-nav ul ul ul li a { padding-left: 20px; }
nav.new-nav .section > span { display: block; background: #e4eaef; text-transform: uppercase; font-weight: 300; color: #73838c; font-size: 1.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; line-height: 40px; }
nav.new-nav .selected { font-weight: 600; }
nav.new-nav .selected + ul { display: block; }
nav.new-nav li a, nav.new-nav li span { display: block; padding: 10px; color: #21262b; border-bottom: 1px solid #c7cdd1; }
nav.new-nav li ul span { cursor: pointer; }
nav.new-nav li ul span:after { font-family: "fontAwesome"; content: ""; float: right; color: #999; }
nav.new-nav .social-follows { border-bottom: 1px solid #c7cdd1; border-top: 1px solid #c7cdd1; }
nav.new-nav .logo { float: none; background: #1e242c; width: 100%; }
nav.new-nav .logo img { width: 90px; margin: 0 auto; display: block; }
nav.new-nav .copyright { font-size: 0.8em; text-align: center; padding: 20px; color: #424c56; }

/* ----------------------------------- Slidebars Version 0.10.3 http://plugins.adchsm.me/slidebars/  Written by Adam Smith http://www.adchsm.me/  Released under MIT License http://plugins.adchsm.me/slidebars/license.txt  ------------------- Slidebars CSS Index  001 - Box Model, Html & Body 002 - Site 003 - Slidebars 004 - Animation 005 - Helper Classes  ---------------------------- 001 - Box Model, Html & Body */
html, body, #sb-site, .sb-site-container, .sb-slidebar { /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { width: 100%; /* overflow-x: hidden;  Stops horizontal scrolling. */ }

html { height: 100%; /* Site is as tall as device. */ }

body { min-height: 100%; height: auto; position: relative; /* Required for static Slidebars to function properly. */ }

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; }

/* ---------- 002 - Site */
#sb-site, .sb-site-container { /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ width: 100%; min-height: 100vh; position: relative; z-index: 1; /* Site sits above Slidebars */ background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ }

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { content: ' '; display: table; }

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { clear: both; }

/* --------------- 003 - Slidebars */
.sb-slidebar { height: 100%; overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ position: fixed; top: 0; z-index: 0; /* Slidebars sit behind sb-site. */ display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ background-color: white; /* Default Slidebars background colour, overwrite this with your own css. */ }

/*.sb-slidebar, .sb-slidebar * {
	-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
/*}*/
.sb-left { left: 0; /* Set Slidebar to the left. */ }

.sb-right { right: 0; /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active { display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay { z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling { -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ }

@media (max-width: 767px) { /* Slidebar widths on extra small screens. */
  .sb-slidebar { width: 220px; }
  .recorrer { left: 220px !important; } }
@media (min-width: 768px) { /* Slidebar widths on medium screens. */
  .sb-slidebar { width: 350px; }
  .recorrer { left: 350px !important; } }
/* --------------- 004 - Animation */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar, .recorrer { -webkit-transform: translate(0px); -moz-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* -------------------- 005 - Helper Classes */
.sb-hide { display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

.translateOff { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; -webkit-transition-property: none !important; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: none !important; }

@media screen and (min-width: 767px) { #socialFollow { float: right; margin-top: 5px; }
  #socialFollow a { width: 35px; }
  header .logo { position: absolute; right: 50%; margin-right: -45px !important; } }