/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    }
/**
 * Remove default margin.
 */
body {
    margin: 0
    }
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
    }
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
    }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0
    }
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
    display: none
    }
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent
    }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
    outline: 0
    }
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted
    }
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
    font-weight: bold
    }
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic
    }
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000
    }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%
    }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0
    }
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden
    }
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px
    }
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
    }
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto
    }
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
    }
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
    }
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible
    }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
    text-transform: none
    }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], /* 1 */input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
    cursor: default
    }
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal
    }
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    }
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
    }
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box
    }
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
    }
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
    }
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
    }
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto
    }
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold
    }
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0
    }
td, th {
    padding: 0
    }
@font-face {
    font-family: "NexaBold";
    src: url(../fonts/Nexa-Bold.eot?) format("embedded-opentype"), url(../fonts/Nexa-Bold.woff) format("woff"), url(../fonts/Nexa-Bold.ttf) format("opentype");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
    }
@font-face {
    font-family: "NexaLight";
    src: url(../fonts/Nexa-Light.eot?) format("embedded-opentype"), url(../fonts/Nexa-Light.woff) format("woff"), url(../fonts/Nexa-Light.ttf) format("opentype");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
    }
h1, h2, h3, h4, h5, h6, body, html, ul, li, p, form, input {
    margin: 0;
    padding: 0
    }
.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
    }
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.grid {
    margin: 0 auto;
    max-width: 1180px;
    overflow: hidden;
    width: 100%
    }
.grid:after {
    clear: both;
    content: "";
    display: table
    }
/**/
abbr, abbr[title] {
    border: 0;
    text-decoration: none
    }
#home_page {
    position: relative
    }
body {
    color: #fff;
    font: 1.1em/1.6em Arial, verdana, sans-serif
    }
a, a img {
    border: 0;
    outline: none
    }
a {
    text-decoration: none;
    transition: all 100ms ease-out
    }
.hidden {
    display: none
    }
#formResponseOK, #formResponseKO {
    font-size: 0.9em;
    margin: 5px auto 0;
    max-width: 630px;
    text-align: left
    }
#formResponseOK {
    color: #21ba12
    }
#formResponseOK a {
    border-bottom: 1px dotted #21ba12;
    color: #21ba12
    }
#formResponseKO {
    color: #ea1707
    }
/* Header */
header#headerPpal {
    background: #242424 url(../images/bg-header.jpg) no-repeat center top fixed;
    color: #fff;
    position: relative;
    width: 100%;
    background-size: auto 920px
    }
header .grid {
    text-align: center
    }
header#headerPpal > .grid {
    margin-bottom: 50px
    }
header#headerPpal.home > .grid {
    margin-bottom: 20px
    }
header#headerPpal h1 a {
    background: url(../images/logo_header.png) no-repeat;
    background-size: 100% auto;
    display: block;
    height: 110px;
    margin: 25px auto 0;
    text-indent: -9999px;
    width: 90px
    }
/*
header#headerPpal h2{ 
    font: bold 40px NexaBold, sans-serif;
    text-transform: uppercase;
    margin: 20px 0 15px;
}
*/
header#headerPpal h2 {
    font: bold 50px NexaBold, sans-serif;
    margin: 20px auto 15px;
    max-width: 640px;
    text-transform: uppercase
    }
header#headerPpal h2 strong {
    color: #00e6c3;
    font-family: NexaBold, sans-serif
    }
header .date_conf {
    font: normal 20px NexaLight, sans-serif;
    margin-bottom: 26px;
    text-transform: uppercase
    }
#idClaimHeader {
    margin-bottom: 30px
    }
#idClaimHeader ~ p {
    font: 1.1em/1.4em NexaLight, arial, sans-serif;
    margin: 0 auto;
    max-width: 880px
    }
#idClaimHeader ~ p.txtAttendees {
    font-size: 1.6em
    }
#idClaimHeader + p + p {
    margin-bottom: 16px
    }
#idClaimHeader ~ p strong {
    display: block;
    font: 1.3em NexaBold, arial, sans-serif;
    max-width: 680px;
    margin: 0 auto 15px
    }
header .dtstart, header .dtend {
    color: #00e6c3
    }
header #city {
    display: block;
    margin-top: 5px
    }
header #hastag {
    display: block;
    padding-top: 23px
    }
header ul {
    list-style-type: none
    }
header hr {
    width: 70%;
    margin: 0 auto;
    border: 0;
    height: 10px;
    background: #fff;
    max-width: 740px
    }
header ul {
    margin-top: 110px;
    margin-bottom: 120px
    }
header .boton-play {
    background: url(../images/ico-play-hover.png) no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 78px;
    margin: 25px auto;
    width: 78px
    }
header .boton-play:hover {
    background: url(../images/ico-play.png) no-repeat scroll center center rgba(0, 0, 0, 0)
    }
header .videoClaim {
    font: bold 24px NexaLight, sans-serif;
    margin-bottom: 40px
    }
header ul li {
    font: bold 24px NexaBold, sans-serif
    }
.lightbox-video {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1005
    }
.contenedorvideo {
    margin: 200px auto
    }
.pMod3 {
    font: 0.9em/1.75em arial, verdana, sans-serif;
    margin: 0 auto;
    max-width: 650px;
    padding: 3px 0 18px
    }
header#headerPpal .dvBtns {
    padding: 38px 0 68px
    }
header#headerPpal .dvBtns a {
    background-color: #fff;
    color: #0093e0;
    font-size: 1.1em;
    padding: 18px 5.8% 19px
    }
.tickets {
    margin-top: 4%
    }
#sectionTick .grid {
    padding: 0;
    padding-bottom: 60px
    }
header#headerPpal .dvBtns a:hover {
    background-color: #9cddff
    }
header#headerPpal a.btnTicket {
    font: normal 17px NexaLight, sans-serif;
    background: rgba(0, 0, 0, 0.3) repeat-x scroll center center;
    color: #fff;
    padding: 1.5em 6.2em;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    border: 1px solid #fff;
    margin: 85px 0 132px;
    display: inline-block;
    letter-spacing: 1px
    }
