/*!
 * CSS Compilado el: 2016-09-01 16:46:25 -0500
 */
@import url("https://fonts.googleapis.com/css?family=Lato:400,300,700");
@import url("../css/font-awesome.css");
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: " "; display: block; clear: both; }

body { font-weight: 400; font-family: "Lato", sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333; }

a { color: inherit; text-decoration: none; }

h1, h2 { text-transform: uppercase; font-weight: 700; text-align: center; padding: 40px 0; }

h1 { font-size: 1.8em; color: #ccffff; }

h2 { font-size: 1.5em; }

strong { font-weight: 700; }

header { background: url(../img/bg-texture.png); border-top: 5px solid black; padding: 20px 0; }

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

header a { display: block; }
header a.logo-mexico { width: 200px; float: left; padding-top: 10px;}
header a.logo-fundacion { width: 270px; float: right; }
header a img { width: 100%; }

.en-vivo { background: #003366 url("../img/bg-picture.jpg") repeat-y 50% top; border-top: 8px solid #0081c9; padding-bottom: 30px; padding-top: 30px; background-size: cover; }
.en-vivo .player { margin: 0 auto; max-width: 728px; }

.en-vivo .socialShare { margin: 20px auto; max-width: 728px; display: flex}
.en-vivo .socialShare a { width: 50%; padding: 20px; text-align: center; display: block; position: relative; z-index: 9999; font-weight: bold; text-transform: uppercase;}
.en-vivo .socialShare span { margin-left: 5px;}
.en-vivo .socialShare .btnFacebook { background: #3b5998; color: #fff; }
.en-vivo .socialShare .btnTwitter { background: #55acec; color: #fff; }
.en-vivo .socialShare .btnWhatsApp { background: #4dc247; color: #fff; display: none;}


.vod { background: #003366; border-top: 8px solid #0081c9; padding-bottom: 80px; background-size: cover; }
.vod .playlist { margin: 0 auto; max-width: 728px; }

.numbers { background: #0081c9; color: white; }
.numbers div > div { width: 25%; float: left; margin: 20px 0; }
.numbers div > div i { font-size: 30px; float: left; margin-right: 10px; }
.numbers div > div span { display: block; text-transform: uppercase; font-size: 0.9em; }
.numbers div > div span.title { margin-bottom: 2px; }
.numbers div > div span.info { color: #ffcc33; }

.profile { display: none; }
.profile img { float: left; display: block; width: 100px; margin-right: 10px; }
.profile h2 { text-align: left; line-height: 10px; }
.profile p { font-size: 0.9em; line-height: 1.4em; }

.content { background: #eee url(../img/bg-texture.png); padding-bottom: 60px; }
.content .guests { width: 62%; float: left; padding-right: 10px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .guests a { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content .guests a img { padding: 0 10px 20px 10px; width: 180px; }
.content .guests a span { width: 100%; position: absolute; left: 0; bottom: 5px; font-weight: 700; color: #666; }
.content .scheduele { width: 38%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; }
.content .scheduele .row { padding: 18px 0; border-bottom: 1px solid #666; }
.content .scheduele .row:first-of-type { padding-top: 0px; }
.content .scheduele .row:last-of-type { border-bottom: none; }
.content .scheduele .row .time { display: inline-block; width: 85px; }
.content .scheduele .row .time-alt { margin-right: 8px; }
.content .scheduele .row .who { font-weight: 700; }
.content .scheduele .row i { margin-right: 5px; }

.content .scheduele .row small {
    font-size: 0.8em;
    color: #999;
    margin-left: 5px;
    display: block;
    margin: 5px 0 0 85px;
}

footer { background: white; color: #666; padding: 20px 0; }
footer .telmex { float: left}
footer .uno { float: right}
footer .uno a { display: inline-block; margin: 0 5px;}
footer .uno a img { height: 20px; width: auto;}


.error_image { max-width: 728px; margin: 0 auto; padding: 80px 20px 100px 20px; color: #eee; text-align: center; font-size: 1.5em; line-height: 1.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-family: "Lato", sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.9))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)); background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)); text-shadow: rgba(0, 0, 0, 0.7) 2px 2px 2px; }
.error_image > div { margin: 0 auto 20px auto; width: 100px; height: 100px; background-image: url("data:image/png;base64,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"); background-size: 100% 100%; }

@media screen and (max-width: 1000px) { .numbers div > div { width: 50%; text-align: center; }
  .numbers div > div i { float: none; margin: 0 0 10px 0; }
  .numbers div > div:nth-of-type(1), .numbers div > div:nth-of-type(2) { margin-bottom: 0; }
  .content > div > div { width: 100% !important; margin-bottom: 40px !important; } }
@media screen and (max-width: 768px) { header a.logo-mexico { width: 200px; }
  header a.logo-fundacion { width: 200px; }
  .error_image { font-size: 1.2em; line-height: 1.6em; }
  footer p { display: block; text-align: center; float: none !important; margin: 10px 0; }
  footer .uno a { display: block; margin: 10px;}
}
@media screen and (max-width: 480px) { h1 { font-size: 1.3em; }
  header a.logo-mexico { width: 100px; padding-top: 0;}
  header a.logo-fundacion { width: 100px; }
  .numbers div > div { width: 100%; }
  .numbers div > div:not(:last-child) { margin-bottom: 0; }
  .en-vivo .socialShare .btnWhatsApp { display: block;}
  .en-vivo .socialShare span { display: none;}
  .en-vivo .socialShare i { font-size: 1.5em;}
}
@media screen and (max-width: 350px) {
  .en-vivo .container { padding: 0;}
}