@charset "UTF-8";
/*!
 * CSS Compilado el: 2015-12-01 12:20:06 -0600
 */
@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; }

/* Retina Sprites for Compass by:              Gaya Kessler last update:     10/25/13  Usage: 1. create two folders in your image directory (in this case 'icons' and 'icons-2x'). 2. adjust the foldernames defined below if you use different names. 3. create sprite images for pixel ratio 1 screens and put them in the first folder. 4. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames. 5. use the sprite-image in your Sass/Scss using: '@include use-sprite(<sprite-name>)' */
.page-container .container > .sidebar, .top-bar, .social, .icon-mobli, .panel-top-banner-logo, .panel-main-menu, .thumb, .highlight, .title, .date, .listing, .panel-news-feed, .panel-noticieros, .panel-category, .panel-day-pic, .panel-destacados, .panel-switcher, .panel-columnistas, .panel-clima, .panel-aside-banner, .panel-finanzas, .panel-encuesta, .back, .panel-entrevistas, .panel-alerta, aside, .shadow, .panel-banner-especial, .panel-banner-superespecial, .panel-registro, .panel-confirmacion, .panel-error, .panel-union, .panel-envivo, .banner-leaderboard, .fan-10, .module-resultados, .panel-top-sms, .panel-breadcrumb-date, .post .gallery .action, .post .panel-comentarios, .share, .font-size, #footer, .newsletter-footer, .third-row, .panel-mas-noticias, .panel-feed-selector, .panel-video-feed, .panel-resultados, .panel-busqueda, .panel-historico, .panel-opinion, .pager, .loader { display: none !important; }

header.new-header:after, .top-content > div:after, #socialFollow:after { content: " "; display: block; clear: both; }

.imgr { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.container { clear: both; margin: 0 auto; max-width: 1000px; padding: 0 20px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { color: #343434; background-color: white; font-weight: 400; font-family: "Montserrat", sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body a:link, body a:visited, body a:hover, body a:active { text-decoration: none; color: inherit; }

h1, h2, h3 { font-weight: 300; font-family: "Roboto Condensed", sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input, button { background-color: transparent; border: 0; color: inherit; font-family: inherit; font-size: inherit; margin: 0; padding: 0; }
input:focus, button:focus { outline: 0; outline-offset: 0; }

.main-wrap { position: relative; z-index: 2; margin-top: 20px; }
.main-wrap > div { max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; }

.page-container .container > div { float: none; width: 100% !important; }
.page-container .container > div:nth-of-type(1) { font-size: 14px; }
.page-container .container > div:nth-of-type(1) h2 { font-size: 1.6em; text-transform: uppercase; }
.page-container .container > div:nth-of-type(1) h2 a { display: block; padding: 5px 0; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }
.page-container .container > div:nth-of-type(1) h2 a:before { background-color: #505a65; content: ""; display: inline-block; height: 1em; margin-right: 10px; vertical-align: bottom; width: 4px; }

.post h1 { font-size: 28px; font-weight: 200; }
.post .meta { margin: 10px 0; padding: 10px 0; border-bottom: 1px dashed #73838c; border-top: 1px dashed #73838c; }
.post .meta strong { font-weight: lighter; }
.post .meta span { font-size: 0.8em; }
.post .meta .author:after, .post .meta .place:after, .post .meta .fecha:after { content: "|"; margin: 0 5px; }
.post p, .post em { margin: 20px 0; line-height: 20px; font-size: 16px; }
.post strong { font-weight: bold; }
.post .gallery { position: relative; width: 100%; margin: 20px 0; }
.post .gallery .author { position: absolute; bottom: 0; padding: 30px 0 10px 0; color: #fff; text-align: center; width: 100%; font-size: 0.9em; 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%); }
.post p a { color: #325ab2 !important; font-weight: bold; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }
.post p a:hover { color: #034372 !important; }
.post img { width: 100%; vertical-align: bottom; }

.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; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 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: #e31d1a; 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; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.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%; color: white; }
#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; } }