header#headerPpal a.btnTicket:hover {
    /*opacity: 1;*/
    background: rgba(0, 0, 0, 0.6) repeat-x scroll center center
    }
header#headerPpal .navPpal {
    background: rgba(0, 0, 0, 0.4) repeat scroll center center;
    /*opacity: .4;*/
    font-size: 16px;
    width: 100%;
    height: 67px
    }
header#headerPpal #navPpalFixed {
    display: none;
    position: fixed;
    top: 0;
    background: #1b1b1b;
    z-index: 1001;
    height: 67px
    }
header#headerPpal .navPpal a {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: left;
    font: normal 17px NexaLight, sans-serif;
    height: 67px;
    letter-spacing: 1px;
    padding: 23px 0;
    text-align: center;
    width: 33.3%;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    -webkit-transition: all 400ms
    }
header#headerPpal .navPpal a:hover {
    border-bottom: 5px solid #ffc300;
    padding: 23px 0 18px;
    color: #ffc300;
    background: rgba(0, 0, 0, 1)
    }
header#headerPpal #navPpalFixed a.comingSoon:hover {
    padding: 16px 0 15px
    }
header#headerPpal #navPpalFixed a {
    width: calc(33.3% - 34px)
    }
header#headerPpal .navPpal a.comingSoon {
    color: #898989;
    display: block;
    float: left;
    padding: 16px 0;
    cursor: default;
    line-height: 16px
    }
header#headerPpal .navPpal a.comingSoon:hover {
    border-bottom: none;
    background: none
    }
header#headerPpal .navPpal a.active {
    border-bottom: 5px solid #ffc300;
    padding: 20px 0 21px !important;
    color: #ffc300;
    background-color: #000
    }
header#headerPpal .navPpal a.comingSoon .soon {
    font: normal 13px NexaLight, sans-serif;
    letter-spacing: 1px
    }
header#headerPpal .navPpal a#logoHeaderMini {
    display: block;
    float: left;
    height: 67px;
    padding: 10px 0;
    max-width: 100px
    }
header#headerPpal .navPpal a#logoHeaderMini:hover {
    border-bottom: 0;
    padding: 10px 0;
    color: #ffc300;
    background: transparent
    }
header#headerPpal .navPpal a#logoHeaderMini img {
    width: auto;
    height: 100%
    }
.black_overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
    }
/**/
.tablet {
    display: none
    }
.desktop {
    display: block
    }
.tags.desktop {
    line-height: 10px;
    padding-top: 5px
    }
#programInfo {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto 0;
    color: #000
    }
.programChange {
    color: #808080;
    display: block;
    font: 17px NexaLight, sans-serif;
    letter-spacing: 1px;
    margin: 0 0 23px;
    text-align: center;
    width: 100%
    }
.programChange + .programData {
    margin-top: 13px
    }
#videosInfo {
    padding-top: 13px
    }
.spnTab {
    font: normal 28px NexaLight, sans-serif;
    color: #808080;
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    border-bottom: 1px solid #808080;
    padding: 20px 0;
    letter-spacing: 4px;
    cursor: pointer;
    transition: all 400ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms
    }
.spnTab:hover, .tabActive {
    color: #ffc300;
    border-bottom: 5px solid #ffc300;
    padding-bottom: 16px
    }
.spnTab.tabActive:hover {
    opacity: 0.5
    }
.spnTab strong {
    font-weight: normal;
    font: normal 28px NexaBold, sans-serif
    }
#firstTabContent, #secondTabContent {
    clear: both;
    width: 100%;
    position: relative;
    padding-top: 40px
    }
.col1Program {
    width: 24%;
    float: left
    }
.hourDetail, .roomDetail {
    width: 100%;
    font: normal 14px NexaBold, sans-serif;
    letter-spacing: 1px;
    line-height: 27px
    }
.icoRegis {
    display: block;
    margin-bottom: 14px;
    width: auto;
    height: 22px
    }
.icoRegis path.cls-1 {
    fill: #000;
    fill-rule: evenodd
    }
#programInfo .break {
    font: normal 18px NexaBold, sans-serif;
    letter-spacing: 2px
    }
#programInfo .breakSponsor {
    font: 14px NexaLight, sans-serif;
    letter-spacing: 1px;
    margin-top: -5px
    }
#programInfo .breakSponsor span {
    display: inline-block;
    padding-top: 9px;
    vertical-align: top
    }
#programInfo .breakSponsor.itemSponsors img {
    height: auto
    }
#programInfo .breakSponsor.itemSponsors .img_wrapper {
    display: inline-block;
    margin: 0
    }
.col2Program {
    float: left;
    width: 75%;
    padding-left: 22px;
    border-left: 2px solid #eee
    }
.col2Program2 {
    float: left;
    width: 75%
    }
.titleDetail {
    padding-bottom: 20px
    }
.titleDetail a {
    font: normal 18px NexaBold, sans-serif;
    color: #f2b600;
    letter-spacing: 2px
    }
.titleDetail a:hover {
    opacity: 0.5
    }
.ponente .titleDetail {
    color: #f2b600;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.45em;
    margin-top: 2px;
    padding-bottom: 0;
    text-transform: uppercase
    }
.ponente .titleDetail a {
    font-size: 15px
    }
.ponente .tags {
    line-height: 1em;
    margin-bottom: 5px
    }
.titleDetail + .ponente {
    margin-top: 0
    }
.ponente + .ponente {
    margin: 20px 0 10px
    }
.itemTime {
    padding: 20px 0;
    display: inline-block;
    width: 100%
    }
.tags span {
    font: 14px NexaLight, sans-serif;
    letter-spacing: 1px;
    padding-right: 3px;
    display: inline-block
    }
.tags span:last-child {
    padding-right: 0
    }
span.dot {
    font: bold 18px monospace;
    letter-spacing: 0;
    padding-right: 7px
    }
.separador {
    clear: both;
    font: normal 14px NexaLight, sans-serif
    }
.description_prog {
    font: normal 14px NexaLight, sans-serif;
    letter-spacing: 1px
    }
.ponente {
    display: table;
    margin: 10px 0;
    width: 100%
    }
.dvProgramPhoto {
    float: left;
    height: 40px;
    margin-bottom: 7px;
    margin-right: 20px;
    position: relative;
    width: 40px
    }
.dvProgramContent {
    float: left;
    position: relative;
    width: calc(100% - 60px)
    }
.dvProgramContent .name {
    font: normal 14.45px NexaBold, sans-serif;
    text-transform: none
    }
.dvProgramContent .empresa, .dvProgramContent .cargo {
    color: #808080;
    font: normal 14.45px NexaBold, sans-serif
    }
.dvProgramContent p {
    line-height: 1em;
    padding-bottom: 0.3em
    }
.dvProgramContent + .dvProgramPhoto, .dvProgramContent + .dvProgramPhoto + .dvProgramContent {
    margin-top: 10px
    }
span.salon {
    font: normal 14px NexaBold, sans-serif;
    letter-spacing: 1px;
    padding-right: 10px
    }
span.language {
    font: normal 14px NexaLight, sans-serif;
    letter-spacing: 1px
    }
.col2 {
    float: left;
    width: 50%;
    padding: 0 22px;
    border-left: 2px solid #eee
    }
#secondTabContent {
    display: none
    }
.next {
    background-color: transparent;
    border: 1px solid #c9c9c9;
    border-radius: 1px;
    color: #808080;
    cursor: pointer;
    display: block;
    font: 16px NexaLight, sans-serif;
    letter-spacing: 1px;
    margin: 0 auto 57px;
    max-width: 410px;
    padding: 26px 20px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 80%
    }
.next span {
    font-family: NexaBold, sans-serif
    }
.next:hover {
    border-color: #ffc300;
    color: #ffc300
    }
/**/
#programDetail {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto 0;
    color: #000
    }
#col1Detail {
    width: 66%;
    float: left;
    margin-right: 70px
    }
#col2Detail {
    float: left;
    margin-top: 83px;
    border-left: 2px solid #eee;
    padding-left: 20px;
    width: calc(34% - 70px)
    }
#navegation a {
    color: #f2b600;
    font: normal 14px NexaBold, sans-serif;
    display: block;
    float: left;
    opacity: 1;
    transition: opacity ease-out 100ms
    }
#navegation a span {
    line-height: 35px
    }
#navegation a:hover {
    opacity: 0.5
    }
#ico-izq {
    display: block;
    float: left;
    padding-right: 20px
    }
#ico-dcha {
    float: right;
    padding-left: 20px
    }
#backProgram {
    margin: 0 14em
    }
#col1Detail h1 {
    font: normal 18px NexaBold, sans-serif;
    letter-spacing: 1.5px;
    clear: both;
    padding-top: 45px
    }
#slotData {
    clear: both;
    display: block;
    padding: 30px 0
    }
#slotData img {
    display: block;
    float: left;
    margin-right: 15px;
    width: auto;
    height: 22px
    }
#slotData div {
    float: left
    }
#slotData p {
    color: #808080;
    font: normal 14px NexaBold, sans-serif;
    line-height: 23px;
    letter-spacing: 1px
    }
#slotContent {
    clear: both;
    color: #303030;
    display: block;
    font: normal 14px Arial, sans-serif;
    padding-top: 25px
    }
.videoBox {
    margin: 30px auto 0;
    max-width: 800px;
    width: 100%
    }
.speakerdeckBox {
    display: block;
    margin-top: 30px
    }
.video {
    height: 0;
    max-width: 800px;
    padding-top: 56.25%;
    position: relative;
    width: 100%
    }
.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
    }
#slotContent p.readMore {
    background: url(../images/ico_mas.png) right 0 no-repeat;
    color: #f2b600;
    cursor: pointer;
    font: 14px arial, sans-serif;
    padding-bottom: 5px;
    padding-top: 0;
    text-decoration: none;
    width: 98px
    }
p.readMore:hover {
    opacity: 0.5
    }
#slotContent p.readMore.icoMenos {
    background-image: url(../images/ico_menos.png)
    }
.readMore + div {
    display: none;
    padding-bottom: 25px
    }
#slotContent h2 {
    clear: both;
    font: 16px NexaBold, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase
    }
#slotContent p {
    line-height: 22px;
    padding: 10px 0
    }
#slotContent ul {
    list-style-type: disc;
    margin-left: 40px
    }
#slotContent ul ul {
    list-style-type: circle
    }
#slotContent li {
    line-height: 22px;
    padding: 5px 0
    }
.dvSlotPhoto {
    width: 80px;
    height: 80px;
    margin-bottom: 10px
    }
#col2Detail .dvSlotContent {
    margin-bottom: 10px
    }
.dvSlotContent .name {
    font: normal 14.45px NexaBold, sans-serif;
    text-transform: none;
    color: #808080
    }
.dvSlotContent .name a {
    color: #808080
    }
.dvSlotContent .empresa, .dvSlotContent .cargo {
    font-size: 14px
    }
/*noColDetail - Detalle programa 1 columna */
#col1Detail.noColDetail {
    margin-right: 0;
    width: 100%
    }
.noColDetail #slotContent p.p0 {
    color: #808080;
    font: 14px/1em NexaBold, sans-serif;
    letter-spacing: 1px;
    padding-top: 5px
    }
.noColDetail #slotContent .dvSlotPhoto {
    margin-bottom: 10px
    }
.noColDetail #slotContent .dvSlotContent p {
    line-height: 1.6em;
    padding: 0
    }
.slotSpeech {
    clear: both;
    display: block;
    margin-bottom: 75px;
    overflow: hidden;
    width: 100%
    }
.slotSpeech:last-of-type {
    margin-bottom: 0
    }
.speech1Column {
    float: left;
    margin-right: 70px;
    width: 66%
    }
.noColDetail .speekerSlot {
    border-left: 2px solid #eee;
    float: left;
    margin-bottom: 10px;
    padding-left: 20px;
    width: calc(34% - 70px)
    }
section .slotSpeech + hr {
    display: none
    }
/**/
.dvSpeakers {
    margin: 30px auto 0
    }
.dvSpeakers div {
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.35em;
    min-width: 160px;
    text-align: center;
    vertical-align: top;
    width: 22.5%;
    font-family: Arial;
    font-size: 14px;
    color: #666;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
    }
.dvSpeakers .grid {
    width: 100%
    }
.dvSpeakers div p {
    position: absolute;
    bottom: 0.5em;
    width: 91%;
    text-align: left
    }
.dvSpeakers div img {
    /*border-radius: 50%;*/
    width: 100%
    }
/*Sombreado imágenes*/
.dvSpeakers div.dvFicha:after {
    content: "";
    width: 92%;
    display: block;
    background: url(../images/bg_img.png) repeat-x scroll center center;
    height: 82px;
    position: absolute;
    bottom: 4px
    }
/*Fin Sombreado imágenes*/
.dvSpeakers div .dvoculto {
    position: absolute;
    /*height: 81.5%;
        width: 89%;*/
    padding: 0;
    top: 20px;
    left: 10px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000
    }
.dvSpeakers div .dvoculto p.pdescrip {
    top: 1em
    }
.dvSpeakers div .dvoculto hr {
    height: 1px;
    width: 85%;
    background: #fff;
    opacity: 0.5;
    margin: 0 auto;
    position: absolute;
    top: 61%;
    left: 1em
    }
.dvSpeakers div .dvoculto p a {
    color: #ffc300;
    margin: 1em;
    float: left;
    z-index: 1;
    position: relative
    }
.dvSpeakers div .dvoculto p a:hover {
    text-decoration: underline
    }
/**/
.dvSpeakers div span {
    font: normal 17px NexaLight, sans-serif;
    clear: both;
    display: block;
    padding: 0 0 4px;
    color: #fff;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    margin-left: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 14px
    }
.dvSpeakers div span.spnSitio {
    text-transform: none;
    font-weight: bold;
    line-height: 25px;
    font-family: NexaBold, sans-serif
    }
/**/
.section0 {
    color: #333;
    font-family: NexaBold, sans-serif;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    padding: 78px 0 0;
    text-align: center
    }
.section0 hr {
    background: #eee;
    height: 10px;
    width: 50%;
    border: none;
    max-width: 579px
    }
.section0 h2 {
    font: normal 40px NexaLight, sans-serif;
    color: #1a1a1a;
    font-weight: normal;
    letter-spacing: 4px;
    margin-bottom: 15px
    }
.section0 h2 strong {
    font-family: NexaBold, sans-serif
    }
.aTwitter {
    margin-right: 10px;
    text-decoration: none
    }
.pMod1 {
    font: 2.25em/1.5em NexaLight, sans-serif;
    padding: 8px 0 19px
    }
.pMod1 strong {
    font-family: NexaBold, sans-serif
    }
.dvCalendar {
    background: url(../images/ico_calendar.png) center 0 no-repeat;
    color: #00e6c3;
    font-size: 28px;
    line-height: 1.3em;
    padding-bottom: 43px;
    padding-top: 52px
    }
.dvCalendar span {
    font-size: 24px
    }
.pMod2 {
    font-family: arial, verdana, sans-serif
    }
/**/
.section0 .dvBtns {
    padding: 46px 0 76px
    }
.section0 .dvBtns a {
    background-color: #00e6c3;
    border-bottom: 5px solid #006657;
    border-radius: 3px;
    color: #006657;
    font-size: 18px;
    padding: 25px 13% 22px
    }
.section0 .dvBtns a:hover {
    background-color: #006657;
    color: #fff
    }
/**/
#formNewsletter .grid {
    color: #333;
    text-align: center;
    padding: 20px 72px 0
    }
#formNewsletter h2 {
    font: bold 14px NexaBold, sans-serif;
    margin: 45px 0 0;
    letter-spacing: 1px
    }
#formNewsletter label {
    position: absolute;
    text-indent: -99999px
    }
#formNewsletter form {
    margin: 26px auto 0;
    max-width: 517px;
    /*text-align: left;*/
    text-align: center;
    width: 100%
    }
input:focus {
    outline: none
    }
#formNewsletter input.inputEmail {
    background: #fff url(../images/ico_mail.png) 10px 50% no-repeat;
    border: 1px solid #b2b4b4;
    border-radius: 2px;
    color: #999;
    display: inline-block;
    font: 14px arial, verdana, sans-serif;
    padding: 20px 3px 17px 37px;
    transition: background-color 0.3s ease-out;
    width: calc(100% - 139px);
    background-size: 17px auto
    }
::-webkit-input-placeholder {
    font-style: italic
    }
:-moz-placeholder {
    /* Firefox 18- */
    font-style: italic
    }
::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic
    }
:-ms-input-placeholder {
    font-style: italic
    }
#formNewsletter input.btn, a.btn {
    background-color: #00e6c3;
    border: 0;
    border-bottom: 3px solid #006657;
    border-radius: 3px;
    color: #006657;
    display: inline-block;
    font: 14px NexaBold, sans-serif;
    /* margin-left: 6px; */
    padding: 20px 20px 17px;
    transition: all 200ms ease-out;
    text-transform: uppercase;
    width: calc(100% - 139px);
    margin-top: 10px
    }
#formNewsletter input.btn:hover, a.btn:hover {
    background-color: #006657;
    color: #fff
    }
a.btn {
    color: #fff;
    display: inline-block;
    font: 14px NexaBold, sans-serif;
    letter-spacing: 3px;
    margin-bottom: 70px;
    padding-right: 40px
    }
a.btn img {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -4px
    }
/**/
#formNewsletter span strong {
    font-size: 36px;
    margin-bottom: 1em;
    font-family: NexaBold, sans-serif;
    letter-spacing: 1px;
    line-height: 47px;
    color: #1a1a1a
    }
#formNewsletter span {
    display: block;
    margin: 0 0 1.35em;
    font: normal 24px NexaLight, sans-serif
    }
#formNewsletter span + span {
    line-height: 1.6em
    }
#formNewsletter p {
    color: #62666a;
    font-size: 14px;
    margin-top: 13px;
    font-family: Arial
    }
#formNewsletter p a {
    color: #006657
    }
#formNewsletter p a:hover {
    border-bottom: 1px dotted #006657
    }
#formNewsletter hr {
    background: #c9c9c9;
    height: 1px;
    width: 230px;
    border: none;
    margin: 51px auto 0
    }
#aTerms {
    color: #ffc300 !important
    }
/**/
.sectionRRSS {
    padding-bottom: 65px;
    padding-top: 90px;
    text-align: center
    }
.sectionRRSS ul {
    display: table;
    margin: 0 auto
    }
.sectionRRSS ul li {
    display: table-cell;
    text-align: left;
    transition: opacity ease-out 100ms;
    vertical-align: middle;
    padding: 0 10px
    }
/*.sectionRRSS ul li:hover{opacity: 0.5;}*/
.sectionRRSS ul li a {
    border: 1px solid #adadad;
    border-radius: 50%;
    display: block;
    height: 52px;
    vertical-align: middle;
    width: 50px
    }
.sectionRRSS ul li:hover a {
    border-color: #d7d7d7
    }
.sectionRRSS ul li img {
    height: auto;
    padding-top: 0;
    width: 48px
    }
.sectionRRSS hr {
    background: #eee;
    height: 1px;
    max-width: 280px;
    width: 60%;
    border: none;
    margin-bottom: 60px
    }
#sectionLogoOR .grid {
    color: #1a1a1a;
    max-width: 600px;
    text-align: center
    }
#sectionLogoOR .grid #pLogo {
    color: #808080;
    font: 14px NexaLight, sans-serif;
    letter-spacing: 2px;
    padding-bottom: 24px;
    text-transform: uppercase
    }
/* RRSS home header */
.headerRRSS ul {
    margin: 0 0 5.5%
    }
.headerRRSS ul li {
    display: inline-block;
    margin: 0 0.5%;
    text-align: left
    }
.headerRRSS ul li a {
    display: block;
    height: 50px;
    position: relative;
    text-indent: -9000px;
    transition: all ease-out 100ms;
    width: 52px
    }
.headerRRSS ul li a:before {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px
    }
.headerRRSS ul li.twitter a:before {
    background-image: url(../images/rrss/ico_twitter_w.png)
    }
.headerRRSS ul li.linkedin a:before {
    background-image: url(../images/rrss/ico_linkedin_w.png)
    }
.headerRRSS ul li.flickr a:before {
    background-image: url(../images/rrss/ico_flickr_w.png)
    }
.headerRRSS ul li.youtube a:before {
    background-image: url(../images/rrss/ico_youtube_w.png)
    }
.headerRRSS ul li.speakerdeck a:before {
    background-image: url(../images/rrss/ico_speakerdeck_w.png)
    }
.headerRRSS ul li a:hover:before {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.5)
    }
.headerRRSS ul li.twitter a:hover:before {
    background-image: url(../images/rrss/ico_twitter.png)
    }
.headerRRSS ul li.linkedin a:hover:before {
    background-image: url(../images/rrss/ico_linkedin.png)
    }
.headerRRSS ul li.flickr a:hover:before {
    background-image: url(../images/rrss/ico_flickr.png)
    }
.headerRRSS ul li.youtube a:hover:before {
    background-image: url(../images/rrss/ico_youtube.png)
    }
.headerRRSS ul li.speakerdeck a:hover:before {
    background-image: url(../images/rrss/ico_speakerdeck.png)
    }
/* Talent */
#sectionJobs {
    padding-top: 90px;
    text-align: center
    }
#sectionJobs hr {
    background: #eee;
    height: 1px;
    max-width: 185px;
    width: 60%;
    border: none;
    margin-bottom: 60px
    }
#sectionJobs .grid {
    padding-top: 91px;
    background: url(../images/logo-bigjobs.png) center top no-repeat;
    max-width: 600px
    }
#sectionJobs h2 {
    font: 36px NexaLight, sans-serif;
    color: #1a1a1a;
    display: none
    }
#sectionJobs p {
    font: 16px arial, verdana, sans-serif;
    margin-top: 13px;
    color: #1a1a1a
    }
#sectionJobs .dvBtns {
    padding-top: 53px;
    text-align: center
    }
#sectionJobs .dvBtns a {
    background-color: #f66200;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font: 0.8em NexaBold, sans-serif;
    padding: 17px 35px 15px;
    text-decoration: none;
    transition: background-color 300ms ease-out
    }
#sectionJobs .dvBtns a:hover {
    background-color: #cb5406
    }
.lightbox-video {
    display: none
    }
#sponsorAndCall {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto 0
    }
#home_page #sponsorAndCall {
    padding: 0 0.5%
    }
#sponsorAndCall .grid {
    background: url(../images/foto.jpg) no-repeat center;
    min-height: 300px;
    background-size: cover
    }
.recuerda {
    width: 100%;
    position: absolute;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%
    }
.imgRecuerda {
    background: url(../images/recuerda.jpg) no-repeat center;
    background-size: cover;
    width: 960px;
    height: 540px;
    margin: 14em auto 0;
    border: 10px solid;
    padding: 2em 5em;
    text-transform: uppercase;
    text-align: center
    }
#sponsorAndCall .grid > div, .recuerdfa > div {
    /*float:left;
        min-width: 250px;
        width: 50%;*/
    text-align: center;
    position: relative
    }
#sponsorAndCall .grid > div h2, .recuerda > div h2 {
    color: #fff;
    font: 30px NexaBold, sans-serif;
    padding: 50px 0 0;
    text-transform: uppercase;
    letter-spacing: 4px
    }
.recuerda > div h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 1em
    }
#sponsorAndCall .grid > div a, .recuerda > div a {
    color: #fff;
    font: bold 15px NexaLight, sans-serif;
    padding: 1.3em 3em;
    background: #ffc300;
    border-bottom: 3px solid #664e00;
    border-radius: 3px;
    transition: all 200ms ease-out;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 3em
    }
.recuerda > div a {
    display: block;
    margin-top: 4em;
    width: 58%;
    margin: 5em auto 0
    }
#sponsorAndCall .grid > div p {
    font: 18px NexaLight, sans-serif;
    color: #fff;
    margin: 1em 0 3em 0;
    letter-spacing: 2px
    }
.recuerda > div p {
    font: 18px NexaLight, sans-serif;
    color: #fff;
    letter-spacing: 2px;
    line-height: 40px
    }
.sponsorship {
    /*background: #00e6c3;*/
    z-index: 10
    }
/*.sponsorship:after {
    background: none repeat scroll 0 0 #00e6c3;
    content: " ";
    height: 328px;
    position: absolute;
    right: -30px;
    top: 0;
    transform: skew(-10deg, 0deg);
    width: 59px;
}*/
.c2p {
    background: #ffc300
    }
/**/
#sectionText.section0 {
    text-align: left;
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 0.5% 0
    }
#sectionText hr {
    height: 1px;
    width: 280px;
    background: #c9c9c9;
    margin: 0
    }
#sectionText p {
    font-family: Georgia, Cambria, Times, "Times New Roman";
    font-style: italic;
    font-size: 24px;
    color: #808080;
    line-height: 1.5em;
    padding: 1.3em 0
    }
.cita_aleatoria img {
    height: 38px;
    margin: 0 0 77px
    }
#sectionText p.author_quote {
    color: #ccc !important;
    float: left;
    font: bold 14px/1em NexaLight, sans-serif !important;
    letter-spacing: 2px;
    margin-right: 14px;
    padding-top: 20px;
    text-transform: uppercase
    }
#speakerAndTalk {
    background: #ffc300;
    color: #1a1a1a
    }
#speakerAndTalk .section0 hr {
    background: #ffd54d
    }
#map {
    width: 100%;
    height: 500px;
    margin-bottom: 20px
    }
.dvHeaderSection {
    float: left;
    width: 17%
    }
#topSpeakers {
    margin-right: 2%;
    margin-top: 86px;
    padding-left: 0.5%
    }
#hqTalks {
    margin-top: 42px;
    padding-bottom: 30px
    }
.dvHeaderSection div span {
    color: #664e00;
    display: block;
    font: 28px/33px NexaLight, sans-serif;
    letter-spacing: 3px;
    text-align: left
    }
.dvHeaderSection div span b {
    display: block;
    font-family: NexaBold, sans-serif;
    margin-bottom: 22px;
    letter-spacing: 3px
    }
.dvHeaderSection p {
    font-size: 18px;
    font-family: NexaLight, sans-serif;
    display: block;
    text-align: left;
    line-height: 22px;
    color: #997500;
    letter-spacing: 1px
    }
.dvSectionHome {
    float: right;
    font-family: NexaLight, sans-serif;
    margin-right: 0.5%;
    margin-top: 45px;
    width: 80%
    }
.col4 {
    float: left;
    margin-right: 25px;
    text-align: left;
    width: calc(25% - 18.75px)
    }
.colUltim {
    margin-right: 0
    }
.spnYear {
    font-size: 14px;
    display: block;
    color: #997500;
    margin-bottom: 10px;
    letter-spacing: 1px
    }
.spnPonente {
    display: block;
    color: #1a1a1a;
    font-size: 18px;
    margin-bottom: 7px;
    letter-spacing: 0.5px
    }
.spnEmpresa {
    font-family: NexaBold, sans-serif;
    padding-right: 10px;
    font-size: 18px;
    color: #1a1a1a;
    letter-spacing: 1px
    }
.spnCargo {
    font-size: 18px;
    color: #1a1a1a;
    letter-spacing: 1px;
    line-height: 22px
    }
#dvColumnasSpeakers hr {
    background: #997500 !important;
    height: 1px;
    width: 100%
    }
.dvSpeakTabla {
    height: 95px;
    border-bottom: 1px solid #997500;
    margin-bottom: 25px
    }
.dvSpeakTabla p {
    line-height: 18px;
    letter-spacing: 1px
    }
#pFinal {
    text-align: left;
    line-height: 26px;
    color: #997500;
    font-size: 18px;
    /* display: block; */
    clear: both;
    padding: 15px 0 70px
    }
#dvTalks {
    clear: both;
    border-top: 1px solid #997500;
    margin: 0 0.5%
    }
#icoYoutube {
    float: left;
    padding-right: 4px;
    width: 19px;
    height: auto
    }
#dvCanalYoutube p {
    font-size: 14px;
    color: #000
    }
#dvCanalYoutube {
    margin-top: 25px;
    border-top: 1px solid #997500;
    padding-top: 25px
    }
#dvVideoTalks {
    margin-bottom: 98px
    }
#desktop {
    display: block
    }
#tablet {
    display: none
    }
#smartphone {
    display: none
    }
#sectionmapa {
    padding-top: 93px
    }
#sectionmapa .grid {
    padding: 0 0.5%
    }
#dvDatosMapa {
    text-align: left;
    margin: 45px 0 50px
    }
#dvDatosMapa h4 {
    font-size: 18px;
    letter-spacing: 2px
    }
#dvDireccion p {
    font: bold 14px NexaBold, sans-serif;
    line-height: 23px;
    color: #808080;
    letter-spacing: 1px
    }
#dvDireccion {
    width: 80%;
    float: left;
    border-right: 3px solid #eee;
    margin: 22px 22px 22px 0
    }
#dvDatosMapa h5 {
    letter-spacing: 1px
    }
#dvContacto {
    margin-top: 22px
    }
#dvContacto p {
    font-size: 14px;
    color: #808080;
    letter-spacing: 1px
    }
#pWeb {
    color: #ffc300 !important
    }
/**/
footer#footerPpal {
    /*background: url(../images/bg_foot.png) repeat-x left center;
        background: #00e6c3;*/
    color: #666;
    margin-top: 14px
    }
footer#footerPpal .dvLogoFt {
    text-align: center
    }
footer#footerPpal h3 {
    color: #313131;
    font: 20px "NexaBold";
    letter-spacing: 2px;
    margin-top: 30px;
    padding-bottom: 7px
    }
footer#footerPpal hr {
    width: 50%;
    border: none;
    background: #ededed;
    height: 10px
    }
footer#footerPpal h4 {
    color: #808080;
    font: 14px "NexaLight", sans-serif;
    letter-spacing: 4px;
    margin: 37px 0 17px
    }
footer#footerPpal h4 + div {
    display: block;
    width: 100%
    }
#sectionLogoOR .itemSponsors img {
    height: auto
    }
#sectionLogoOR .itemSponsors .img_wrapper {
    display: inline-block;
    margin: 0
    }
.sponsorsList .itemSponsors {
    display: inline-block;
    margin-left: -4px;
    padding: 5px 20px
    }
.itemSponsors img {
    opacity: 0;
    position: absolute
    }
.sponsorsList.size0 .itemSponsors .img_wrapper img {
    height: 70px;
    width: auto
    }
.sponsorsList.size0 .itemSponsors {
    padding: 5px 60px
    }
.sponsorsList.size1 .itemSponsors .img_wrapper img {
    height: 40px;
    width: auto
    }
.itemSponsors .img_wrapper {
    display: block;
    margin: 0 auto;
    text-align: left
    }
.itemSponsors .img_wrapper .img_grayscale {
    z-index: 998
    }
footer#footerPpal h4.mar0 {
    margin-bottom: 0;
    margin-top: 51px
    }
footer#footerPpal h4.mar1 {
    margin: 51px 0 20px
    }
footer#footerPpal h4.mar2 {
    margin: 33px 0 10px
    }
.mar5 .sponsorsList .itemSponsors .img_wrapper img {
    height: 50px;
    width: auto
    }
.mar5 {
    margin-bottom: 58px;
    margin-top: 39px
    }
/**/
.dvLogoFt span {
    display: block
    }
.dvLogoFt span:first-of-type {
    font: normal 21px NexaLight, sans-serif;
    color: #fff;
    margin-top: 13px
    }
.dvLogoFt span:last-of-type {
    font: bold 17px NexaBold, sans-serif;
    color: #fff
    }
.dvEditions {
    background-color: #00d1b1;
    color: #006657;
    font: 14px Arial, Verdana, sans-serif;
    margin-top: 100px;
    padding: 2px 0 37px;
    text-align: center
    }
.dvEditions p {
    margin-bottom: 13px
    }
.dvEditions p span {
    color: #000
    }
.dvEditions li {
    background: url(../images/bllt0.gif) 0 50% no-repeat;
    display: inline-block;
    list-style: none;
    padding-left: 11px;
    padding-right: 5px
    }
.dvEditions li:first-of-type {
    background-image: none;
    padding-left: 0
    }
.dvEditions li:last-of-type {
    padding-right: 0
    }
.dvEditions a {
    color: #fff
    }
.dvEditions h4 {
    font: 14px NexaLight, sans-serif;
    color: #008571;
    letter-spacing: 3px
    }
#logoParadigmaHome {
    margin: 9px 0 19px;
    width: 178px
    }
#dvOtherEditions {
    margin-top: 7px
    }
#dvOtherEditions p {
    color: #008571
    }
#dvOtherEditions a {
    color: #1a1a1a
    }
#dvOtherEditions #terms {
    margin-bottom: 20px;
    padding-top: 34px
    }
/************** SPEAKERS ***********/
.hrMobile {
    display: none
    }
header.speakers, header.bgProgram {
    background: #111 url(../images/bg-speakers.jpg) no-repeat fixed center top/auto 680px !important;
    color: #fff;
    display: table;
    min-height: 379px !important;
    position: relative;
    width: 100%;
    min-height: 580px
    }
header.speakers .date_conf, header.bgProgram .date_conf {
    margin-bottom: 26px
    }
#speakersInfo .grid {
    color: #333;
    padding-top: 50px;
    text-align: center
    }
.dvSpeakerData {
    /*display: inline-block;*/
    clear: both;
    display: block;
    margin-bottom: 40px;
    overflow: hidden
    }
.dvSpeakerContent {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    width: 54%;
    float: left;
    margin-right: 40px;
    margin-bottom: 0
    }
.pDesc a {
    color: #ffc300
    }
.dvSpeakerPhoto {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px
    }
.empresa {
    font: bold 16px NexaBold, sans-serif;
    letter-spacing: 1px;
    padding-right: 9px
    }
.empresa a, .name a {
    color: #333
    }
.cargo {
    font: bold 16px NexaLight, sans-serif;
    letter-spacing: 1px
    }
.name {
    font: bold 18px NexaLight, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    margin-right: 15px;
    text-transform: uppercase
    }
.aTwitter a {
    background: transparent url(../images/logo_twitter.svg) 0 0/22px 22px no-repeat;
    display: inline-block;
    height: 22px;
    vertical-align: top;
    width: 22px
    }
.aLinkedin {
    background: transparent url(../images/logo_link.svg) 0 0/18px 18px no-repeat;
    display: inline-block;
    height: 18px;
    width: 18px
    }
.pDesc {
    padding-top: 15px;
    font-size: 14px;
    padding-right: 25px;
    margin-bottom: 0 !important
    }
.pTema {
    color: #333;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 20px;
    margin-top: 7px
    }
.pTema a {
    color: #f2b600
    }
.pTema a:hover {
    opacity: 0.5
    }
.dvHorario {
    color: #808080;
    font-size: 13px;
    margin-top: 10px;
    line-height: 20px;
    letter-spacing: 1px
    }
.dvSpeakerCalendar {
    text-align: left;
    font: bold 14px NexaBold, sans-serif;
    float: left;
    width: 34%;
    border-left: 1px solid #c9c9c9;
    padding-left: 20px;
    letter-spacing: 1px
    }
.dvHorario + .pTema {
    margin-top: 30px
    }
/**************** VENUE ****************/
header.venue {
    min-height: 379px !important
    }
header.venue .date_conf {
    margin-bottom: 26px
    }
header.venue {
    background: #111 url(../images/bg-venue.jpg) no-repeat fixed center -348px !important;
    color: #fff;
    display: table;
    position: relative;
    width: 100%;
    min-height: 580px
    }
#venueInfo {
    margin-bottom: 0
    }
#venueInfo #dvDatosMapa {
    margin-top: 0
    }
#venueInfo .section0 h2 {
    font: bold 30px NexaLight, sans-serif;
    color: #1a1a1a;
    font-weight: normal;
    letter-spacing: 3px;
    text-align: left;
    margin-bottom: 15px
    }
#venueInfo .section0 hr {
    max-width: initial;
    width: 100%
    }
#sectionTransport {
    margin-top: 60px
    }
#transport {
    width: 66%;
    float: left;
    margin-right: 15px;
    text-align: left
    }
#wifiConnect {
    width: calc(34% - 15px);
    float: right;
    text-align: left
    }
.iconTransport {
    display: block;
    width: 21px;
    height: 29px
    }
.dvColu {
    width: 48.5%;
    float: left;
    margin-right: 14px;
    margin-top: 35px
    }
.dvColu:last-child {
    margin-right: 0
    }
#wifiConnect .dvColu {
    width: 100%;
    margin-right: 0
    }
#sectionPlano {
    clear: both;
    display: block;
    overflow: hidden;
    padding-top: 50px;
    text-align: left
    }
#sectionPlano > div.dvColu.dvPlano {
    float: left;
    margin-right: 15px;
    margin-top: -168px;
    text-align: left;
    width: 66%
    }
#sectionPlano .dvPlano img {
    height: auto;
    max-width: 734px;
    width: 100%
    }
#sectionPlano > div.dvColu.dvLeyenda, #sectionPlano > div.dvColu.dvTitulo {
    clear: both;
    float: right;
    margin-right: 0;
    width: calc(34% - 15px)
    }
.dvColu hr {
    background: #eee;
    height: 2px;
    max-width: 275px;
    width: 28% !important;
    border: none;
    margin-bottom: 13px
    }
.dvColu h5 {
    font-size: 18px;
    letter-spacing: 1px
    }
.dvColu p {
    font: 14px Arial, verdana, sans-serif;
    color: #535353;
    line-height: 20px
    }
.transportText {
    margin-bottom: 20px
    }
.destacadoAmarillo, #slotContent p a, #slotContent li a {
    color: #ffc300 !important
    }
#slotContent p a:hover {
    opacity: 0.5
    }
#pInfoWeb {
    margin-top: 20px
    }
.dvLeyenda {
    clear: both;
    color: #535353;
    display: block;
    margin-top: 30px;
    overflow: hidden
    }
.dvLeyenda > div {
    clear: both;
    display: table-row
    }
h6 {
    font-size: 0.9em
    }
.dvLeyenda span, .dvLeyenda > div > div {
    display: table-cell;
    height: 60px;
    vertical-align: middle
    }
.dvLeyenda span {
    font: 1.2em NexaLight, arial, sans-serif;
    padding-bottom: 5px;
    text-align: center;
    width: 50px
    }
.dvLeyenda img {
    height: 40px;
    width: auto
    }
/*---------------*/
/***** Sadie *****/
/*---------------*/
.grid figure {
    /*background: #fff;*/
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    max-height: 268px;
    width: 23%;
    text-align: center
    }
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 1;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
    }
figure.effect-sadie h2 {
    top: 80%;
    left: 0;
    width: 100%;
    color: #484c61;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    position: absolute;
    bottom: 11.5em;
    text-align: left
    }
figure.effect-sadie figcaption:before, figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s
    }
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    color: #ffc300;
    font: normal 18px NexaLight, sans-serif
    }
figure.effect-sadie:hover h2 {
    top: 60%;
    color: #fff;
    -webkit-transform: translate3d(0, -150%, 0) translate3d(0, -140px, 0);
    transform: translate3d(0, -150%, 0) translate3d(0, -140px, 0)
    }
figure.effect-sadie:hover figcaption:before, figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #ffc300
    }
figure.effect-sadie:hover figcaption:before {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s
    }
figure.effect-sadie .fondo_degradado {
    display: block;
    position: absolute;
    width: 100%;
    height: 36%;
    background-color: black;
    top: 65%;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.5) 75%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 32%, rgba(0, 0, 0, 0.5) 75%);
    opacity: 1;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s
    }
figure.effect-sadie:hover .fondo_degradado {
    opacity: 0;
    transition-delay: 0s
    }
figure.effect-sadie .fondo_degradado_grande {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s
    }
figure.effect-sadie:hover .fondo_degradado_grande {
    opacity: 0.5;
    transition-delay: 0s
    }
/*Videos & presentations */
#videosInfo #firstTabContent, #videosInfo #secondTabContent {
    padding-top: 15px
    }
.listVideo > div {
    color: #000;
    display: inline-block;
    font: 14px NexaLight, sans-serif;
    margin-left: -4px;
    margin: 15px 36px 15px 0;
    vertical-align: top;
    width: calc(25% - 31px)
    }
.listVideo > div > p a {
    font: 15px NexaBold, sans-serif;
    color: #ffc300
    }
.listVideo > div > p a:hover {
    opacity: 0.5
    }
.listVideo > div:nth-child(4n) {
    margin-right: 0
    }
.listVideo > div a img {
    border-radius: 3px;
    height: auto;
    width: 100%
    }
.listVideo > div p + p {
    color: #808080
    }
.listVideo > div > a {
    transition: all ease-out 150ms
    }
.listVideo > div > a:hover {
    opacity: 0.7
    }
.listVideo > div > a:focus {
    position: relative;
    top: 1px
    }
/**/