/*
 * Start 24H mejoras - articulo generico
 * 2016 AS
 * contiene: Diseño de estructura
 * 8/11/2016: entregado para look and feel
*/

body {padding: 0; margin:0; height: 100%; min-height: 100%; overflow:auto!important/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */}
footer {margin: 0; padding:0 0 1em 0}
p {margin: 0 0 10px;font-size: 1.125em;line-height: 1.5em;}
hr {margin-top: 0;margin-bottom: 0;border: 0;border-top: 1px solid #DDD;clear:both}
a:link {color: #5d6673;text-decoration: none;}
a:visited,
a:focus {color: #5d6673;text-decoration: none; outline: 1px solid transparent;}
a:hover {color: #323A49;text-decoration: none;outline: 1px solid transparent;}
.dfp_topMobile{padding:0.2em!important; margin:0!important; background:#eee}
*:focus {outline: none;}
.nopadding{padding:0!important}
.columnFix{margin:0 0 0 -1rem}
.rowFix{padding-top:1em;}
.tab-content{padding-top:1rem}
/*menu fijo*/
.nav-justified>li {float: none;display: table-cell;width: 1%;}
.widget{padding:0.5rem 0}

/*header nuevo 20170410*/
.newHeaderTop                           {background:#CF403C; height: auto; margin:0; padding:0}
.newHeaderTop ul li                     {display:inline-block; border:1px solid #FFF; width:32px; height:32px; border:0; padding:0; text-align:center;}
.newHeaderTop ul li a                   {color:#FFF;}
.globaltopRedes .social-icon            {font-size: 2.5rem;color: #FFF!important;line-height: 1.1;padding: 0;margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.globaltopRedes                         {margin:0.5rem 0; padding:0; float:left;}
.globaltopIc                            {margin:0.5rem 0; padding:0; float:right;}
.globaltopIc a.tvn                      {display:block; width: 30px; height: 30px; text-indent: -999999em; background:url("../img/logos/tvn_logo_w.svg") left top no-repeat;}
.navbar.newHeader                       {min-height:10rem; border-bottom:1px solid #CF403C!important}
.navbar.newHeader .container .navbar-header button.navbar-toggle {border: 1px solid transparent!important;margin: 0;padding: 1rem 0;display: inline-block!important;float: left;position: relative!important;top: 2rem;}
.navbar.newHeader .container .navbar-header button.navbar-toggle .icon-bar{width:28px; height:4px;background-color: #CF403C;-moz-box-shadow: 0 0.1em rgba(1, 1, 1, 0.11);box-shadow: 0 0.1em rgba(1, 1, 1, 0.11);margin: 4px 0;}
.navbar.newHeader.affix .container .navbar-header button.navbar-toggle {top: 0.3rem;}
.navbar.newHeader button.navbar-toggle.change .bottom-bar {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transform: rotate(-45deg) translate(7px, -7px);
}
.navbar.newHeader button.navbar-toggle .icon-bar+.icon-bar   {margin-top:0}
.navbar-brand.new {
    margin-left: -15px;
    position: absolute!important;
    height:auto;
    top: 5rem!important;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto!important;
    padding: 0!important;
}
a.navbar-brand.logoNew span {
    display: block;
    width: 19rem;
    height: 57px;
    background: url(../img/logo_normal.svg) 0 -0.6rem no-repeat;
    background-size: auto 7rem;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    position: relative;
}
.navbar.newHeader .dropdown.open .dropdown-menu-right{
    top: 59px!important;
    background: #e5e5e5;
}
/*fin header nuevo 20170410*/

.pageHeader {display:block; porsition:relative; overflow:hidden;}
.pageHeader h1  {font-family: 'Fira Sans', sans-serif;text-transform: uppercase;margin: 1rem 0;text-shadow: none!important;font-size: 4rem!important;}
.sectionHeader {display: block;porsition: relative;overflow: hidden;}
.sectionHeader h1 {font-family: 'Fira Sans', sans-serif;text-transform: uppercase;margin: 1rem 0;text-shadow: none!important;font-size: 4rem!important;}
.sectionHeader .nav {display: block;position: relative;overflow: hidden;margin:0 /*margin: 0 0 0.5rem 0*/;background: #DDD;border-radius: 5px 5px 0 0;}
.sectionHeader .nav>li {text-transform:uppercase}
/*oculatr h1 de portada cuec!*/
section.home>h1{display:none;}

h1.seccionTendencias            {color:#9c2759}
h1.seccionTendencias>a:link     {color:#9c2759;text-decoration: none;}
h1.seccionTendencias>a:visited,
h1.seccionTendencias>a:focus    {color:#9c2759;text-decoration: none;}
h1.seccionTendencias>a:hover    {color:#84194A;text-decoration: none;outline: none;}
h1.seccionDeportes              {color:#02ab59}
h1.seccionDeportes>a:link       {color:#02ab59;text-decoration: none;}
h1.seccionDeportes>a:visited,
h1.seccionDeportes>a:focus      {color:#02ab59;text-decoration: none;}
h1.seccionDeportes>a:hover      {color:#059250;text-decoration: none;outline: none;}
h1.seccionTecnologia            {color:#4aa1c7}
h1.seccionTecnologia>a:link     {color:#4aa1c7;text-decoration: none;}
h1.seccionTecnologia>a:visited,
h1.seccionTecnologia>a:focus    {color:#4aa1c7;text-decoration: none;}
h1.seccionTecnologia>a:hover    {color:#72bbda;text-decoration: none;outline: none;}
h1.seccionGenerica              {color:#666666}

.affix {position: fixed; top: 0; width:100%; z-index: 11; clear:both;}
.alertas.affix {position:fixed; width:100%; top:52px;padding:0 5px;}
.alertas.affix .alert>a>img {display:none}
.alertas.affix .alert .item a img {display:none}
.share.affix {position: fixed; width: 40px!important; top: 54px; border-radius: 4px; margin:3px 0px 0px -50px; animation: affixFadeIn 0.55s  ease-in;-webkit-animation: affixFadeIn 0.55s;z-index:10}
.sharearticle.affix {position: fixed; width: 40px!important; top: 54px; border-radius: 4px; margin:3px 0px 0px -70px; animation: affixFadeIn 0.55s  ease-in;-webkit-animation: affixFadeIn 0.55s;z-index:10}
@keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.btn.focus,
.btn:focus,
.btn:hover  {outline:none!important}

@-webkit-keyframes affixFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.navbarsection.affix {
    background:#727B89;
    position: fixed!important;
    top: 0;
    width:100%;
    z-index: 11;
    clear:both;
    /*affix nuevo header*/
    height: 52px!important;
    min-height: 52px;
}

.navbardeportes.affix {
    background-image: -webkit-linear-gradient(top, #1d63dc 0%, #1d63dc 100%);
    background-image: -moz-linear-gradient(top, #1d63dc 0%, #1d63dc 100%);
    background-image: -ms-linear-gradient(top, #1d63dc 0%, #1d63dc 100%);
    background-image: linear-gradient(to bottom, #1d63dc 0%, #1d63dc 100%);
}

.navbartendencias.affix {
    background-image: -webkit-linear-gradient(top, #9c2759 0%, #9c2759 100%);
    background-image: -moz-linear-gradient(top, #9c2759 0%, #9c2759 100%);
    background-image: -ms-linear-gradient(top, #9c2759 0%, #9c2759 100%);
    background-image: linear-gradient(to bottom, #9c2759 0%, #9c2759 100%);
}

.navbarmedia.affix {
    background-image: -webkit-linear-gradient(top, #000 0%, #000 100%);
    background-image: -moz-linear-gradient(top, #000 0%, #000 100%);
    background-image: -ms-linear-gradient(top, #000 0%, #000 100%);
    background-image: linear-gradient(to bottom, #000 0%, #000 100%);
}

.navbarmedia.navVideo .icon-bar { background-color: #ffffff!important;}
.container>.navbar-header.affix{background:none!important;border:none!important}
.skyscraper_right.affix{position:fixed; top:54px;}
.navbar h6.affix{opacity:1;position: absolute; height:50px; top: 50%; left: 50%; transform: translate(-50%, -50%);width:auto;}
.navbar h6.home.affix{opacity:0;position: absolute; height:50px; top: 50%; left: 50%; transform: translate(-50%, -50%);width:auto;}
.navbar-inverse h6.affix{opacity:0;position: absolute; height:50px; top: 50%; left: 50%; transform: translate(-50%, -50%);width:auto;}
.affix>.navbar-header>.navbar-toggle>.icon-bar{background-color:#FFF}

.affix>.navbar-header>.navbar-brand>span{
    display: block;
    width: 13rem;
    height: 4rem;
    background: url(../img/logo_normal_blanco.svg) 0 -0.6rem no-repeat;
    background-size: auto 4.4rem;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    position: relative;
}

/*affix nuevo header abril2017*/
.navbar-brand.new.affix{
    display: inline-block!important;
    position: relative!important;
    float: left;
    width: 13rem;
    height: 4rem;
    background: url(../img/logo_normal_blanco.svg) 0 -0.6rem no-repeat;
    background-size: auto 4.4rem;
    text-indent: -9999px;
    top: 3rem!important;
    left: 7rem;
    clear: none;
}
.navbar-brand.new.affix span{
    display:none;
}
.navbar-header .btn-newheader.affix{
    top:1rem;
    /*as12042017 cambio de boton a maqueta entregada*/
    background: rgba(0,0,0,0.1);
    color: #ffffff;
}
.navbar.newHeader.affix .dropdown.open .dropdown-menu-right{
    top: 40px!important;
    background: #e5e5e5;
}
.navbar.newHeader.affix .top-bar,
.navbar.newHeader.affix .middle-bar,
.navbar.newHeader.affix .bottom-bar         {background-color:#FFF!important;}

/*fin affix nuevo header abril2017*/

.menu.affix {position:fixed!important; width:100%; height:100%; top:52px; left: 0;right: 0;bottom: 0;z-index:1000}
#video-container.affix{
    position: fixed!important;
    width: 420px;
    /*height: 240px;*/
    bottom: 0;
    right: 20px;
    top:inherit !important;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
    padding: 2px;
    transition: bottom .30s ease,left .30s ease,width .30s ease,height .30s ease;
    background:#000;
    z-index:1010;
}

#video-container.affix-bottom{
    position: fixed!important;
    width: 420px;
    /*height: 240px;*/
    bottom: 0;
    right: 20px;
    top:inherit !important;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
    padding: 2px;
    transition: bottom .30s ease,left .30s ease,width .30s ease,height .30s ease;
    background:#000;
    z-index:1010;
}
#video-container .controles {display:none;}
#video-container.affix .controles {display:block; float:right; height:220px; width:32px}
#video-container.affix .controles span {color:rgba(256,256,256,1); font-size:2rem;}
#video-container.affix .controles button {padding:5px 4px 0 0}
#video-container.affix .controles button:focus {outline:none}
#video-container.affix-bottom .controles {display:block;float:right; height:220px; width:32px}
#video-container.affix-bottom .controles span {color:rgba(256,256,256,1); font-size:2rem;}
#video-container.affix-bottom .controles button:focus {outline:none}
#video-container.affix-bottom .controles button {padding:5px 4px 0 0}
#video-container .controles button#logo24Hvideos {padding:0;}
#video-container .controles button#logo24Hvideos:hover {opacity: 0.7;filter: alpha(opacity=70);}
#video-title{display:none;color: rgba(256,256,256,1);font-weight: 300;line-height: 3.2rem;font-size: 1.8em !important;letter-spacing: 0.5px;position: absolute;left: 210px;width:170px;top:0;flex-flow: row wrap;-webkit-flex-flow: row wrap;padding: 10% 6px 0;z-index: 9999px;}
 /*#video-title h5 {width:160px}*/
.navbar {margin-bottom:0;position:relative!important;z-index:1000!important; -webkit-transform: translate3d(0,0,0); border:none!important; border-radius:0!important}
.navbar .container{padding:0;margin:0 auto;position:relative}
.navbar-header {float: none;}
.navbar-toggle {display: inline-block;float:left}
.navbar-collapse{padding:0;}
.navbar-collapse.collapse {display: none!important;}
.navbar-collapse.collapse.in{display:block !important;padding:0;max-height: 100% !important;}
.navbar-collapse.collapse.in{overflow-y: visible;position:relative;z-index:12}
.navbar-nav {float: none!important; margin:0}
.navbar-nav>li {float: none;}
.navbar-header .btn-danger{margin: 0.8em 2.5em 0 0!important; line-height: 26px;}
.navbar-toggle, .navbar-brand{display:inline-block!important;position:relative!important;float:left; margin-left:5px}
.navbar-default{border-color:#ddd;background-image: -webkit-linear-gradient(top, #eeefee 0%, #e1e5e6 100%);background-image: -moz-linear-gradient(top, #eeefee 0%, #e1e5e6 100%);background-image: -ms-linear-gradient(top, #eeefee 0%, #e1e5e6 100%); background-image: linear-gradient(to bottom, #eeefee 0%, #e1e5e6 100%);}
.navbar-default .navbar-toggle .icon-bar {background-color: #000;}
.navbarNombreSeccion{display:inline-block; float:left; margin:0 auto;}
.navbar h6{display: block;position: absolute;height:50px; top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: 'Fira Sans', sans-serif;font-size: 3rem; text-transform:uppercase;opacity:0; text-align: center; margin: 0; padding: 0; line-height: 50px;}
.navbar h6 a{color:#FFF; text-decoration: none}
.navbar h6 a:visited,
.navbar h6 a:hover{color:#FFF; text-decoration: none}

.navbar-subcanal                        {border-radius: 0.5rem!important;padding: 0;margin:1rem 0;min-height: auto!important;background: #d7dbdb;z-index:10!important}
.navbar-subcanal ul>li                  {text-transform:uppercase;border-left:1px solid #CCC}
.navbar-subcanal ul>li:first-child      {border-left:none}
.navbar-subcanal ul>li>a                {color:#444; border-bottom:4px solid #DDD;}
.navbar-subcanal ul>li>a:focus,
.navbar-subcanal ul>li>a:hover          {color:#444;background: #d4d4d4; border-bottom: 4px solid #d4d4d4!important;}
.navbar-subcanal ul>li>a.tecnologia     {border-bottom:4px solid #4aa1c7}
.navbar-subcanal ul>li>a.espectaculos   {border-bottom:4px solid #2c5db8}
.navbar-subcanal ul>li>a.salud          {border-bottom:4px solid #74abab}
.navbar-subcanal ul>li>a.default        {border-bottom:4px solid #DDD}
.navbar-subcanal .nav>li>a              {padding:12px 8px 4px 8px!important}

/*.navbar-subcanal .nav>li>a:after       {content:""; display:block; width:100px; height:4px; background:#DDD}*/

.dropdown-menu-right{top:40px;background:#e5e5e5;}
.dropdown-menu>li>a:visited,
.dropdown-menu>li>a:link    {color: #ef8e2b;text-decoration: none;background-color: #e5e5e5;}
.dropdown-menu>li>a:focus   {color: #ec6009;text-decoration: none;background-color: #eee;}
.dropdown-menu>li>a:hover   {color: #ec6009;text-decoration: none;background-color: #eee;}
.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {color: #e5e5e5; background-color: #ef8e2b;border-color: #ef8e2b;}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover{color: #fff;background-color: #ef8e2b;border-color: #ef8e2b;}

#bs-example-navbar-collapse-2 .col-xs-3{padding:0 !important;}
.divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.container>.navbar-header{margin-left:10px;margin-right:0;}
/*hamburger menu animation*/
.top-bar, .middle-bar, .bottom-bar {width: 22px;height: 2px;background-color: #fff;margin: 2px 0;transition: 0.2s;}
.change .top-bar {-webkit-transform: rotate(45deg) translate(4px, 4px); -moz-transform: rotate(45deg) translate(4px, 4px);-o-transform: rotate(45deg) translate(4px, 4px);transform: rotate(45deg) translate(4px, 4px);}

.change .middle-bar {opacity: 0;}
.change .bottom-bar {-webkit-transform: rotate(-45deg) translate(4px, -4px);-moz-transform: rotate(-45deg) translate(4px, -4px);-o-transform: rotate(-45deg) translate(4px, -4px);transform: rotate(-45deg) translate(4px, -4px);}

/*row base*/
.row {margin: 0 0 1em 0;}
.row-eq-height  {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.row-top-fix    {padding-top:1rem}
.row.m-t        {margin:1em 0}

/* menu estructura */
.desktop a.navbar-brand.logo                                            {width:inherit}
#seccionesDesktop .menu                                                 {position:initial}
.menuDesktop                                                            {display:flex}
.menuDesktop .cajaHeader ul.compartir li                                {float:left}
.menuDesktop .buscador label,
.menuDesktop .buscador span,
.menuDesktop .buscador input                                            {float:right; margin:0 5px}
.menuDesktop .colCentral .titulo svg                                    {display:block; margin:-1px auto 0}
.menuDesktop .cajaHeader ul.compartir                                   {overflow: hidden; margin: 15px 0 0}
.menuDesktop .buscador input                                            {width:200px;height:28px}
.menuDesktop .colIzquierda .dropdown-menu,
.menuDesktop .colDerecha .dropdown-menu                                 {min-width:auto!important}
.menuDesktop .colIzquierda,
.menuDesktop .colDerecha                                                {padding:0;margin:0}
.menuDesktop .colIzquierda ul.nav,
.menuDesktop .colDerecha ul.nav                                         {width:auto; margin:0}
.menuDesktop .colIzquierda ul.nav                                       {margin: 0 1rem 0 0}
.menuDesktop .colIzquierda .navbar-nav > li,
.menuDesktop .colDerecha .navbar-nav > li                               {float:none}

/* menu diseno */
#seccionesDesktop                                                       {width: 1170px; /*width:970px;*/ margin: 0 auto}
.menuDesktop                                                            {display:flex; padding:0;border-bottom:6px solid #cccccc;background:#dedfe3;}
.menuDesktop > .row                                                     {width:1170px!important;margin-right:0; margin-left:0}
.menuDesktop ul                                                         {list-style-type: none; padding:0;}
.menuDesktop ul li *, .menuDesktop ul li .social-icon                   {color:rgba(58,61,74,1)}
.menuDesktop ul li i:hover                                              {color:rgba(58,61,74,0.7)}
.menuDesktop h2                                                         {font-size:15px!important; padding:0; margin:10px 0 6px}
.menuDesktop .cajaHeader                                                {height:56px; border-bottom:1px solid rgba(0,0,0,0.1); background:#c8cccf}
.menuDesktop .cajaHeader ul.compartir li h2                             {font-size:12px!important; margin-right:10px; font-weight:bold; text-transform: uppercase;}
.menuDesktop .buscador span                                             {color:#ffffff; background:#babfc2; font-size:20px; padding:4px; border-radius:6px; margin-top:10px;}
.menuDesktop .buscador input                                            {background:#dfe5e6; border:1px solid #b7bcbd; margin-top:12px; border-radius:0px;}
.menuDesktop .colIzquierda ul li                                        {text-align:right; padding-left:10px}
.menuDesktop .colIzquierda ul li button                                 {padding:0;}
.menuDesktop .colIzquierda ul li a                                      {margin-right:14px;}
.menuDesktop .colIzquierda ul li button a                               {margin-right:0;}
.menuDesktop .colIzquierda h6                                           {font-size: 15px!important;padding: 0px 0 5px;margin: 10px 0 6px;border-bottom: 3px solid #cccccc;width: 108px;text-align: right;}
.menuDesktop .colCentral                                                {width:66.6666667%; height:335px;background:#dfe5e6}
.menuDesktop .colCentral h5                                             {color:rgba(51,51,51,1); font-size:12px; text-align:center; text-transform:uppercase; font-weight: bold; margin-top:-12px}
.menuDesktop .colCentral a.verMas                                       {color:#5e6366}
.menuDesktop .colCentral a.verMas i                                     {margin-right:6px}
.menuDesktop .colCentral .agrupacion                                    {float: left;margin:6px 0; width: 100%}
.menuDesktop .colCentral .agrupacion .titulo                            {margin-bottom:-20px}
.menuDesktop .colCentral .agrupacion .col-md-3                          {float:left; /*width:153px!important;*/ height:120px; text-align:center}
.menuDesktop .colCentral .agrupacion h4                                 {display:block; width:90px; margin:10px auto 0; padding:0; text-transform: uppercase; text-align:center; font-size:13px; line-height:14px;}
.menuDesktop .colCentral .agrupacion h4:after{display:block; clear:both;content:"\f0dd"; font-family: FontAwesome; font-size:1.4em; font-weight:300; margin:0 0.3em 0 0; color:#bcbec2; border-top:2px solid #bcbec2}
.menuDesktop .colCentral .agrupacion a:hover                            {text-decoration:none }
.menuDesktop .colCentral .agrupacion svg image:hover                    {opacity:0.5;filter: alpha(opacity=50);}
.menuDesktop ul.nav li:hover > ul.dropdown-menu                         {display: block}
.menuDesktop .colDerecha,
.menuDesktop .colIzquierda,
.menuDesktop .colCentral                                                {float:left}
.menuDesktop .colDerecha,
.menuDesktop .colIzquierda                                              {width:160px}
.menuDesktop .colDerecha ul li,
.menuDesktop .colIzquierda ul li                                        {margin:20px 0}
.menuDesktop .colDerecha ul li *,
.menuDesktop .colIzquierda ul li *                                      {text-transform:uppercase}
.menuDesktop .colDerecha ul li a                                        {margin-left:13px;}
.menuDesktop .colDerecha ul li button a                                 {margin-left:0px;}
.menuDesktop .colDerecha ul li button                                   {padding:0;}
.menuDesktop .colDerecha ul li                                          {text-align: left}
.menuDesktop .cajaFooter                                                {border-top:1px solid rgba(0,0,0,0.1)}
#seccionesDesktop                                                       {display:block!important;}
.menuDesktop li.dropdown-submenu ul.dropdown-menu                       {padding:5px 0;}
.menuDesktop li.dropdown-submenu ul.dropdown-menu li.menu-item          {margin:0;}
.menuDesktop li.dropdown-submenu ul.dropdown-menu li.menu-item a        {text-align:center;}
.menuDesktop .colIzquierda ul li a,
.menuDesktop .colDerecha ul li a                                        {padding:0!important; color:rgba(58,61,74,1); font-weight:600; background-color:transparent;}
.menuDesktop .colIzquierda ul li a:focus,
.menuDesktop .colDerecha ul li a:focus,
.menuDesktop .colIzquierda ul li a:visited,
.menuDesktop .colDerecha ul li a:visited                                {background-color:transparent;}
.menuDesktop .colIzquierda ul li a:hover,
.menuDesktop .colDerecha ul li a:hover                                  {background-color:transparent;color:rgba(58,61,74,0.7);font-weight:600;}
.menuDesktop .colIzquierda ul li.menu-item,
.menuDesktop .colDerecha ul li.menu-item                                {padding:0 10px; margin:10px 0;}
.menuDesktop .colIzquierda ul li.dropdown-menu,
.menuDesktop .colDerecha ul li.dropdown-menu                            {background: transparent;box-shadow:none; border:none;padding:0}
.menuDesktop .colIzquierda ul li.dropdown-menu a,
.menuDesktop .colDerecha ul li.dropdown-menu a                          {padding:0; font-weight:600;}
.menuDesktop .colIzquierda ul.dropdown-menu,
.menuDesktop .colDerecha ul.dropdown-menu                               {box-shadow:none}
.menuDesktop .colIzquierda ul.dropdown-menu.dropdown-menu-left          {top: 5px;left: 145px; padding:10px;}
.menuDesktop .colIzquierda ul.dropdown-menu.dropdown-menu-left a        {padding:0; text-align:left}
.menuDesktop .colDerecha ul.dropdown-menu.dropdown-menu-right           {margin:0; padding:10px; top: 5px;right:145px;background:rgba(256,256,256,1);}
.menuDesktop .colDerecha ul.dropdown-menu.dropdown-menu-right a         {padding:0;}
.menuDesktop .colDerecha ul li.menu-item a                              {margin-left:0!important}
.menuDesktop .colDerecha ul li.menu-item a,
.menuDesktop .colIzquierda ul li.menu-item a                            {font-weight:100;}
.colIzquierda .dropdown-menu>a:before                                   {display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#333333;margin-top:5px;margin-right:-10px;}
.colDerecha .dropdown-menu>a:first-child:before                         {display:block;content:" ";float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0px;border-right-color:#333333; margin-top:4px;margin-right:5px;}

/*menu media*/
.menuMedia {
    position:absolute;
    width:180px;
    padding:5px 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2b2b+0,1f1f1f+100 */
    background: rgb(43,43,43); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(43,43,43,1) 0%, rgba(31,31,31,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(43,43,43,1) 0%,rgba(31,31,31,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(43,43,43,1) 0%,rgba(31,31,31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
    z-index:99999999;
    }
.menuMedia ul {list-style-type:none}
.menuMedia ul li {padding:5px 0; font-size:1.5rem}
.menuMedia ul li * {color:rgba(256,256,256,1); text-transform:uppercase}
.menuMedia ul li i {margin-right:12px}
.menuMedia ul li.divider {padding:0; background-color:#f1f1f1; border-bottom:1px solid #333333}
.menuMedia ul.video li:before{content: "\F01D";font-family: FontAwesome;font-size: 1.2em;font-weight: lighter;margin: 0 0.5rem 0 0;color: #FFF;display: block;float: left;height: 1.3rem;line-height: 2rem;}
.menuMedia ul.video li:first-child:before{content: "";}
.menuMedia ul.video li a.portada24horas {display: block;text-indent: -99999em;width: 13rem;height: 4rem;background: url("../img/logos/24h-portada.svg") 0 0 no-repeat;}

/*share buttons*/

.sharearticle {
    position: absolute;
    width: 40px!important;
    top: 0;
    border-radius: 4px;
    margin: 3px 0px 0px -70px;
    animation: affixFadeIn 0.55s ease-in;
    -webkit-animation: affixFadeIn 0.55s;
    z-index: 10;
}
.sharearticle ul.contentShare   {margin:0}

ul.contentShare                     {margin:1em 0 0.5em 0; padding:0; clear:both; width:auto;}
ul.contentShare li                  {display: inline-block; float:left; margin:0; padding:0.1rem; list-style-type: none; }
ul.contentShare li a                {margin:0;padding:0; overflow:hidden;}
ul.contentShare li a:visited,
ul.contentShare li a:hover          {color:#666; text-decoration: none;}
ul.contentShare li.fb               {/*background-color:#3b5998*/}
ul.contentShare li.tw               {/*background-color:#55acee*/}
ul.contentShare li.go               {/*background-color:#d62d20*/}
ul.contentShare li.wap              {/*background-color:#4dc247*/}
address                             {display:block;margin:0;font-size:0.8em; font-style:italic}
address strong                      {display:inline}
address span                        {display:block; clear:both}
/*address:before                      {width: 100%;background-color: #ddd;content: "";display: block;height: 0.1em;margin-top: 0.625rem;}*/

ul.contentShare.gallery li         {display: inline-block; float: left;  margin:0; list-style-type: none; }
ul.contentShare.gallery li a       {margin:0; text-decoration:none}
/*lead text*/
.lead {margin-bottom: 20px;font-size: 16px;font-weight: 400;line-height: 1.4;padding: 0;}

/*article figure elements storyMedia + galleryBootstrap*/
.storyMedia{display:block; position:relative; overflow:hidden; clear:both}
.storyMedia figure{
    line-height: 0;
    margin: 0 0 1em 0;
    position: relative;
}
.storyMedia figure figcaption{
    background-color: transparent;
    background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,0.9));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));
    background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.9));
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    left: 0;
    overflow: hidden;
    padding:0;
    position: absolute;
    right: 0;
    color:#fff;
    z-index: 3;
}
.storyMedia figure figcaption h1    {font-size:3rem!important; text-shadow:0 1px 1px #222; margin:1rem 2rem}
.storyMedia figure figcaption p     {display: -webkit-box; max-width: 100%; height: 4.5em; margin: 0 0 1em 0; font-size: 1.1em; line-height: 1.5em; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-weight:lighter; font-family: "Roboto Condensed", sans-serif; text-shadow:0 1px 1px #222;}
.storyMediaCaption                  {display:block; position:relative; padding:2rem 0}
.storyMediaCaption .title           {display:block; position:relative; overflow:hidden; clear:both}
.storyMediaCaption .share           {display:block; overflow:hidden;padding: 0.3em 0;}
.storyMediaCaption h1               {text-shadow:none!important;}
.storyMedia .share                  {padding: 0.3em 0;display: block;overflow: hidden;width:40%}
.storyMedia .title                  {padding:0.3em 0 1em 0}
.storyMedia h1                      {text-shadow:none!important;margin:0 0 1rem 0}
.storyMedia ul.contentShare,
.storyMediaCaption ul.contentShare  {margin:0}
.storyMedia.storyVideoTop figure figcaption {bottom: 0;background:none!important;left: 0;overflow: hidden;padding: 0!important;position: relative;right: 0;color: #040404;z-index: 3;}
.storyMedia.storyVideoTop figure figcaption h1{font-size:1.6em; text-shadow:none!important;}

/*article figure relation*/
.related                   {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: row wrap;}
.related>figure            {display: block; float:left; box-sizing: border-box;position: relative; overflow: hidden; width: calc(100%/ 2 - 10px);margin: 5px;}
.related>figure>figcaption {color:#000;}
.article figure img        {margin:0 auto; width:100%}

/*article modificaciones marzo2017*/
article.contenido2  {border-left:1px solid #CCC}
article.contenido   {width: 820px; margin:0; padding-right: 3rem;}
article.contenido p {margin-bottom: 2rem; font-size: 1.4em; padding-right: 6rem;}
article.contenido p.lead    {font-size: 1.5em; margin: 0; padding: 1rem 0;}
article.contenido figure.layout-small {max-width: 40%; margin: 0.6rem 2em 2em 0; float: left; clear: left!important; padding: 0; overflow:hidden;}
article.contenido figure.layout-medium{max-width: 100%;width:100%;margin: 0 0 2em 0;max-height: 40%;border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;padding: 1em 0;overflow:hidden;clear:both;}
/*modificacion de la foto para que quede del tamaño similar a mas sobre el tema*/
article.contenido figure.layout-medium>img{display:block; position:relative;width:25%; float:left; margin:0 1em 0 0 }
article.contenido figure.layout-large{max-width: 100%;width:100%;margin: 1em 0;/*border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;*/border-left: 0;padding: 0;overflow:hidden;}
article.contenido>blockquote.layout-small {max-width: 40%;margin: 0 2em 2em 0;float: left;clear: left!important;border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;border-left: 0;padding: 1em 0;overflow:hidden;}
article.contenido>blockquote.layout-small p {font-size: 2.4rem;line-height: 1.3em;font-weight: 300;font-family: 'Fira Sans', sans-serif!important; margin:1rem 0; padding:0!important}
article.contenido>blockquote.layout-small>svg{width:100%}
article.contenido>blockquote.layout-large {max-width: 100%;margin:1em 0;padding:1em 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;border-left: 0;overflow:hidden;clear:both;}
article.contenido>blockquote.layout-large p {font-size: 2.4rem; line-height: 1.3em; font-weight: 300; font-family: 'Fira Sans', sans-serif!important; margin:1rem 0}
article.contenido>blockquote.layout-large .quotes{float:left; margin:0 2rem 2rem 0}
/*article media relation*/

article .storyGalleriaBoostrap,
article .storyVideo,
article .layout-large             {margin-bottom:4rem!important}

/*article media body elemens*/
.article p {margin-bottom:2rem}
.article figure.layout-small {max-width: 40%; margin: 0.6rem 2em 2em 0;float: left;clear: left!important; padding: 1em 0;overflow:hidden;}
.article figure.layout-medium{max-width: 100%;width:100%;margin: 0 0 2em 0;max-height: 40%;padding: 1em 0;overflow:hidden;clear:both;}
/*modificacion de la foto para que quede del tamaño similar a mas sobre el tema*/
.article figure.layout-medium>img{display:block; position:relative;width:25%; float:left; margin:0 1em 0 0 }
.article figure.layout-large{max-width: 100%;width:100%;margin: 1em 0;/*border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;*/border-left: 0;padding: 1em 0;overflow:hidden;}
.article>blockquote.layout-small {max-width: 40%;margin: 0 2em 2em 0;float: left;clear: left!important;border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;border-left: 0;padding: 1em 0;overflow:hidden;}
.article>blockquote.layout-small p {font-size: 2.3rem;line-height: 1.3em;font-weight: 300;font-family: 'Fira Sans', sans-serif!important;}
.article>blockquote.layout-small>svg{width:100%}
.article>blockquote.layout-large {max-width: 100%;margin:1em 0;padding:1em 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;border-left: 0;overflow:hidden;clear:both;}
.article>blockquote.layout-large p {font-size: 2.3rem;line-height: 1.3em;font-weight: 300;font-family: 'Fira Sans', sans-serif!important;}
.article>blockquote.layout-large .quotes{float:left; margin:0 2rem 2rem 0}

.storyVideo,
.storyGalleria,
.storyGif   {display:block; position:relative; margin:1em 0; padding:0; clear:both; overflow:hidden;}
.storyVideoCaption,
.storyGalleriaCaption,
.storyGifCaption {display:block; position:relative; overflow:hidden; padding:0 0 1em 0}
/*cambio para que quede en un alinea paso de 50% a 100%*/
.storyGifCaption .share,
/*.storyVideoCaption .share,*/
.storyGalleriaCaption .share {display: block;position: relative;width: 100%;float: left;}
/*.storyVideoCaption .share span,*/
.storyGalleriaCaption .share span,
.storyGifCaption .share span{display:block; position:relative; font-size:0.9em;}
/*.storyVideoCaption .share span:before,*/
.storyGalleriaCaption .share span:before,
.storyGifCaption .share span:before {width: 0rem;background-color: #888;content: "";display: block;height: 0.2rem;margin-bottom: 0.9rem;}


.storyVideoCaption .share span {display: block;position: relative;font-size: 1.3rem;float: left;padding: 0;font-weight: 300;line-height: 1.8;}
.storyVideoCaption .share span:before {content: "";margin: 0 0.3em 0 0;color: #000;display: block;float: left;width: 24px;height: 24px;background: url(../img/icons/player.svg) 0 0 no-repeat;}
.storyVideoCaption .share ul.contentShare {display: block; position: relative; float: right; margin: 0; height: auto; clear: none; padding:0.5em 0}

.storyVideoCaption>.sharebox span {display: block;position: relative;font-size: 1.5rem;float: left;padding: 0;font-weight: 400;line-height: 1.8;}
/*.storyVideoCaption>.sharebox span:before {content: "";margin: 0 0.3em 0 0;color: #000;display: block;float: left;width: 24px;height: 24px;background: url(../img/icons/playerblack.svg) 0 0 no-repeat;}*/
.storyVideoCaption>.sharebox ul.contentShare {display: block; position: relative; float: right; margin: 0; height: auto; clear: none; padding:0}
.storyVideoCaption>.sharebox ul.contentShare li {display: inline-block;float: left;margin: 0;padding: 0;list-style-type: none;}
.storyVideoCaption .title,
.storyGalleriaCaption .title,
/*cambio para que quede en un alinea paso de 50% a 100%*/
.storyGifCaption .title {display: block;position: relative;width: 100%;float: right;padding:0}
.storyGif figure img{margin:0 auto; width:820px!important}
.storyGif>figure>span{display: block;position: absolute;top: initial;bottom: 1rem;left: 2px;background: #000;border-radius: 0 5px 5px 0;color: #FFF;width: 90px;height: 40px;line-height: 40px;overflow: hidden;font-size: 1.6rem;padding: 0 1rem;}
.storyGif>figure>span:before{content:"\f10c"; font-family: FontAwesome; margin:0 0.5em 0 0}

figure.storyGalleriaBoostrap{display:block; position:relative; margin:1em 0 0 0; padding:0; clear:both; overflow:hidden;}
figure.storyGalleriaBoostrap .zoom{display:block; position:absolute; top:10px; right:10px; text-align:center; color:#FFF; font-size:1.5em}
figure.storyGalleriaBoostrap figcaption{
    background-color: transparent;
    background-image: -ms-linear-gradient(top, transparent,rgba(26,26,26,0.9), rgba(0,0,0,1));
    background-image: -webkit-linear-gradient(top, transparent, rgba(26,26,26,0.9), rgba(0,0,0,1));
    background-image: -moz-linear-gradient(top, transparent, rgba(26,26,26,0.9), rgba(0,0,0,1));
    background-image: linear-gradient(to bottom, transparent, rgba(26,26,26,0.9), rgba(0,0,0,1));
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    left: 0;
    overflow: hidden;
    padding: 1rem 2rem;
    position: absolute;
    right: 0;
    color:#fff;
    z-index: 3;
}
figure.storyGalleriaBoostrap figcaption h3 {font-size:1.4em; text-shadow:0 1px 1px #222;}
figure.storyGalleriaBoostrap figcaption p{display: -webkit-box; max-width: 100%; height: 4.5em; margin: 0 0 1em 0; font-size: 1.1em; line-height: 1.5em; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-weight:lighter; font-family: "Roboto Condensed", sans-serif; text-shadow:0 1px 1px #222;}
figure.storyGalleriaBoostrap figcaption a{color:#FFF; text-decoration:none;font-size:0.8em}
figure.storyGalleriaBoostrap figcaption a:visited,
figure.storyGalleriaBoostrap figcaption a:hover {color:#CCC; text-decoration:none;}
figure.storyGalleriaBoostrap figcaption .share  {width:auto}
figure.storyGalleriaBoostrap figcaption .title {width:45%}
figure.storyGalleriaBoostrap figcaption .share {float:left}
figure.storyGalleriaBoostrap figcaption .share span {display:block;margin:0; padding:5px 0 0; clear:both;}
figure.storyGalleriaBoostrap figcaption .title {display: block; position: absolute; right: 2%; bottom: 24%; text-align: right;}
figure.storyGalleriaBoostrap figcaption .title span {display:block;margin:0; padding:0}
figure.storyGalleriaBoostrap ul.contentShare {display: block; margin: 0; line-height: 36px;}
/*exceptions*/
.storyGifCaption .title{width:100%}
figure>figcaption>p{font-size: 1.6rem;line-height: 1.3;font-weight: 300;color:#697685!important;}

/*generic elements*/
section>h6                       {font-size: 1.2em;color: #6a7480;padding: 0.5em 0; margin:0; text-transform:uppercase}
section>h6:before                {width: 7.3rem;background: #6a7480;content: "";display: block;height: 0.6rem; margin-bottom: 0.625rem;}

.livestream h6                  {display:inline-block;font-family: 'Fira Sans', sans-serif; font-size:1.6rem; color:#f66600; text-transform: uppercase; padding:0.3rem 1rem; letter-spacing:-1px}
.livestream h6:before           {content: "";width: 0;margin: 0;padding: 0;}


.container>h6                       {font-size: 1.2em;color: #6a7480;padding: 0.5em 0; margin:0; text-transform:uppercase}
.container>h6:before                {width: 6rem;background: #6a7480;content: "";display: block;height: 0.5rem;margin-bottom: 0.625rem;}
.container.blue>h6:before           {background:#2c5db8}
.container.purple>h6:before         {background:#ab308a}
.container.live>h6:before           {background:#e34009}
.container.espectaculos>h6          {color:#2c5db8}
.container.espectaculos>h6:before   {background:#2c5db8}
.container.tecnologia>h6            {color:#4aa1c7}
.container.tecnologia>h6:before     {background:#4aa1c7}
.container.salud>h6                 {color:#74abab}
.container.salud>h6:before          {background:#74abab}
.container.galeria>h6               {color:#FFF}
.container.galeria>h6:before        {background:#FFF}
.container.galeria>h6>a:link        {color:#FFF;text-decoration: none;}
.container.galeria>h6>a:visited,
.container.galeria>h6>a:focus       {color:#FFF;text-decoration: none;}
.container.galeria>h6>a:hover       {color:#efefef;text-decoration: none;outline: none;}
.container.deportes>h6              {color:#1d63dc; margin:0}
.container.deportes>h6:before       {background:#1d63dc}
.container.deportes>h6>a:link       {color: #1d63dc;text-decoration: none;}
.container.deportes>h6>a:visited,
.container.deportes>h6>a:focus      {color:#1d63dc;text-decoration: none;}
.container.deportes>h6>a:hover      {color:#2f7ae5;text-decoration: none;outline: none;}
.container.white>h6                 {color:#FFF; margin:0}
.container.white>h6:before          {background:#FFF}
.container.white>h6>a:link          {color: #FFF;text-decoration: none;}
.container.white>h6>a:visited,
.container.white>h6>a:focus         {color:#FFF;text-decoration: none;}
.container.white>h6>a:hover         {color:#efefef;text-decoration: none;outline: none;}
.container.tendencias>h6            {color:#9c2759; margin:0}
.container.tendencias>h6:before     {background:#9c2759}
.container.tendencias>h6>a:link     {color:#9c2759;text-decoration: none;}
.container.tendencias>h6>a:visited,
.container.tendencias>h6>a:focus    {color:#9c2759;text-decoration: none;}
.container.tendencias>h6>a:hover    {color:#84194A;text-decoration: none;outline: none;}
.container.video>h6                 {color:#FFF; font-size: 1.5rem!important; padding: 0.5em 1em; margin: 0; font-weight: 400;}
.container.video>h6:before          {background:#FFF}

h4.media-heading{font-size:1.125em;}
.breadcrumb {padding: 8px 15px;margin-bottom: 10px;list-style: none;background-color: #f2f2f2;border-radius: 4px;text-transform: uppercase;}
blockquote{font-style: italic}
div.adpage {display: block;position: relative;clear: both;padding: 0;margin: 0 auto!important;text-align: center;height: auto;padding: 5px 0px;}
div.adpage smaller {font-size:1rem; text-transform:uppercase}
div.adpage>div{padding:0rem 0!important}
div.adpage.aside{margin:4rem 0!important}
/*categories or secctions labelfront*/
.category {display: block;position: absolute;left:2rem /*0.5em*/;top: 0.5em;z-index: 10;text-transform: uppercase;font-size: 1.2rem;text-align: left;background:#025990;color: #FFF;border-radius:0;padding: 2px 4px;line-height:1.2em;}
.categoryseccion                           {display:block; position:relative; overflow:hidden; padding: 2px 4px; margin:0 0 0.8rem 0!important; clear:both; text-transform: uppercase;font-size: 1.3rem; line-height:1.6em;text-align: center; background: #DBE0E3;color: #FFF; border-radius:0.3rem}
.categoryseccion.vivo                      {background:#ff3826; color:#FFF; width:40px}
.categoryseccion.minutoaminuto             {background:#d43955; color:#FFF; width:120px; margin:0}
.categoryseccion.ultimominuto              {background:#ff3826; color:#FFF; width:140px; font-size:1.5rem!important; line-height:2rem!important;}
.categoryseccion.ultimominuto:before       {content: "\f111";font-family: FontAwesome;font-size: 1.5rem;margin: 0 0.3em 0.5em 0.2em;color: #FFF;}
.categoryseccion.ultimominutoTop           {background:transparent!important; color:#ff3826;font-size: 1.8rem;font-weight: 500; height:40px}
.categoryseccion.ultimominutoTop:after     {content: "\f111";font-family: FontAwesome;font-size: 1.3rem;margin: 0 auto;color: #ff3826;display: block;text-align: center;border-top: 2px solid #ff3826;line-height: 0.05rem;width: 20%;}

/*article carousel + alerts*/
/*mod2017.06.07 as: modificaciones sobre alertas*/
.alertas                            {-webkit-transform: translate3d(0,0,0)}
.alertas .item                      {display:block; float:left; margin:0;}
.alertas .item a:visited,
.alertas .item a:link               {color:#FFF; text-decoration:none}
.alertas .item a:hover              {color:#ffeeb1; text-decoration:none}
.alertas .item a img                {display:block;float:left; margin:0 1.5rem 0 0}background: url(../img/logo_normal.svg) 0 -.6rem no-repeat;
.alertas .item a p strong           {display:block;color:#FFF; text-transform:uppercase;}
.alertas .item a p strong:before    {content: "\f111";font-family: FontAwesome;font-size: 1rem;margin: 0 0.3em 0.5em 0.2em;color: #FFF;display: inline-block;vertical-align: middle;}

.alertas>.alert.cols-1>.item        {overflow:hidden;width: calc(100% - 48px);}
.alertas>.alert.cols-2>.item        {overflow:hidden;width: calc(100%/ 2 - 48px);}
.alertas>.alert.cols-3>.item        {overflow:hidden;width: calc(100%/ 3 - 48px);}
.alertas>.alert.cols-1>.item strong,
.alertas>.alert.cols-2>.item strong {color: #FFF;display: block;margin-right: 2px;line-height:21px;font-size:1.8rem;}
.alertas>.alert.cols-1>.item p      {font-size:2rem!important; margin:0.5rem;font-family: 'Fira Sans', sans-serif!important;}
.alertas>.alert.cols-3>.item p      {font-size:1.4rem!important;margin:0.5rem!important}
.alertas>.alert.cols-2>.item,
.alertas>.alert.cols-3>.item        {border-right:none!important}
.alertas>.alert.cols-2>.item:last-child,
.alertas>.alert.cols-3>.item:last-child{border-right:none}

.alert{display:block!important; position:relative; padding:0; margin-bottom:5px; overflow:hidden; line-height: 1.2em; font-size: 1.2rem; border: none!important;}
.alert>a{font-size:0.9em; line-height:1.125em; color:#a94442}
.alert>a>img{display: block; float: left; margin: 0 0.5em 0 0;}
.alert>a>p{font-family: 'Fira Sans',sans-serif;}
.alert>a>p>strong:before{content: "\f111";font-family: FontAwesome; margin:0 0.3em 0 0;color:#FFEEB1}
.alertas span.glyphicon-chevron-right {color:#ffffff; top: 50px; right: 8px;}
.alertas #myCarouselAlert .carousel-indicators {left:44%; width:48px; bottom:-11px;}
.alertas #myCarouselAlert .carousel-caption p {line-height:1.1em;}


/*
mod2017.06.07 as: modificaciones sobre alertas
a.close {position:absolute; top:5px; right:5px; z-index:5;float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
*/
a.close {position:absolute; top:initial; bottom:initial; right:0; z-index:5;float: right; width:48px; height:100%; background:#b7362f; color: #FFF; text-align:center; font-size: 21px;font-weight: 500;}
a.close:focus, a.close:hover {color: #fcafaf;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5;}
.iconWrap {position: relative;top: 50%;transform: translateY(-50%);}

#myCarousel .carousel-caption {position: absolute;top: 0;left: 120px;z-index: 10;padding: 0;color: #fff;text-align: left;text-shadow: none;width: calc(100% - 120px);}
#myCarousel .carousel-caption p{width:80%; line-height: 1.2em; font-size: 1em;}
#myCarousel .carousel-caption h6{margin:0.5em 0;}
#myCarousel .carousel-indicators {position: relative;bottom: 10px;top: 10px;left: 50%;z-index: 10;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;}
#myCarousel .carousel-indicators .active {background-color: #888;}
#myCarousel .carousel-indicators li {background-color: #ddd; border: 1px solid #fff;}
#myCarousel .carousel-control.left {display:none;}
#myCarouselAlert .carousel-caption {position: absolute;top: 0;left: 120px;z-index: 10;padding: 0;color: #fff;text-align: left;text-shadow: none;width: calc(100% - 120px);}
#myCarouselAlert .carousel-caption p {font-size:1em; line-height: 1.2em;padding:0 0.5em;}
#myCarouselAlert .carousel-caption p:before {content: "\f111";font-family: FontAwesome;margin: 0 0.3em 0 0; color:#ffeeb1;}
#myCarouselAlert .carousel-indicators {position: absolute;bottom: 0; z-index: 10; width: 10px; padding-left: 0; text-align: center; list-style: none; left: 96%; right: 4%; margin: 0!important;}
#myCarouselAlert .carousel-indicators .active {background-color: #888;}
#myCarouselAlert .carousel-indicators li {background-color: #ddd; border: 1px solid #fff;}
#myCarouselAlert a:link {color:#a94442;}
#myCarouselAlert a:visited {color:#a94442;}
#myCarouselAlert a:hover{color:#cc0000; text-decoration:none;}

/*temas, tags list*/
.topics>li>a{padding:10px}

/*return top*/
#return-to-top {position: fixed;bottom: 40px; right: 20%; background: rgba(255, 255, 255, 0.7);border:2px solid rgba(0, 0, 0, 0.5);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top span {color: #000;margin: 0;position: relative;left: 12px;top: 13px;font-size: 22px;font-weight:700;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(255, 255, 255, 0.9); border:2px solid rgba(0, 0, 0, 0.8)}
#return-to-top:hover i {color: #fff;top: 5px; border:2px solid rgba(0, 0, 0, 0.8)}
.zonaRedes {position:fixed; width:calc(100% - 30px); margin:0 auto; height:50px; bottom:20px; z-index:1000!important}
.zonaRedes ul {display:none; list-style-type: none; width:160px; overflow: hidden; padding: 0; margin:0 0 0 15%;}
.zonaRedes ul li {display:block; float:left; margin:10px 2% 0; }

/*MODAL GALERIA*/
.storyGalleriaBoostrap button.btn-link  {display:block; padding:0; border:none}
/*picture.btnGaleria                      {cursor:pointer}*/
.modal-content                          {height: auto; min-height: 100%; background:#1a1a1a; border-radius:0;}
.modal-header                           {padding:0.5em 0.5em 0 0.5em;border-bottom:none;}
.modal-header .close                    {color:#FFF; opacity:0.8}
.modal-header .close:focus,
.modal-header .close:hover              {color:#FFF; opacity: 1;}
.modal-title                            {margin: 0;font-size: 1.3rem;color: #FFF;width:90%}
.modal-title:before                     {content: url(../img/iso24.png); display: block; width: 32px;float: left; line-height: 32px;margin:0 5px 0 0}
.modal-body,
.modal-footer                           {padding:0.5em 0 0 0.5em}
.modal-dialog                           {width:100%; height:100%; margin:0 auto;  padding: 0;}
.modal-open .modal						{padding:0!important; overflow:hidden;}
.modal-body picture .img-responsive     {margin:0 auto; height:100%; width:100%}
.thumbnail a>img,
.thumbnail>img 							{display: block;max-width: 100%;height: auto; width:100%; margin: 0 auto;}
.carousel-control span.glyphicon        {color:#FFF}
 /* Dropup mas redes */
.dropdown-menu.compartir                    {right:10px;border:none;box-shadow:0 8px 12px rgba(0,0,0,.175)}
.dropdown-menu.compartir:after              {content: "";position: absolute;bottom: -14px;right: 0px;border-width: 20px 0 0 20px;border-style: solid;border-color: #e5e5e5 transparent;display: block;width: 0}
.dropdown-menu.compartir .share             {padding:0!important;}
.dropdown-menu.compartir .contentShare      {margin:0; padding:6px 9px 0 0;}
.dropdown-menu.compartir .contentShare i    {font-size:24px;}
.compartir li .social-icon                  {font-size:2.5rem}

/*agregado para eliminar la barra superior*/
.modal-header {position:absolute; top:10px; right:10px; width:24px; height:24px; z-index:10;}
.modal-body   {padding:0}

/*llamado artículo vista galería*/
.storystoryGalleryTop a.mainGalleryTop {display:block; overflow:hidden; outline:1px solid #f2f2f2}

/*
BLOQUEO RESPONSIVE
 * Utilitze the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
*/

.page-header {margin-bottom: 30px;}
.page-header .lead {margin-bottom: 10px;}
/* Reset the container */
.container {width: 1170px!important;max-width: none !important;}

/* Demonstrate the grids */
.col-xs-8.article{padding-left:0!important}
.col-xs-4 {padding:0!important;}
.secciones .col-xs-8,
.secciones .col-xs-9 {padding-left:0}
.secciones .container>h6 {margin:0}

.container .navbar-header,
.container .navbar-collapse {margin-right: 0;margin-left: 0;}

/* Always float the navbar header */
.navbar-header {/*float: left;*/}
/* Undo the collapsing navbar */
.navbar-collapse {display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
.navbar-toggle {/*display: none;*/}
.navbar-collapse {border-top: 0;}
.navbar-brand {margin-left: -15px;}
/* Always apply the floated nav */
.navbar-nav {float: left;margin: 0;}
.navbar-nav > li {float: left;}
.navbar-nav > li > a {padding: 15px;}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {float: right;}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {position: absolute;float: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-width: 0 1px 1px;border-radius: 0 0 4px 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #333;}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff !important;background-color: #428bca !important;}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #999 !important;background-color: transparent !important;}

/*LIVESTREAM*/
.livestream {display:block; position:relative; overflow:hidden; margin:0 auto 1rem auto; background:#DBE0E3; width:320px}
.livestream button{display:inline-block; float:right;color:#607080!important;margin-top:0.5rem; font-family: 'Fira Sans', sans-serif; font-size:1.4rem; color:#093765;text-transform:uppercase;background:transparent}
.livestream button span{color:#f66600!important}
.livestream figure{display:block; position:relative;}
.livestream figure picture{width: 100%; height: auto;}
.livestream figcaption{display:block;padding:0 1rem}
.livestream figcaption h4 {font-family: 'Fira Sans', sans-serif; font-size:1.5rem; color:#858b94}
.livestream figcaption .title{border-bottom:1px solid #CCC}
.livestream .title h4 {margin: 0.3rem 0.8rem;font-size: 1.5rem;line-height: 1.3;font-weight: 400;}
.livestream .share span{float:left;margin:0.3rem 0.8rem}
.livestream .share ul.contentShare {float:right; clear: none; margin: 0 0 0.2em 0;}
.livestream .share ul.contentShare li{padding:0;}
.livestream .share ul.contentShare li .social-icon {font-size: 2.5rem;}

/*MEDIA SECTION VIDEO*/
.navbar-inverse h6                                          {display: none;position: absolute;height: 50px;top: 50%;left: 50%;transform: translate(-50%, -50%);height:50px; line-height: 50px;font-family: 'Fira Sans', sans-serif;font-size: 2rem;float: left;text-align: center;text-transform:uppercase;opacity:0;}
.rowMedia                                                   {background:#2C2C2C;padding:1rem 0 2rem 0;}
/*video carousel*/
#carouselVideoTop                                           {width:100%;margin:0 0 2rem 0; padding:0;}
#carouselVideoTop .videoStageGroup .col-xs-8                {width:66.66666%;}
#carouselVideoTop .videoStageGroup .col-xs-4                {width:33.33333%; padding:0 1rem!important;}
#carouselVideoTop img                                       {float:left;}
#carouselVideoTop .carousel-player                          {width: 620px; margin:0 2rem; float:left}
#carouselVideoTop .carousel-caption                         {position: relative!important;width: 30%;float: left;font-size: 1.1rem;text-align: left;margin: 0;padding: 0;right: 10%;left: 2%;bottom: 0;}
#carouselVideoTop .carousel-caption span                    {display:inline-block;float:left;color:#757575;margin:0; padding:0}
#carouselVideoTop .carousel-caption h1                      {font-size: 2.1rem !important;font-weight: 500;margin:0.5rem; padding:0.9rem 0; color:#DDD!important;border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e;}
#carouselVideoTop .carousel-caption h1,
#carouselVideoTop .carousel-caption p                       {font-family: 'Fira Sans', sans-serif!important;}
#carouselVideoTop .carousel-caption p                       {font-size:1.5rem}
#carouselVideoTop .carousel-caption smaller                 {font-size:1.4rem;text-transform:uppercase;color:#ccc;float:right;}
#carouselVideoTop .carousel-caption a                       {color:#999;background:none;text-decoration:none;}
#carouselVideoTop .carousel-indicators                      {z-index:10!important; top: initial; bottom: -35px; width: 20%; left: 40%; margin: 0; padding: 0;}
#carouselVideoTop .carousel-indicators li                   {background-color: #888;border:none!important;}
#carouselVideoTop .carousel-indicators .active              {width: 16px;height: 16px;margin: 2px 0 0 0;background-color: #fff;}
#carouselVideoTop .carousel-control                         {display:block; width:32px; height:32px; background:none; top: initial; bottom: initial;}
#carouselVideoTop .carousel-control .glyphicon-chevron-left,
#carouselVideoTop .carousel-control .glyphicon-chevron-right {top:50%}
#carouselVideoTop .dropdown-menu.compartir                  {background:#666666; /*width: auto!important;*/ }
#carouselVideoTop .dropdown-menu.compartir:after            {border-color: #666 transparent;}
#carouselVideoTop .dropdown-menu>li                         {padding:0;}
#carouselVideoTop .dropdown-menu>li>a:visited,
#carouselVideoTop .dropdown-menu>li>a:link                  {background-color:#666}
#carouselVideoTop .carousel-control.article                 {width:0%!important; top: initial;bottom: 10rem}
#carouselVideoTop .carousel-control.article .glyphicon-chevron-left,
#carouselVideoTop .carousel-control.article .icon-prev      {margin-left: -30px;}
#carouselVideoTop .carousel-control.article .glyphicon-chevron-right,
#carouselVideoTop .carousel-control.article .icon-next      {margin-right: -30px;}
#carouselVideoTop .carousel-indicators.article              {display:block; position:relative; overflow:hidden; bottom:5px!important; width: 90%; left: 33%; border:1px solid red}
#carouselVideoTop .carousel-indicators.article li           {float:left;background-color: #3b3b3b;border:none!important; width: 220px;min-height: 220px; height:220px;text-indent: initial; margin:0 1rem 0 0; text-align: left}
#carouselVideoTop .carousel-indicators.article li.active    {width:220px; height:220px; background:#222;}
#carouselVideoTop .videoStageGroup                          {border:none!important}
#carouselVideoTop .videoCaption h1                          {font-size:2.8rem!important; line-height:1.1; font-weight:400; margin:1rem 0;}

#carouselVideoTop a.right.carousel-control          {right:410px;z-index:10}
#carouselVideoTop a.left.carousel-control           {left:410px;z-index:10}

.carouselmulti .carousel-control .glyphicon-chevron-left,
.carouselmulti .carousel-control .glyphicon-chevron-right {top:135px}

/*VIDEO ARTICLE THUMBNAILS*/
#carouselVideoTop figure                               {display:block; position:relative;}
#carouselVideoTop figure picture                       {display:block; position:relative;}
#carouselVideoTop figure picture img                   {width:100%; float:none;}
#carouselVideoTop figure picture div                   {position:absolute; width:100%; left:0; bottom:0; padding:0 1rem;background: transparent linear-gradient(to bottom,rgba(5,6,24,0) 0%,#050618 100%) repeat scroll 0px 0px}
#carouselVideoTop figure picture div span              {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
#carouselVideoTop figure figcaption                    {display:block; position:relative; text-align:left;}
#carouselVideoTop figure figcaption h3                 {display:block; font-family: 'Fira Sans', sans-serif!important; font-size:1.6rem; line-height:2rem; color:#888; padding:0 1rem; font-weight:400; margin:0.5rem 0}
#carouselVideoTop figure a                             {color:#FFF; text-decoration: none;}
#carouselVideoTop figure a:visited,
#carouselVideoTop figure a:focus                       {color:#888;text-decoration: none;}
#carouselVideoTop figure a:hover                       {color:#888;text-decoration: none;}

.playlistvideo .carouselVideoTop figure a              {color:#FFF; text-decoration: none;}

.shareMedia                                         {margin:0; padding:0; background:transparent; border:none; float:right;clear:both}
.shareMedia .social-icon                            {color:rgba(256,256,256,0.5)!important; text-shadow:0px 1px 4px rgba(0,0,0,0.5)}
span.labelFront                                     {font-size:2rem; text-transform:uppercase;}
/*span.labelFront:before                              {content:"\f111"; font-family: FontAwesome; font-size:0.6rem; font-weight:300; margin:0 0.3em 0 0; color:#5082d9; display: block;float: left;height: 2rem;line-height: 2.5rem;}*/
span.date                                           {font-size:1.3rem;}
span.date:before                                    {content:"\F017"; font-family: FontAwesome; font-size:1.2em; font-weight:lighter; margin:0 0.3em 0 0; color:#757575;display: block;float: left;height: 2rem; line-height: 1.6rem;}

/*multi item carousel*/
.carouselBox                                        {display:block; position:relative; overflow:inherit;position:relative;clear:both;}
.carouselBoxVideo                                   {display:block; position:relative; overflow:inherit;position:relative;clear:both;}
.carouselBox h6                                     {display:block; position:relative; overflow:hidden;position:relative;clear:both;text-transform:uppercase;font-size:1.2em;font-weight:500; margin:0.5rem 1rem; color:#6a7480;}

.carouselBox.white                                  {margin:0; padding:0}
.carouselBox.white h6                               {color:#FFF;}
.carouselBox.white a:link,
.carouselBox.white a:visited,
.carouselBox.white a:focus                          {color:#FFF; text-decoration:none; outline:none}
.carouselBox.white a:hover                          {color:#EFEFEF; text-decoration:none; outline:none}
.carouselBox.white>h6:before                        {background:#FFF}
.carouselBox.white .carouselmulti .carousel-control {color:#FFF;}
.carouselBoxVideo.white h6                          {color:#FFF;font-size: 1.3rem;font-weight: 300;margin: 0 1.8rem!important;}
.carouselBoxVideo.white>h6:before                   {background:#FFF}
.carouselBoxVideo.white>h5                          {display: block;margin: 1rem 2rem;font-size: 1.3rem;color: #FFF;font-weight: 300;}
.carouselBoxVideo.white>h5>a                        {color:#FFF}
.carouselBoxVideo .carouselverticalvideo .carousel-inner          {padding-bottom: 2rem;}
.carouselBoxVideo .carouselverticalvideo .carousel-control        {top:initial!important; bottom:-10px; font-size:3rem;opacity: 1;color: #B7B8BA;text-shadow: none!important;}
.carouselBoxVideo .carouselverticalvideo .carousel-control.left   {left:38%;width: 40px!important;background: transparent;padding: 0 1rem;text-align: center;}
.carouselBoxVideo .carouselverticalvideo .carousel-control.right  {right:38%;width: 40px!important;background: transparent;padding: 0 1rem;text-align: center;}

.carouselBox.lomasvertical h6                       {color:#6a7480;font-size: 1.6rem;font-weight: 400;margin: 0 1.8rem!important; margin:0 1rem; padding:0}
.carouselBox.lomasvertical>h6:before                {background:#6a7480}

.carouselBox.live                                   {margin:0; padding:0}
.carouselBox.live h6                                {color:#FFF;}
.carouselBox.live .carouselmulti .carousel-control  {color:#FFF;}
.carouselBox.live>h6:before                         {background:#FFF}
.carouselBox.blackinside,
.carouselBox.blueinside                            {margin:0 0 2rem 0!important}
/*apertura de items para en vivo*/
.carouselBox.live .carousel-inner>.item             {display:block}

.carouselBox>h6:before                              {content: "";margin: 0.5rem 0;display: block;width: 6rem;height: 5px; background:#6a7480;}
.carouselBoxVideo>h6:before                         {content: "";margin: 0.5rem 0;display: block;width: 4rem;height: 4px; background:#6a7480;}
.carouselBox.blue>h6:before                         {background:#2c5db8}
.carouselBox.purple>h6:before                       {background:#ab308a}
.carouselBox.live>h6:before                         {background:#e34009}
.carouselBox.deportes>h6:before                     {background:#02ab59}

.carouselBox .carouselmulti .carousel-inner .item   {transition: 500ms ease-in-out left;}
.carouselBox .carouselmulti .carousel-inner .item .col-md-3,
.carouselBox .carouselmulti .carousel-inner .item .col-sm-3
.carouselBox .carouselmulti .carousel-inner .item .col-xs-3 {padding:0!important;}
.carouselBox.carousel-control.left,
.carouselBox.carousel-control.right                 {margin-left:15px;background-image:none;}
.carouselBox .carouselmulti .carousel-control       {width:  0%!important; color: #333;}
.carouselBox .carouselmulti .carousel-control:focus,
.carouselBox .carouselmulti .carousel-control:hover {color: #607080;text-decoration: none;filter: alpha(opacity=90);outline: 0;opacity: .9;}
.carouselBox .carouselmulti .carousel-control .glyphicon-chevron-left,
.carouselBox .carouselmulti .carousel-control .icon-prev      {margin-left: -30px;}
.carouselBox .carouselmulti .carousel-control .glyphicon-chevron-right,
.carouselBox .carouselmulti .carousel-control .icon-next      {margin-right: -30px;}

/*carousel display generic para sección videos y carousel de deportes*/
.carouselmulti figure                               {display:block; position:relative; margin:5px}
.carouselmulti figure picture                       {display:block; position:relative;}
.carouselmulti figure picture img                   {width:100%}
.carouselmulti figure picture div                   {position:absolute; width:100%; left:0; bottom:0; padding:0 1rem;background: transparent linear-gradient(to bottom,rgba(5,6,24,0) 0%,#050618 100%) repeat scroll 0px 0px}
.carouselmulti figure picture div.dataVideoPlay     {display:none}
.carouselmulti figure picture div.dataVideoInfo     {display:block}
.carouselmulti figure picture div span              {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF; line-height: 24px;}
.carouselmulti figure figcaption                    {display:block; position:relative; margin:0}
/*este titulo H3 se comparte en deportes carousel goles*/
.carouselmulti figure figcaption h3                 {display: -webkit-box; max-width: 100%; height: 3.6em; margin: 1rem 0 0; font-size: 1.6rem!important; line-height: 1.3em; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-weight:400; font-family: 'Fira Sans', sans-serif!important; color:#888}
.carouselmulti figure a                             {color:#607080; text-decoration: none;}
.carouselmulti figure a:visited,
.carouselmulti figure a:focus                       {color:#888;text-decoration: none;}
.carouselmulti figure a:hover                       {color:#888;text-decoration: none;}
.carouselmulti figure.livefake                      {opacity:0.5}
.carouselmulti figure.livefake img                  {height:173px!important}
.carouselmulti figure.livefake figcaption           {display:none}
.carouselmulti .displayFive figure                  {margin:0}
.carouselmulti .displayFive figure h3               {margin:0}
.carouselmulti .displayFive figure:first-child h3   {margin:1.5rem 0}
.playlistvideo .carouselmulti figure a              {color:#FFF; text-decoration: none;}
/*color de titulos en señal en vivo*/
.moduleDarkThumb .carouselmulti a:link,
.moduleDarkThumb .carouselmulti a:visited,
.moduleDarkThumb .carouselmulti a:focus             {color:#FFF}
.moduleDarkThumb .carouselmulti a:hover             {color:#EFEFEF}
.moduleDarkThumb .carouselmulti figure figcaption h3 {color:#FFF!important}
/*multicarousel canal video*/
.carouselvideobase figure                               {display:block; position:relative; margin:5px}
.carouselvideobase figure picture                       {display:block; position:relative;}
.carouselvideobase figure picture img                   {width:100%}
.carouselvideobase figure picture div                   {position:absolute; width:100%; left:0; bottom:0; padding:0 1rem;background: transparent linear-gradient(to bottom,rgba(5,6,24,0) 0%,#050618 100%) repeat scroll 0px 0px}
.carouselvideobase figure picture div.dataVideoPlay     {display:none}
.carouselvideobase figure picture div.dataVideoInfo     {display:block}
.carouselvideobase figure picture div span              {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF; line-height: 24px;}
.carouselvideobase figure figcaption                    {display:block; position:relative; margin:0}
.carouselvideobase figure figcaption h2                 {display: -webkit-box;max-width: 100%; height: 2.6em; margin: 1rem 0 0; font-size: 1.8rem!important; line-height: 1.3em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 400; font-family: 'Fira Sans', sans-serif!important; letter-spacing: -0.002rem;}
.carouselvideobase figure figcaption h3                 {display: -webkit-box; max-width: 100%; height: 3.8em; margin: 1rem 0 0; font-size: 1.6rem!important; line-height: 1.3em; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-weight:400; font-family: 'Fira Sans', sans-serif!important;}
.carouselBox .carouselvideobase .carousel-inner .item       {transition: 500ms ease-in-out left;}
.carouselBox .carouselvideobase .carousel-control           {width:  0%!important; color: #5d6673; top: 8rem; bottom: initial;/*ubicación controles crouseles genérico video*/}
.carouselBox .carouselvideobase .carousel-control .glyphicon-chevron-left,
.carouselBox .carouselvideobase .carousel-control .icon-prev                {margin-left: -30px;}
.carouselBox .carouselvideobase .carousel-control .glyphicon-chevron-right,
.carouselBox .carouselvideobase .carousel-control .icon-next                {margin-right: -30px;}
.carouselvideobase a:link,
.carouselvideobase a:visited,
.carouselvideobase a:focus                       {color: #5d6673;text-decoration: none;}
.carouselvideobase a:hover                       {color: #323A49;text-decoration: none;outline: none;}
.carouselBox .carouselvideobase .carousel-inner .item .col-md-3,
.carouselBox .carouselvideobase .carousel-inner .item .col-sm-3,
.carouselBox .carouselvideobase .carousel-inner .item .col-xs-3,
.carouselBox .carouselvideobase .carousel-inner .item .col-md-4,
.carouselBox .carouselvideobase .carousel-inner .item .col-sm-4
.carouselBox .carouselvideobase .carousel-inner .item .col-xs-4{padding:0 0.5rem!important;}
/*ubicación de controles de carruseles especiales seccion video*/
#multiCarouselMasvisto .carousel-control        {top: 11rem; bottom: initial;}
#multiCarouselBloque .carousel-control          {top: 8rem; bottom: initial;}
#multiCarouselBloqueEspecial .carousel-control  {top: 8rem; bottom: initial;}
/*carousel vertical contenido*/
.carouselBox.lomasvertical                                  {height:auto;background: transparent; border-radius: 0 0 5px 5px; margin-bottom:30px}
.carouselverticalnews figure                                {display: block; box-sizing: border-box; position: relative; overflow: hidden; background: #DBE0E3; margin: 0.5rem 1rem; padding: 0.5rem 1rem; border-radius: 0.5rem;min-height:80px;}
.carouselverticalnews figure figcaption                     {display:block; position:relative; margin:0}
.carouselverticalnews figure figcaption h4                  {display:block; font-family: 'Fira Sans', sans-serif!important; font-size:1.5rem; line-height:2rem; color:#4a5363; padding:0; font-weight:400; margin:1rem 0 0}
.carouselverticalnews figure figcaption small               {display:block; margin:0; padding:0}
.carouselverticalnews figure figcaption small:before        {content: "\F017";font-family: FontAwesome;font-style: normal;font-size: 1em;font-weight: lighter;margin: 0 0.5rem 0 0;color: #4a5363;display: block;float: left;height: 1.6rem;line-height: 1.8rem;}
.carouselBox .carouselverticalnews .carousel-inner          {padding-bottom: 2rem; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.carouselBox .carouselverticalnews .carousel-control        {top:initial!important; bottom:-25px; font-size:3rem;opacity: 1;color: #B7B8BA;text-shadow: none!important;}
.carouselBox .carouselverticalnews .carousel-control.left   {left:38%;width: 40px!important;background: transparent;padding: 0 1rem;text-align: center;}
.carouselBox .carouselverticalnews .carousel-control.right  {right:38%;width: 40px!important;background: transparent;padding: 0 1rem;text-align: center;}
/*excepcones para carousel de video en deportes*/
.carouselBox .carouseldeportes .carousel-inner .item{overflow:hidden;min-height:390px}
.carouselBox .carouseldeportes .carousel-inner .item .col-xs-4{-ms-transform: scale(0.9);-webkit-transform: scale(0.9);transform: scale(0.9); opacity:0.6}
.carouselBox .carouseldeportes .carousel-inner .item .col-xs-4:nth-child(2){-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2); opacity:1; z-index:4}
.bordeVertical                                              {padding-right:20px}

/*CAROUSEL HEADER*/
.carouselBox .carouselHeader h5,
.carouselBox .carouselHeader span                           {display:inline-block; position:relative; overflow:hidden; padding:0; margin:0;font-weight:300; font-size:1.3rem}
.carouselBox .carouselHeader a.video                        {margin:0.5rem 0 0.5rem 5.5rem;float: left;display: block;width: 140px;height: 40px;background: url(../img/logos/24h_video.svg) 0 0.1rem no-repeat;background-size: auto 36px;text-indent: -99999em!important;padding: 0;position: relative;}
.carouselBox .carouselHeader a.tesirve                      {margin:0.5rem 0 0.5rem 5rem;float: left;display: block;width: 160px;height: 42px;background: url(../img/logos/24h_tesirve.svg) 0 0.1rem no-repeat;background-size: auto 44px;text-indent: -99999em!important;padding: 0;position: relative;}
.carouselBox .carouselHeader span                           {margin: 0.5rem 5.5rem 0.5rem 0; height: 36px; line-height: 36px;color: #fff; padding: 0 1rem;float:right}
.carouselBox .carouselHeader span:after                     {content: "\F101";font-family: FontAwesome;font-size: 1.5rem;font-weight: lighter; margin: 0 0 0 1rem;color: #FFF;line-height: 1.5rem;}
.carouselBox .carouselHeader a                              {color:#FFF}

/*carousel display generic: se usa para listas de videos en subsección*/
.carouselList                                      {display: flex;position: relative;overflow: hidden;margin: 0 0 1rem 0;padding: 0;clear: both;flex-direction: row;}
.carouselList figure                               {display:block; position:relative; margin:0 1rem 2rem 1rem; float:left; width:23%}
.carouselList figure picture                       {display:block; position:relative;}
.carouselList figure picture img                   {width:100%}
.carouselList figure picture div                   {position:absolute; width:100%; left:0; bottom:0; padding:0 1rem;background: transparent linear-gradient(to bottom,rgba(5,6,24,0) 0%,#050618 100%) repeat scroll 0px 0px}
.carouselList figure picture div.dataVideoPlay     {display:none}
.carouselList figure picture div.dataVideoInfo     {display:block}
.carouselList figure picture div span              {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF; line-height: 24px;}
.carouselList figure figcaption                    {display:block; position:relative;}
.carouselList figure figcaption h3                 {display: -webkit-box; max-width: 100%; height: 3.6em; margin: 1rem 0 0; font-size: 1.6rem!important; line-height: 1.3em; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-weight:400; font-family: 'Fira Sans', sans-serif!important;}

/*MEDIA HEADER*/
.container-fluid.moduleHighDark                     {padding:0; margin:0}
.fotosVideos .mediaHeader                           {display:block; position:relative; overflow:hidden;width: 100%;margin:0 0 1rem 0;padding: 0;background: #1A1A1A;}
.fotosVideos .mediaHeader h5,
.fotosVideos .mediaHeader span                      {display:inline-block; position:relative; overflow:hidden; padding:0; margin:0;font-weight:300; font-size:1.3rem}
.fotosVideos .mediaHeader a.mediavideo             {margin:0.5rem 0 0.5rem 0;float: left;display: block;width: 140px;height: 40px;background: url(../img/logos/24h_video.svg) 0 0.1rem no-repeat;background-size: auto 36px;text-indent: -99999em!important;padding: 0;position: relative;}
.fotosVideos .mediaHeader a.mediafotos             {margin: 0.5rem 0 0.5rem 0;float: left;display: block;width: 16rem;height: 4rem;background: url(../img/logos/24h_fotos.svg) 0 0.1rem no-repeat;background-size: auto 3.7rem;text-indent: -99999em!important;padding: 0;position: relative;}
.fotosVideos .mediaHeader span                      {margin: 0.5rem 5.5rem 0.5rem 0; height: 36px; line-height: 36px;color: #fff; padding: 0 1rem;float:right}
.fotosVideos .mediaHeader span:after                {content: "\F101";font-family: FontAwesome;font-size: 1.5rem;font-weight: lighter; margin: 0 0 0 1rem;color: #FFF;line-height: 1.5rem;}
.fotosVideos .mediaHeader a                         {color:#FFF}

/*SECTION HEADER*/
.videosection .mediaHeader                           {display:block; position:relative; overflow:hidden;width: 100%;margin:0!important;padding: 0;background: #1A1A1A;height:50px;}
.videosection .mediaHeader h5,
.videosection .mediaHeader span                      {display:inline-block; position:relative; overflow:hidden; padding:0; margin:0;font-weight:300; font-size:1.3rem}
.videosection .mediaHeader a.mediavideo             {margin:0.5rem 0 0.5rem 0;float: left;display: block;width: 140px;height: 40px;background: url(../img/logos/24h_video.svg) 0 0.1rem no-repeat;background-size: auto 36px;text-indent: -99999em!important;padding: 0;position: relative;}
.videosection .mediaHeader a.mediafotos             {margin: 0.5rem 0 0.5rem 0;float: left;display: block;width: 16rem;height: 4rem;background: url(../img/logos/24h_fotos.svg) 0 0.1rem no-repeat;background-size: auto 3.7rem;text-indent: -99999em!important;padding: 0;position: relative;}
.videosection .mediaHeader span                      {margin: 0.5rem 5.5rem 0.5rem 0; height: 36px; line-height: 36px;color: #fff; padding: 0 1rem;float:right}
.videosection .mediaHeader span:after                {content: "\F101";font-family: FontAwesome;font-size: 1.5rem;font-weight: lighter; margin: 0 0 0 1rem;color: #FFF;line-height: 1.5rem;}
.videosection .mediaHeader a                         {color:#FFF}

span.dataction:before                               {/*content: "\F01D";font-family: FontAwesome;font-size: 2em;font-weight: lighter;*/ content:""; margin: 0 0.3em 0 0;color: #FFF;display: block;float: left;width:24px; height: 24px;background: url("../img/icons/player.svg") 0 0 no-repeat;}
span.dataduration:before                            {content:"|"; font-family: FontAwesome; font-size:1.2em; font-weight:lighter; margin:0 0.3em 0 0; color:#FFF;display: block;float: left;height: 24px; line-height: 24px;}
span.dataplay:before                                {display:none;content:"\F04B"; font-family: FontAwesome; font-size:1.2em; font-weight:lighter; margin:0 0.3em 0 0; color:#FFF;display: block;float: left;height: 2rem; line-height: 1.6rem;}
span.dataLive                                       {background: #e34009;padding: 0 0.5rem; border-radius: 0.3rem;}
span.dataLive:before                                {display:none;content:"\F04B"; font-family: FontAwesome; font-size:1em; font-weight:lighter; margin:0 0.3em 0 0; color:#FFF;display: block;float: left;}

/*SECTIONS DISPLAY*/
.moduleNormal                                       {background:transparent; height:auto; margin-bottom:1rem}
.moduleDefault                                      {background:#F1F1F1; /*#e8e8e8*/}
.moduleHighLight                                    {background:#E8EAEC; border-top:1px solid #fff}
.moduleHighDark                                     {background:#2c2c2c}
.moduleHighDarkVideo                                {background:#2c2c2c;border-radius: 5px;padding-bottom: 1rem;}
.moduleDarkThumb                                    {background: #333;border-top: 1px solid #444;}
.moduleHighGeneric                                  {background:#2e2e2e}
.moduleBaseHiperlink                                {background:#222427}
.moduleBaseGoles                                    {background:#1d354d}
.moduleNormal.noAlto                                {height:auto}
.moduleDefault.temas,
.moduleDefault.relacionados                         {margin:1rem 0}

/*video playlist*/
.videoContainer,
.videoStageGroup,
.videoThumbnails                                    {display:block; width:100%; clear:both;}
.videoStageGroup                                    {overflow:hidden;padding:0 0 1.5rem 0;}
.videoStageGroup h1                                 {font-size: 2.8rem!important;line-height: 1.1;font-weight: 400;margin: 1rem 0; color:#FFF}
.videoStageGroup h1 a:link,
.videoStageGroup h1 a:visited,
.videoStageGroup h1 a:focus                         {color: #FFF;text-decoration: none;}
.videoStageGroup h1 a:hover                         {color: #EFEFEF;text-decoration: none;outline: none;}
.videoStageGroup hr                                 {display: block;margin: 0 -5%;border: 0;border-top: 1px solid #444;}
.videoCaption                                       {margin-top:1rem; color:#bcc4c4}
.videoCaption span.labelFront                       {display: block;font-size: 1.6rem;color: #737373;}
/*.videoCaption span.labelFront:before                {content:"\f111"; font-family: FontAwesome; font-size:0.6rem; font-weight:300; margin:0 1em 0 0; color:#5082d9; display: block;float: left;height: 2rem;line-height: 1.8rem;}*/
.videoCaption span.date                             {display: block;font-size: 1.3rem;color: #737373;}
.videoCaption h1                                    {font-size: 2.8rem!important;line-height: 1.1;font-weight: 400;margin: 1rem 0; color:#FFF}
.videoCaption h1 a:link,
.videoCaption h1 a:visited,
.videoCaption h1 a:focus                            {color: #FFF;text-decoration: none;}
.videoCaption h1 a:hover                            {color: #EFEFEF;text-decoration: none;outline: none;}
.videoCaption p                                     {font-size: 1.8rem;font-weight: 400;line-height: 1.3; padding:1rem 0; margin:0.5rem 0; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; color:#FFF}
.videoCaption smaller                               {text-transform: uppercase;float: right;margin:1rem 0 0 0}
.videoCaption smaller a                             {color:#FFF; text-decoration:none; font-size: 1.6rem; letter-spacing: -0.001rem; font-weight: 300;}
.videoCaption smaller a:visited,
.videoCaption smaller a:hover                       {color:#DDD;}
.videoCaption .shareMedia .social-icon              {color: #FFF!important;text-shadow: 0px 1px 4px rgba(0,0,0,0.5);}
.videoCaption .dropdown-menu.compartir              {background:#666666!important; z-index: 3;width: 18rem!important;}
.videoCaption .dropdown-menu.compartir>li           {padding:0;}
.videoCaption .dropdown-menu.compartir>li>a:visited,
.videoCaption .dropdown-menu.compartir>li>a:link    {background-color:#666}
.videoCaption .dropdown-menu.compartir:after        {border-color:#666 transparent}
.videoCaption .dropdown-menu.compartir .social-icon {font-size: 3rem!important;text-shadow: 0 0.1em rgba(0, 0, 0, 0.06);color: #ffffff;}
.videoCaption span.glyphicon                        {color:#FFF; font-size:3rem}
.videoContent                                       {/*margin-top:1rem*/ margin:0; padding:0}
.videoContainer .carouselmulti figcaption h3        {margin:0.5rem 0; padding:0;}
.videoContainer .carouselmulti figcaption a         {color:#FFF!important;}

figure                                              {display:block; float:left; margin:0; padding:0; position:relative; overflow:hidden;}
figcaption                                          {display:block; position:relative; margin:0; padding:0}
.display                                            {display:block; position:relative; padding:0;}
.display h3                                         {font-family: 'Fira Sans', sans-serif!important; font-size:1.6rem; padding:0; margin:1.5rem 0;}
.display a:focus,
.display a:visited,
.display a:link                                     {color:#5d6673; text-decoration: none;}
.display a:hover                                    {color:#323A49;text-decoration: none;}

.displayFive                                        {display:block; position:relative; overflow:hidden;}
.displayFive figure                                 {display:block; position:relative; width: calc(100% / 4 - 10px); margin:10px}
.displayFive figure picture                         {display:block; position:relative;}
.displayFive figure picture img                     {width:100%}
.displayFive figure picture div                     {display:block; position:absolute; left:0; bottom:0}
.displayFive figure picture div span                {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayFive figure figcaption                      {display:block; position:relative;}
.displayFive figure figcaption p                    {display:none; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400;color:#697685;}
.displayFive figure:first-child                     {width:calc(100% / 2 - 40px)}
.displayFive figure:first-child h3                  {font-size:150%}
.displayFive figure:first-child p                   {display:block;}
.displayFive figure:first-child p:before            {content: "";margin: 0.5rem 0;display: block;width:100%;height: 1px; background:#ccc;}

/*ESTA CLASE DEBE RECIBIR EL BACKGROUND DE LA CAJA DE DESTCADOS, DINAMICAMENTE*/
.displayCover                                       {position:relative;overflow:hidden; background-image:url('../img/fidel.jpg');background-repeat:no-repeat;background-position: left right; background-size:cover; background-color: #1a1a1a; color:#FFF; }
.displayCover h6                                    {display:block; position:relative; overflow:hidden;position:relative;clear:both;text-transform:uppercase;font-weight:400; margin:0; padding:1rem;}
.displayCover h6:before                             {content: ""; margin: 0.5rem 0; display: block; width: 5rem; height: 0.6rem; background:#EEE;}
.displayCover figure                                {display:block; position:relative; width: calc(100% / 2 - 10px); margin:1rem}
.displayCover figure figcaption                     {display:block; position:relative;width: calc(100% - 32px);}
.displayCover figure figcaption p                   {display:block; font-family: 'Fira Sans', sans-serif!important; font-size: 1.8rem; line-height: 1.3; font-weight: 400; color:#FFF;}
.displayCover figure figcaption p.lead              {font-size: 1.8rem;font-weight: 300;line-height: 1.3;padding: 0;margin-bottom: 0.5em; color:#FFF!important}
.displayCover figure figcaption .dropdown-menu.compartir              {background:#666666!important; z-index: 3;width: 18rem!important;}
.displayCover figure figcaption .dropdown-menu.compartir>li           {padding:0;}
.displayCover figure figcaption .dropdown-menu.compartir>li>a:visited,
.displayCover figure figcaption .dropdown-menu.compartir>li>a:link    {background-color:#666}
.displayCover figure figcaption .dropdown-menu.compartir:after {border-color: #666 transparent;}
.displayCover figure:first-child p:before           {content: "";margin: 0.5rem 0;display: block;width:100%;height: 1px; background:#444;}
.displayCover figure:first-child h3                 {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0;}
.displayCover.fake                                  {background:#1a1a1a url('../img/fidel.jpg') left top cover;}
.displayCover h3 a                                  {color:#ffffff!important}
#video-controls-stop.fake                           {background:url('http://www.24horas.cl/incoming/2016-11-27t211245z_118320693_rc1b17bfc1e0_rtrmadp_3_cuba-castro-reaction-nicaraguajpg-2204430/ALTERNATES/w620h350/2016-11-27T211245Z_118320693_RC1B17BFC1E0_RTRMADP_3_CUBA-CASTRO-REACTION-NICARAGUA.JPG') left top no-repeat;}
#video-controls-stopMiddle.fake                     {background:url('http://www.24horas.cl/incoming/2016-11-27t211245z_118320693_rc1b17bfc1e0_rtrmadp_3_cuba-castro-reaction-nicaraguajpg-2204430/ALTERNATES/w620h350/2016-11-27T211245Z_118320693_RC1B17BFC1E0_RTRMADP_3_CUBA-CASTRO-REACTION-NICARAGUA.JPG') left top no-repeat;}

.displayThree,
.displayThreeBajada                             {display:block; position:relative; overflow:hidden}
.displayThree figure,
.displayThreeBajada figure   /* distinto */     {display:block; position:relative; width: calc(100% / 3 - 10px); margin:5px}
.displayThree figure picture,
.displayThreeBajada figure picture              {display:block; position:relative;}
.displayThree figure picture img,
.displayThreeBajada figure picture img           {width:100%}
.displayThree figure picture div,
.displayThreeBajada figure picture div           {display:block; position:absolute; left:0; bottom:0}
.displayThree figure picture div span,
.displayThreeBajada figure picture div span      {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayThree figure figcaption,
.displayThreeBajada figure figcaption            {display:block; position:relative;}
.displayThree figure figcaption p,
.displayThreeBajada figure figcaption p          {display:none; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color:#697685;}
.displayThree figure:first-child  /*distinto*/   {width:calc(2 * 100% / 3 - 10px)}
.displayThree figure:first-child figcaption      {position:relative}
.displayThree figure:first-child h3              {font-size:150%}
.displayThree figure:first-child p               {display:block;}
.displayThree figure:first-child p:before        {content: "";margin: 0.5rem 0;display: block;width:100%;height: 1px; background:#ccc;}
.displayThree.normal figure:first-child         {width: calc(100% / 3 - 10px)}
.displayThree.normal figure:first-child h3      {font-size:1.5rem}

.displayFour                                    {display:block; position:relative; overflow:hidden}
.displayFour figure  /*distinto*/               {display:block; position:relative; width: calc(100% / 4 - 2rem); margin:1rem}
.displayFour figure picture                     {display:block; position:relative;}
.displayFour figure picture img                 {width:100%}
.displayFour figure picture div                 {display:block; position:absolute; left:0; bottom:0}
.displayFour figure picture div span            {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayFour figure figcaption                  {display:block; position:relative;}
.displayFour figure figcaption p                {display:none; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color:#697685;}

.displayTwo                                    {display:block; position:relative; overflow:hidden}
.displayTwo figure  /*distinto*/               {display:block; position:relative; width: calc(100% / 2 - 1em); margin:0 1em 1em 0; height:48.88888%}
.displayTwo figure:first-child                  {width:calc(100% - 50% - 1em); height:100%}
.displayTwo figure picture                     {display:block; position:relative;}
.displayTwo figure picture img                 {width:100%}
.displayTwo figure picture div                 {display:block; position:absolute; left:0; bottom:0}
.displayTwo figure picture div span            {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayTwo figure figcaption                  {display:block; position:relative;}
.displayTwo figure figcaption p                {display:none; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color:#697685;}

/*displayTwoCols es para dividir un solo llamado artículo en 2*/
.displayTwoCols                                    {display:block; position:relative; overflow:hidden}
.displayTwoCols figure,
.displayTwoCols figcaption                         {display:block; position:relative; width: calc(100% / 2 - 10px); margin:0; /*margin:5px*/}
.displayTwoCols figure picture                  {display:block; position:relative;}
.displayTwoCols figure picture img              {width:100%}
.displayTwoCols figure picture div              {display:block; position:absolute; left:0; bottom:0}
.displayTwoCols figure picture div span         {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayTwoCols figure figcaption               {display:block; position:relative;}
.displayTwoCols figure figcaption p             {display:none; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color:#697685;}

.displaySeven                                    {display:block; position:relative; overflow:hidden}
.displaySeven figure  /*distinto*/               {display:block; position:relative; width: calc(2*100% / 9 - 10px); margin:5px;}
.displaySeven figure picture                     {display:block; position:relative;}
.displaySeven figure picture img                 {width:100%}
.displaySeven figure picture div                 {display:block; position:absolute; left:0; bottom:0}
.displaySeven figure picture div span            {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displaySeven figure figcaption                  {display:block; position:relative;}
.displaySeven figure figcaption p                {display:none; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color:#697685;}
.displaySeven figure:first-child  /*distinto*/   {width:calc(100% / 4 - 20px)}

/*Excepciones para alinear al lado izquierdo*/
.displayThree figure,
.displaySeven figure                                        {margin:0px 10px 10px 0}
.entrevistas .displaySeven figure                           {margin:0px 34px 10px 0}

/*ARTICULO DESPLIEGUE CAJAS HORIZONTALES*/
.displayHorizontal                                  {margin:0 1rem;}
.displayHorizontal figure                           {display: block; position: relative; background:#DBE0E3; float: left; margin:5px 0; width:100%; clear:both;}
.displayHorizontal picture                          {width: 45%;overflow: hidden;float: left; display: flex; flex-direction: column;}
.displayHorizontal figcaption                       {width:55%; padding:0.4rem 0.8rem!important; float:left}
.displayHorizontal figcaption p,
.displayHorizontal figcaption ul                    {display:none!important}
.displayHorizontal figure figcaption h2             {display: -webkit-box; max-width: 100%; height: 4.9em; margin: 0!important; font-size: 1.5rem!important; line-height: 1.3em; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0;}
.displayHorizontal .vermas                          {margin:10px 0; /*margin:0 0 10px*/}
/*excepción*/
.displayHorizontal figure.boxsinfoto picture        {display:none!important}
.displayHorizontal figure.boxsinfoto figcaption     {display:block!important; width:100%; float:none}
.displayHorizontal figure.boxsinfoto h2             {margin:0 0 1rem}
.displayHorizontal figure.boxsinfoto h2 a           {color:#ffffff}
.displayHorizontal figure.boxsinfoto h2 a:visited   {color:#ffffff}
.displayHorizontal figure.boxsinfoto h2 a:hover     {color:#efefef}
.displayHorizontal figure.boxsinfoto p              {font-size:1.6rem!important; display:block!important}

.displayHorizontalBig                                  {margin:0 1rem;}
.displayHorizontalBig figure                           {display: block; position: relative; background:#DBE0E3; float: left; margin:5px 0; width:100%; clear:both;}
.displayHorizontalBig picture                          {width: 25%;overflow: hidden;float: left; display: flex; flex-direction: column;}
.displayHorizontalBig figcaption                       {width:75%; padding:0.5rem 1rem!important; float:left}
.displayHorizontalBig figcaption p,
.displayHorizontalBig figcaption ul                    {display:none!important}
.displayHorizontalBig figure figcaption h2             {display: -webkit-box; max-width: 100%; height: 3.8em; margin: 0; font-size: 1.8rem!important;line-height: 1.3em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 400;}
.displayHorizontalBig .vermas                          {margin:10px 0; /*margin:0 0 10px*/}


/*SECCIONES ESPECIFICAS*/

/*se usa en deportes para los cuatro destacados: verificar si se usa en otras cajas*/
.display_items_w_toLeft                                     {margin:0; padding:0; border:0; display: flex!important;flex-direction: row;}
.display_items_w_toLeft figure                              {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 0 0; width:calc(100%/ 4 - 0.8em);}
.display_items_w_toLeft figure:last-child                   {margin-right:0!important}
.display_items_w_toLeft figure p                            {display:none}
.display_items_w_toLeft figure div.dataRel,
.display_items_w_toLeft figure ul                           {display:block}

.display_1item_destacado                                    {margin:0; padding:0; border:0 background: #DBE0E3; border-radius: 5px;}
.display_1item_destacado figure picture                     {display:block; float:right;width:75%}
.display_1item_destacado figure figcaption                  {display:block; float:left;padding:0 1rem; width:25%}
.display_1item_destacado figure figcaption h2               {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0; padding:0.5rem 0}

.display_1item_destacado.interior                           {margin:0; padding:0; border:0; background:#transparent; border-radius: 0;}
.display_1item_destacado.interior figure picture            {display:block; float:right;width:66.66666%}
.display_1item_destacado.interior figure figcaption         {display:block; float:left;padding:0 1rem; width:33.33333%}
.display_1item_destacado.interior figure figcaption h2      {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0; padding:1.5rem 0}

.display_3item_l_toLeft                                     {margin:1rem 0 0 0!important; padding:0; border:0; /*fix safari*/; display: flex!important; flex-direction: row;}
.display_3item_l_toLeft figure                              {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 3 - 1em); /*fix safari:height:100%; min-height:240px*/}
.display_3item_l_toLeft figure p                            {display:block}
.display_3item_l_toLeft figure div.dataRel,
.display_3item_l_toLeft figure ul                           {display:none}

.display_3item_w_toLeft                                     {margin:0; padding:0; border:0; display: flex!important; flex-wrap: wrap; flex-direction: row;}
.display_3item_w_toLeft figure                              {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 3 - 1em);}
.display_3item_w_toLeft figure p                            {display:none}
.display_3item_w_toLeft figure div.dataRel,
.display_3item_w_toLeft figure ul                           {display:none!important}

.displayLeft_dest1col                                           {margin:0 0 1rem 0!important; padding:0; border:0;overflow:hidden;/*fix safari*/height:38em;}
.displayLeft_dest1col figure                                    {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 3 - 1em); height:48.88888%}
.displayLeft_dest1col figure:first-child                        {width:calc(100% - 66.666667% - 1em); height:100%}
.displayLeft_dest1col figure:first-child p,
.displayLeft_dest1col figure:first-child div.datarel            {display:block}
.displayLeft_dest1col figure p                                  {display:none}
.displayLeft_dest1col figure div.dataRel,
.displayLeft_dest1col figure ul                                 {display:none!important}

.displayLeft_dest2col                                           {margin:0; padding:0; border:0}
.displayLeft_dest2col figure                                    {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 3 - 1em); height:48.88888%}
.displayLeft_dest2col figure:first-child                        {width:calc(100% - 33.3333% - 1em); height:100%}
.displayLeft_dest2col figure:first-child p,
.displayLeft_dest2col figure:first-child div.datarel            {display:block}
.displayLeft_dest2col figure:first-child figcaption             {padding:0 1em}
.displayLeft_dest2col figure p                                  {display:none}
.displayLeft_dest2col figure div.dataRel,
.displayLeft_dest2col figure ul                                 {display:none}
.displayLeft_dest2col figure:first-child h2                     {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0;letter-spacing: -1px;}

.displayLeft_dest3col                                           {margin:0; padding:0; border:0; /*fix safari*/height:40em}
.displayLeft_dest3col figure                                    {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 0 1rem 1.33333rem; width:calc(100%/ 4 - 1em); height:48.88888%}
.displayLeft_dest3col figure:first-child                        {width:calc(100% - 50%); margin:0!important; height:100%}
.displayLeft_dest3col figure:first-child p,
.displayLeft_dest3col figure:first-child div.datarel            {display:block}
.displayLeft_dest3col figure:first-child figcaption             {padding:0 1em}
.displayLeft_dest3col figure p                                  {display:none}
.displayLeft_dest3col figure div.dataRel,
.displayLeft_dest3col figure ul                                 {display:none}
.displayLeft_dest3col figure:first-child h2                     {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0; padding:0.8rem 0}

.displayLeft_dest4col                                           {margin:0; padding:0; border:0;/*fix safari*/height:40em}
.displayLeft_dest4col figure                                    {display: block; position: relative; background: #DBE0E3; float: left; margin:0 1em 1em 0; /*margin: 10px;*/ width:calc(100%/ 4 - 1em); height:48.88888%}
.displayLeft_dest4col figure:first-child                        {width:calc(100% - 50% - 1em); height:100%}
.displayLeft_dest4col figure:first-child p                      {display:none;}
.displayLeft_dest4col figure:first-child h2                     {font-size: 2.8rem!important;}
.displayLeft_dest4col figure:first-child div.datarel,
.displayLeft_dest4col figure:first-child ul                     {display:block}
.displayLeft_dest4col figure:first-child img                    {width:100%}

.displayLeft_dest4col figure:nth-child(2)                       {width:calc(100% - 75% - 1em); height:100%}
.displayLeft_dest4col figure:nth-child(2) p                     {display:none}
.displayLeft_dest4col figure:nth-child(2) div.datarel,
.displayLeft_dest4col figure:nth-child(2) ul                    {display:block}
.displayLeft_dest4col figure p                                  {display:none}
.displayLeft_dest4col figure div.dataRel,
.displayLeft_dest4col figure ul                                 {display:block}
.displaymedia.displayLeft_dest4col figure:first-child p         {display:block!important;}

/*fix safari caja espectáculos*/
.displayLeft_dest4_col3                                           {margin:0; padding:0; border:0;/*fix safari*/height:52em}
.displayLeft_dest4_col3 figure                                    {display: block; position: relative; background: #DBE0E3; float: left; margin:0 1em 1em 0; /*margin: 10px;*/ width:calc(100%/ 4 - 1em); height:48.88888%}
.displayLeft_dest4_col3 figure:first-child                        {width:calc(100% - 50% - 1em); height:100%}
.displayLeft_dest4_col3 figure:first-child p                      {display:none;}
.displayLeft_dest4_col3 figure:first-child h2                     {font-size: 2.8rem!important;}
.displayLeft_dest4_col3 figure:first-child div.datarel,
.displayLeft_dest4_col3 figure:first-child ul                     {display:block}
.displayLeft_dest4_col3 figure:first-child img                    {width:100%}

.displayLeft_dest4_col3 figure:nth-child(2)                       {width:calc(100% - 75% - 1em); height:100%}
.displayLeft_dest4_col3 figure:nth-child(2) p                     {display:none}
.displayLeft_dest4_col3 figure:nth-child(2) div.datarel,
.displayLeft_dest4_col3 figure:nth-child(2) ul                    {display:block}
.displayLeft_dest4_col3 figure p                                  {display:none}
.displayLeft_dest4_col3 figure div.dataRel,
.displayLeft_dest4_col3 figure ul                                 {display:block}


.displayLeft_dest4colCover                                      {margin:0; padding:0; border:0; /*fix safari*/height:38.99999em}
.displayLeft_dest4colCover figure                               {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 4 - 1em); height:48.88888%}
.displayLeft_dest4colCover figure figcaption p,
.displayLeft_dest4colCover figure figcaption ul                 {display:none!important}
.displayLeft_dest4colCover figure:nth-child(1),
.displayLeft_dest4colCover figure:nth-child(2),
.displayLeft_dest4colCover figure:nth-child(3)                  {height:100%;}

.displayLeft_dest4colCover figure:nth-child(1) p                {display:block}
.displayLeft_dest4colCover figure:nth-child(2) p                {display:none}
.displayLeft_dest4colCover figure:nth-child(3) p                {display:none}
.displayLeft_dest4colCover figure:nth-child(1) div.datarel,
.displayLeft_dest4colCover figure:nth-child(1) ul,
.displayLeft_dest4colCover figure:nth-child(2) div.datarel,
.displayLeft_dest4colCover figure:nth-child(2) ul,
.displayLeft_dest4colCover figure:nth-child(3) div.datarel,
.displayLeft_dest4colCover figure:nth-child(3) ul               {display:none}

/*display cuatro columnas, seis destacados usado en deportes*/
.displayLeft_dest4col6dest                                      {margin:0; padding:0; border:0; /*fix safari*/ height:38em;}
.displayLeft_dest4col6dest figure                               {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 4 - 1em);height:48.88888%}
.displayLeft_dest4col6dest figure p,
.displayLeft_dest4col6dest figure div.dataRel,
.displayLeft_dest4col6dest figure ul                            {display:none!important}
.displayLeft_dest4col6dest figure:nth-child(1),
.displayLeft_dest4col6dest figure:nth-child(2)                  {height:100%;}

.displayLeft_dest4col6dest figure:nth-child(1) p,
.displayLeft_dest4col6dest figure:nth-child(2) p                {display:none}
.displayLeft_dest4col6dest figure:nth-child(1) div.datarel,
.displayLeft_dest4col6dest figure:nth-child(1) ul,
.displayLeft_dest4col6dest figure:nth-child(2) div.datarel,
.displayLeft_dest4col6dest figure:nth-child(2) ul               {display:none}

/*Display generic sections displayGeneric_des1_a, displayGeneric_dest1_b, displayGeneric_dest2col2, displayGeneric_dest3col3, displayGeneric_dest1col3lead */
.displayGeneric_des1                                            {display:flex; flex-wrap:wrap; flex-direction:row;margin-bottom:1rem!important}
.displayGeneric_des1 figure                                     {display: block; position: relative; margin: 0; padding:0!important;width:100%; border-radius:0!important}
.displayGeneric_des1 figure picture img                         {width:100%}
.displayGeneric_des1 figure figcaption                          {display:block; position: absolute; bottom: 0; left: 0; overflow: hidden; margin:0!important; padding: 0 1.6rem!important;right: 0;color: #fff;z-index: 3;background-color: transparent;background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,0.9));background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.9));background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.displayGeneric_des1 figure figcaption h2                       {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0;}
.displayGeneric_des1 figure figcaption p                        {margin: 0 0 1.6rem 0!important; font-family: 'Fira Sans', sans-serif!important; color:#FFF!important}
.displayGeneric_des1 figure figcaption h2 a                     {color:#FFF!important;text-decoration:none}
.displayGeneric_des1 figure figcaption h2 a,
.displayGeneric_des1 figure figcaption h2 a                     {color:#EEE;text-decoration:none}
/**excepcion*/
.displayGeneric_des1 div.dataRel ul                             {display: flex; flex-direction:row; margin:0; list-style-image: url(../img/bullet.svg);padding-left: 20px;}
.displayGeneric_des1 div.dataRel ul li                          {width: 33%;padding: 1rem 1rem 1rem 0;margin: 0.5rem;}
/*.displayGeneric_des1 div.dataRel ul li:after                    {content: "";display: block;width: 100%;height: 20px;background-image: url(../img/linea_abajo.svg);background-repeat: no-repeat;background-position: center bottom;}*/

.displayGeneric_des1_a                                          {margin:0; padding:0; border:0}
.displayGeneric_des1_a figure picture                           {display:block;width:100%}
.displayGeneric_des1_a figure figcaption                        {display:block; position:relative; padding:1rem 0!important;}
.displayGeneric_des1_a figure figcaption h2                     {font-size:2.8rem!important; line-height:1.1; font-weight:500}

.displayGeneric_dest1_b                                         {margin:0; padding:0; border:0}
.displayGeneric_dest1_b figure picture                          {display:block; float:right;  width:66%}
.displayGeneric_dest1_b figure picture img                      {width:100%}
.displayGeneric_dest1_b figure figcaption                       {display:block; float:left; padding:0!important; margin:0; width:33%}
.displayGeneric_dest1_b figure figcaption h2                    {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0 0 1rem 0;}

.displayGeneric_des1_col3                                       {margin:0; padding:0; border:0; display:flex; flex-wrap:wrap; flex-direction:row;}
.displayGeneric_des1_col3 figure                                {display: block;position: relative;background: #dce0e3;float: left;margin: 0; padding:0!important;width: calc(100%/ 3);border-radius: 0!important;}
.displayGeneric_des1_col3 figure picture                        {display:none}
.displayGeneric_des1_col3 figure figcaption                     {display:block; margin: 2rem!important; padding:0!important;min-height: 80px;}
.displayGeneric_des1_col3 figure figcaption:after               {content: "";display: block;width: 100%;height: 20px;background-image: url(../img/linea_abajo.svg);background-repeat: no-repeat;background-position: center bottom;}
.displayGeneric_des1_col3 figure figcaption h3                  {display: -webkit-box; max-width: 100%; height: 3.5em; margin: 0; font-family: 'Fira Sans', sans-serif!important; font-size: 1em; line-height: 1.2em; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; font-weight:400;}
.displayGeneric_des1_col3 figure figcaption p,
.displayGeneric_des1_col3 figure figcaption ul                  {display:block;}
.displayGeneric_des1_col3 figure:nth-child(1)                   {width:100%;}
.displayGeneric_des1_col3 figure:nth-child(1) picture           {display:block}
.displayGeneric_des1_col3 figure:nth-child(1) figcaption        {display:block; position: absolute; bottom: 0; left: 0; overflow: hidden; margin:0!important; padding: 0 5%!important;right: 0;color: #fff;z-index: 3;background-color: transparent;background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,0.9));background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.9));background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.displayGeneric_des1_col3 figure:nth-child(1) figcaption:after  {display:none;}
.displayGeneric_des1_col3 figure:nth-child(1) figcaption h2     {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0;}
.displayGeneric_des1_col3 figure:nth-child(1) figcaption a      {color:#FFF!important}
.displayGeneric_des1_col3 figure:nth-child(1) figcaption p      {display:block; color:#FFF}
.displayGeneric_des1_col3 figure:nth-child(1) figcaption ul     {display:none;}

.displayGeneric_dest2                                       {display:block; position:relative; overflow:hidden}
.displayGeneric_dest2 figure                                {display:block; position:relative; width: calc(100% / 2 - 1em); margin:0 1.5em 0 0;}
.displayGeneric_dest2 figure picture                        {display:block; position:relative;}
.displayGeneric_dest2 figure picture img                    {width:100%}
.displayGeneric_dest2 figure figcaption                     {display:block; position:relative;padding:0!important}
.displayGeneric_dest2 figure figcaption p                   {display:block; font-family: 'Fira Sans', sans-serif!important; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color:#697685;}
.displayGeneric_dest2 figure figcaption h2                  {font-size:2.4rem!important; line-height:1.1; font-weight:500; margin:0;padding:0}
.displayGeneric_dest2 figure:last-child                     {margin-right:0!important}

.displayGeneric_dest3_col2                                  {display:block; position:relative; overflow:hidden}
.displayGeneric_dest3_col2 figure                           {display:block; position:relative; width: calc(100% / 3 - 2rem); margin:0 2rem 2rem 0}
.displayGeneric_dest3_col2 figure picture                   {display:block; position:relative;}
.displayGeneric_dest3_col2 figure picture img               {width:100%}
/*.displayGeneric_dest3_col2 figure picture div            {display:block; position:absolute; left:0; bottom:0}*/
.displayGeneric_dest3_col2 figure picture div span          {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayGeneric_dest3_col2 figure figcaption                {display:block; position:relative;}
.displayGeneric_dest3_col2 figure figcaption p,
.displayGeneric_dest3_col2 figure figcaption ul             {display:none!important}
.displayGeneric_dest3_col2 figure:first-child               {width:64%}
.displayGeneric_dest3_col2 figure:first-child figcaption    {padding:0!important}
.displayGeneric_dest3_col2 figure:first-child p             {display:none}
.displayGeneric_dest3_col2 figure:first-child ul            {display:block!important}
.displayGeneric_dest3_col2 figure:first-child h2            {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0;padding:0.5rem 0}

.displayGeneric_dest3_col3                                  {display:block; position:relative; overflow:hidden}
.displayGeneric_dest3_col3 figure                           {display:block; position:relative; width: calc(100% / 4 - 2em); margin:0 2em 2em 0}
.displayGeneric_dest3_col3 figure picture                   {display:block; position:relative;}
.displayGeneric_dest3_col3 figure picture img               {width:100%}
.displayGeneric_dest3_col3 figure picture div               {display:block; position:absolute; left:0; bottom:0}
.displayGeneric_dest3_col3 figure picture div span          {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayGeneric_dest3_col3 figure figcaption                {display:block; position:relative; padding:0.5rem 0!important}
.displayGeneric_dest3_col3 figure figcaption p              {display:block}
.displayGeneric_dest3_col3 figure figcaption ul             {display:none}
.displayGeneric_dest3_col3 figure:first-child               {width:calc(100% - 50% - 2em)}
.displayGeneric_dest3_col3 figure:first-child h2            {font-size:2.8rem!important; line-height:1.1; font-weight:500; margin:0;padding:0.5rem 0}
.displayGeneric_dest3_col3 figure:first-child p             {display:block}
.displayGeneric_dest3_col3 figure:first-child ul            {display:none}

.displayGeneric_dest5 figure                                 {display:block; position:relative; width: calc(100% / 4 - 10px); margin:10px}
.displayGeneric_dest5 figure picture                         {display:block; position:relative;}
.displayGeneric_dest5 figure picture img                     {width:100%}
.displayGeneric_dest5 figure picture div                     {display:block; position:absolute; left:0; bottom:0}
.displayGeneric_dest5 figure picture div span                {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayGeneric_dest5 figure figcaption                      {display:block; position:relative;}
.displayGeneric_dest5 figure figcaption h3                   {font-size: 1.6rem!important;line-height:1.8rem;font-weight: 400;color: #6b7482!important; margin:0; padding:0}
.displayGeneric_dest5 figure figcaption p                    {display:none;}
.displayGeneric_dest5 figure:first-child                     {width:calc(100% / 2 - 40px)}
.displayGeneric_dest5 figure:first-child h3                  {font-size: 2.6rem!important; font-weight: 500; padding: 0; margin: 1rem 0; line-height: 2.6rem; height:inherit}
.displayGeneric_dest5 figure:first-child p                   {display:block; font-family: 'Oxygen', sans-serif; font-size:1.8rem!important; font-weight: 400; line-height: 1.4; padding:0; margin-bottom: 1rem;}
/*.displayGeneric_dest5 figure:first-child p:before            {content: "";margin: 0.5rem 0;display: block;width:100%;height: 1px; background:#ccc;}*/

.displayGeneric_dest6                                       {display:flex!important; flex-wrap:wrap; flex-direction:row; position:relative; overflow:hidden}
.displayGeneric_dest6 figure  /*distinto*/                  {display:block; position:relative; width: calc(100% / 3 - 2rem); margin:0 2rem 1rem 0;}
.displayGeneric_dest6 figure picture                        {display:block; position:relative;}
.displayGeneric_dest6 figure picture img                    {width:100%}
.displayGeneric_dest6 figure picture div                    {display:block; position:absolute; left:0; bottom:0}
.displayGeneric_dest6 figure picture div span               {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayGeneric_dest6 figure figcaption                     {display:block; position:relative;  padding:1rem 0!important}
.displayGeneric_dest6 figure figcaption h2                  {font-size: 1.6rem!important;line-height:1.8rem;font-weight: 400;color: #6b7482!important;}
.displayGeneric_dest6 figure figcaption p                   {display:none;}
.displayGeneric_dest6 figure.boxvideo                       {background:transparent!important}
.displayGeneric_dest6 figure.boxvideo a:link                {color: #5d6673!important;text-decoration: none;}
.displayGeneric_dest6 figure.boxvideo a:visited,
.displayGeneric_dest6 figure.boxvideo a:focus               {color: #5d6673!important;text-decoration: none;}
.displayGeneric_dest6 figure.boxvideo a:hover               {color: #323A49!important;text-decoration: none;outline: none;}

/*display home*/
.displayHomeContenido                                   {display:flex!important; flex-wrap:wrap; flex-direction:row; /*fix safari*/height:42em}
.displayHome_des1_full                                  {display:block;position:relative;}
.displayHome_des1_full h1.bigheadline                   {font-size: 5rem!important;line-height: 6rem;text-shadow: none!important;color: #485563;font-weight: 600;font-style: italic;}
.displayHome_des1_full h1 a                             {color:#485563; text-decoration:none;}
.displayHome_des1_full h1 a:hover                       {color:#000; text-decoration:none; opacity:0.8}

.displayHome_des1                                       {padding:0; margin:0;}
.displayHome_dest1 figure picture                       {display:block; float:right; width:63%}
.displayHome_dest1 figure figcaption                    {display:block; float:left;padding:0 1rem 1rem 0!important; width:36%}
.displayHome_dest1 figure figcaption h2                 {font-size:2.8rem!important; font-weight:500;margin:0; padding:0.5rem 0}
/**excepcion*/
.displayHome_dest1 figure ul                            {display: flex; flex-direction:row; /*background: #EEE*/ background:transparent; margin:0; padding-left: 12px; list-style-image: url(../img/bullet.svg); clear:both!important}
.displayHome_dest1 figure ul li                         {width: 33%;padding: 1rem 1rem 1rem 0;margin: 0.5rem;}
/*Ubicar video dentro de un DIV*/
.displayHome_dest1 figure #playerTopWrapper             {float:right; width:526px; height:297.3px;}

.displayHome_des1_1col                                  {display:block; position:relative; overflow:hidden;width:66.66666%; /*fix safari*/height:100%}
.displayHome_des1_1col figure                           {display: block; position: relative; margin: 0 1em 1em 0; width:calc(100% - 2rem); height:100%}
.displayHome_des1_1col figure figcaption h2             {font-size:2.8rem!important; font-weight:500}
.displayHome_des1_1col figure figcaption ul             {display: flex; flex-direction:row; background: transparent; margin:0; padding-left: 25px; list-style-image: url(../img/bullet.svg);}
.displayHome_des1_1col figure figcaption ul li          {width: 50%;padding: 0.5rem 1rem 1rem 0;margin: 0.5rem;}
.displayHome_des1_1col figure.boxnormal>figcaption>ul   {background:transparent!important}

.displayHome_des3_2col                                  {display:block; position:relative; overflow:hidden;width:66.66666%; /*fix safari*/ height:100%}
.displayHome_des3_2col figure                           {display: block; position: relative; background:#DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 2 - 1em); height:48.88888%}
.displayHome_des3_2col figure:nth-child(1)              {width:calc(100% - 50% - 1em); height:100%}

.displayHome_des3_1col                                  {display:block; overflow:hidden; width:33.33333%; /*fix safari*/ height:100%}
.displayHome_des3_1col figure                           {display:flex!important; flex-wrap:wrap; flex-direction:column; margin:0 0 1rem 0; height:33.33333%}

.displayHome_des2_1col                                  {display:block; overflow:hidden; width:33.33333%}
.displayHome_des2_1col figure                           {display:flex!important; flex-wrap:wrap; flex-direction:column; margin:0 0 1rem 0; min-height:33.33333%}
/*home politica*/
.displayHome_dest3_col2                                 {display:block; position:relative; overflow:hidden}
.displayHome_dest3_col2 figure                          {display:block; position:relative; width: calc(100% / 3 - 2rem); margin:0 2rem 2rem 0;}
.displayHome_dest3_col2 figure picture                  {display:block; position:relative;}
.displayHome_dest3_col2 figure picture img              {width:100%}
.displayHome_dest3_col2 figure picture div              {display:block; position:absolute; left:0; bottom:0}
.displayHome_dest3_col2 figure figcaption               {display:block; position:relative; padding:1rem!important}
.displayHome_dest3_col2 figure figcaption p,
.displayHome_dest3_col2 figure figcaption ul,
.displayHome_dest3_col2 figure figcaption div.dataRel       {display:none!important}
.displayHome_dest3_col2 figure:first-child                  {width:64%}
.displayHome_dest3_col2 figure:first-child h2               {font-size:2.8rem!important; font-weight:500;margin:0;}
.displayHome_dest3_col2 figure:first-child figcaption p     {display:block!important}
.displayHome_dest3_col2 figure:first-child figcaption ul,
.displayHome_dest3_col2 figure:first-child figcaption div.dataRel       {display:block!important}
/*home deportes*/
.displayHome_dest4_col2 {border: 1px solid transparent; display: flex!important; flex-wrap: wrap; flex-direction: row;}
.displayHome_dest4_col2 figure {display: block; position: relative; background: #DBE0E3; float: left; margin: 0 1em 1em 0; width:calc(100%/ 2 - 1em);}
.displayHome_dest4_col2 figure p,
.displayHome_dest4_col2 figure div.dataRel{display:none}
/*home deportes*/
.displayHome_dest1_2col {border:1px solid transparent; padding:0; margin:0; background: #DBE0E3; border-radius: 5px;}
.displayHome_dest1_2col figure picture {display:block; float:right;width:53%}
.displayHome_dest1_2col figure figcaption {display:block; float:left;padding:1rem 1.5rem!important; width:46%}
.displayHome_dest1_2col figure figcaption h2            {font-size:2.8rem!important; margin:0; padding:0}
/*home lead*/
.displayHome_des1_1col figure figcaption p.lead,
.displayHome_des3_2col figure figcaption p.lead,
.displayHome_des3_1col figure figcaption p.lead,
.displayHome_des2_1col figure figcaption p.lead         {font-family: 'Oxygen', sans-serif; font-size:1.8rem!important; font-weight: 300; line-height: 1.4; padding:0; margin-bottom: 1rem; color:#6a6d73}
/*home video*/
.moduleHighDarkVideo .container-fluid                    {padding:0}
.moduleHighDarkVideo figure                              {display: block; box-sizing: border-box; position: relative; overflow: hidden; background: #3b3b3b; margin: 0.3rem 5%; padding: 0.5rem; border-radius: 0.5rem; width: 90%;}
.moduleHighDarkVideo figure picture                      {float: left;padding: 0;display: inline;height: auto;width: 120px;margin-right: 1rem;}
.moduleHighDarkVideo figure picture div span             {display:block; position:relative; font-size:1.2rem; text-transform:uppercase; margin:0; color:#FFF; line-height:32px;}
.moduleHighDarkVideo figure picture .dataVideoInfo       {display: block; position: absolute; left: 0; bottom: 0;}
.moduleHighDarkVideo figure picture .dataVideoInfo span.dataction:before      {content: ""; margin: 0 0.5em 0 0.5rem!important; color: #FFF; display: block; width: 24px; height: 23px; background: url(../img/icons/player.svg) 0 0 no-repeat;}

.moduleHighDarkVideo figure h2                           {font-family: 'Fira Sans', sans-serif!important; font-size:1.6rem; padding:0; margin:1.5rem 0;}
.moduleHighDarkVideo figure h3                           {font-family: 'Fira Sans', sans-serif!important; font-size:1.5rem; padding:0; margin:1.5rem 0;font-weight:500}
.moduleHighDarkVideo figure h4                           {font-family: 'Fira Sans', sans-serif!important; font-size:1.5rem; padding:0; font-weight:300;margin:0!important}
.moduleHighDarkVideo h3:before                           {content: "VIVO";margin: 0 1rem 0 0;display: block;overflow: hidden;width: 4rem;background: #e34009;font-size: 1.4rem;color: #fff;line-height: 2rem;text-align: center;border-radius: 0.3rem;float: left;}
.moduleHighDarkVideo figure a                            {color:#FFF; text-decoration: none;}
.moduleHighDarkVideo figure a:focus                      {color:#FFF; text-decoration: none; outline:none;}
.moduleHighDarkVideo figure a:hover                      {color:#FFF; text-decoration: none;}

.moduleHighDarkVideo .videoShareData                         {display: block;position: relative;clear: both;/*border-top: 1px solid #444;*/margin: 0 -5%;}
.moduleHighDarkVideo .videoShareData ul.contentShare         {float:right; clear:none;margin:0.5rem}
.moduleHighDarkVideo .videoShareData ul.contentShare .social-icon {color: #fff!important;text-shadow: 0px 1px 4px rgba(0,0,0,0.5);}
.moduleHighDarkVideo .videoCaption small                     {display: inline-block;line-height: 4rem;float: left!important;font-size: 1.5rem; margin-left:1rem}
.moduleHighDarkVideo .videoCaption small:before              {content: "\F017";font-family: FontAwesome;font-size: 1.2em;font-weight: lighter;margin: 0 0.3em 0 0;color: #757575;display: block;float: left;height: 3rem;line-height: 4rem;}
.moduleHighDarkVideo>row,
.moduleHighDarkVideo>div                                    {margin:0!important}
.moduleHighDarkVideo .videoCaption h1                       {font-size:1.8rem!important;margin:0!important;font-weight:400}

/* Caja para destacar el primer artículo */
.display.displayLeft_dest1col figure.box:first-child h2 {font-size:1.8rem!important; margin:0 0 0.6rem}
.display.displayLeft_dest1col figure.box:first-child p {font-family:'Fira Sans', sans-serif!important; font-size:1.4rem; line-height:1.9rem}
.display_3item_l_toLeft.first_article_destacado figure {width:calc(100%/4 - 25px)}
.display_3item_l_toLeft.first_article_destacado figure:nth-child(1) {width:calc(100%/2 - 10px)}

.display figure.box>figcaption h2       {font-size:1.4rem;margin:0.5rem 0; font-weight:400}
.display figure.box>figcaption          {padding:0.5rem 1rem}
.display figure.box>figcaption p.lead   {font-family: 'Oxygen', sans-serif!important;font-size: 1.8rem;font-weight: 300;}
.display figure.box>figcaption span     {display: block; margin: 2rem 0 -2rem 0;}

/*CAJAS PASTILLAS*/
.boxcontenido                   {background:transparent!important;}
.boxdefault                     {background:#DDD!important;}
.boxnormal                      {background:#DBE0E3;}
.boxtendencias                  {background:#9c2759!important;color:#FFF}
.boxminutoaminuto               {background:#DBE0E3;}

.boxdeportes,
.boxdeportesInterior            {background: #1d63dc!important;color:#FFF}
.boxgaleria                     {background: #292c30!important;color:#FFF;}
.boxvideo                       {background: #046eb5!important;color:#FFF;}
.boxenvivo                      {background: #ff401f!important;color:#FFF;}
.boxlaroja                      {background: #8f324c!important;color:#FFF;}
.boxsinfoto                     {background: #727b8a!important; color:#FFF!important;padding-top:1em}
.boxgoles                       {background:rgba(83,116,142,0.6); color:#FFF; border-radius:0 0 10px 10px; height:250px}
.boxgoles figcaption            {padding:0 1rem;}
.boxgoles figcaption a          {color:#FFF; }
.boxgoles figcaption a:visited,
.boxgoles figcaption a:hover    {color:#EEE; }

.boxtendencias a,
.boxdeportes a,
.boxdeportesInterior a,
.boxgaleria a,
.boxvideo a,
.boxenvivo a,
.boxsinfoto a,
.boxlaroja a                    {color:#FFF!important;text-decoration:none}
.boxcontenido a,
.boxminutoaminuto a             {color:#5d6673!important;text-decoration:none}

.boxtendencias a:visited,
.boxdeportes a:visited,
.boxdeportesInterior a:visited,
.boxgaleria a:visited,
.boxvideo a:visited,
.boxenvivo a:visited,
.boxsinfoto a:visited,
.boxlaroja a:visited,
.boxtendencias a:focus,
.boxdeportes a:focus,
.boxdeportesInterior a:focus,
.boxgaleria a:focus,
.boxvideo a:focus,
.boxenvivo a:focus,
.boxsinfoto a:focus,
.boxlaroja a:focus              {color: #FFF!important;text-decoration: none; outline: none;}

.boxcontenido a:visited,
.boxminutoaminuto a:visited,
.boxminutoaminuto a:focus,
.boxcontenido a:focus,
.boxminutoaminuto a:focus       {color: #5d6673;text-decoration: none; outline: none;}

.boxtendencias a:hover,
.boxdeportes a:hover,
.boxdeportesInterior a:hover,
.boxgaleria a:hover,
.boxvideo a:hover,
.boxenvivo a:hover,
.boxsinfoto a:hover,
.boxlaroja a:hover              {color:#efefef!important;text-decoration: none;outline: none;}
.boxcontenido a:hover,
.boxminutoaminuto a:hover       {color:#323A49!important;text-decoration: none;outline: none;}

.boxtendencias p.lead,
.boxdeportes p.lead,
.boxcover p.lead,
.boxdeportes p.lead,
.boxvideo p,
.boxenvivo,
.boxenvivo p,
.boxgaleria p                   {color:#FFF!important;text-decoration: none;outline: none;}

/*generic seccion*/
.secciones .boxsinfoto p {display:inline!important; color:#FFF!important; font-size:1.2rem}
.boxenvivo span.vivo {display:inline-block!important; background:#ff401f; text-transform:uppercase;padding:0.1rem 0.8rem;font-size:1.5rem;}

.boxdeportes * {color:#ffffff;font-family: 'Fira Sans', sans-serif!important;}
/*.display.display_1item_destacado>figure.boxdeportes>figcaption h2 {font-size:2.2em!important}*/
/*.boxdeportes p {font-size:1.8rem; font-weight:300}*/
/*.display>figure.boxdeportes>figcaption>div.dataRel>h4 a {font-weight:400}*/
figure.boxlaroja>figcaption h2{font-size: 1.6rem!important;line-height: 2rem;}
.boxdeportes picture a img,
.boxtendencias picture a img    {width:100%}

/*deportes clubes*/
.boxClubesPrimera                           {display:block; position:relative; overflow:hidden; width:100%; margin:1rem 0; padding:0;}
.boxClubesPrimera ul                        {margin:0; padding:0; display:flex; flex-direction:row;}
.boxClubesPrimera ul li                     {margin:0 1rem 0 0; padding:0; width: 62px; height: 62px; line-height: 62px; list-style-type: none; overflow: hidden; text-align: center; background: #ccc; border-radius: 100%; border:1px solid #eee}
.boxClubesPrimera ul li:hover               {background: #ddd; cursor:pointer}
/*generic transversal*/
figure                                      {display: block;float: left;margin: 0;padding: 0;position: relative;overflow: hidden;}
figcaption                                  {display: block;position: relative;margin: 0;padding: 0}

.display                                    {display: block;position: relative;padding: 0; margin:0; /*margin:0 1rem;*/}
.display h2                                 {font-family: 'Fira Sans', sans-serif!important;font-size: 1.8rem!important;padding: 0;margin:1rem 0; font-weight:500; letter-spacing:-0.01em}
.display h2.noMargin                        {margin:0 0 1rem}
.display h3                                 {font-family: 'Fira Sans', sans-serif!important;font-size: 1.6rem;padding: 0;margin: 1.5rem 0;}
.display>h6					                {font-family: 'Fira Sans', sans-serif!important;font-size: 1.6rem;padding: 0;margin: 1.5rem 0;}
.display>h6:before			                {content: "";margin: 0.5rem 0;display: block;width: 6rem;height: 5px;background: #6a7480;}
.display>figure				                {border-radius:0 0 5px 5px; overflow:hidden;}
.display>figure>figcaption	                {padding:1rem 0;}
.display>figure>figcaption>p.lead           {font-family:'Oxygen', sans-serif !important; font-size:1.8rem; font-weight: 400; line-height: 1.3; padding:0; margin-bottom: 0.5em}
.display>figure>figcaption>div.dataRel>h4   {display:block; position:relative; font-size:1.4rem; line-height:1.8rem;font-family: 'Fira Sans', sans-serif!important; font-weight:300}
.display>figure>figcaption>div.dataRel>h4:before{content: "\f111";font-family: FontAwesome;display: inline-block;float: left;margin: -0.1rem 0.5rem 0 0; padding: 0; font-size: 1rem; line-height: 1.8rem; /*min-height:40px; height: auto*/}
.display>figure>figcaption>ul               {list-style-image: url("../img/bullet.svg");padding-left:20px}
.display>figure>figcaption>ul li            {margin-bottom:6px; font-size: 1.5rem!important;}
.display>figure>figcaption>p                {font-size: 1.6rem; line-height: 1.3; font-weight: 300;}

/* elementos */
.display picture                            {display:block; position:relative}
.display picture span                       {display: none;font-size: 1.2rem;text-transform: uppercase;margin: 0.5rem;color: #FFF;line-height: 24px;}
.display picture span.dataction:before      {content: "";margin: 0 0.3em 0 0;color: #FFF;display: block;float: left;width: 24px;height: 24px;background: url("../img/icons/player.svg") 0 0 no-repeat;}
.display picture span.dataduration:before   {content: "|";font-family: FontAwesome;font-size: 1.2em;font-weight: lighter;margin: 0 0.3em 0 0;color: #FFF;display: block;float: left;height: 24px;line-height: 24px;}
.display picture span.dataGaleria:before    {content: "|";font-family: FontAwesome;font-size: 1.2em;font-weight: lighter;margin: 0 0.3em 0 0;color: #FFF;display: block;float: left;height: 24px;line-height: 24px;}
.display picture div                        {position: absolute;width: 100%;left: 0;bottom: 0;padding: 0;background: transparent linear-gradient(to bottom, rgba(5, 6, 24, 0) 0%, #050618 100%) repeat scroll 0px 0px;}
.display picture div a                      {display:inline-block}
.display picture small                      {display: none;float: left;font-size: 1.3em;margin: 0 0.5rem 0.5rem 0.5rem;background: #FFF;line-height: 1.2rem;color: #000;border-radius: 6px;padding: 0.8rem;}
.display picture small:before               {content: "\F030";font-family: FontAwesome;display: inline-block;float: left;margin: -0.1rem 0.3rem 0 0;font-weight: 300;padding: 0;}
/*.display picture span.minuto:before         {content: "\f111";font-family: FontAwesome;display: inline-block;float: left;margin: 0.3rem 0.5rem 0 0;padding: 0;font-size: 1rem;line-height: 1.8rem;color:#ff553b}*/

/*exception cover for 1 col*/
figure.boxcover                             {background-image:url("http://www.24horas.cl/incoming/sol-tormentajpg-2163420/ALTERNATES/BASE_PORTRAIT_SMALL/sol%20tormenta.jpg"); background-repeat:no-repeat; -o-background-size: cover;-moz-background-size: cover;-webkit-background-size:cover;background-size: cover;margin-bottom:1em}
figure.boxcover picture                     {display:none!important}
figure.boxcover figcaption                  {position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 1rem; color:#FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#557874+0,557874+100&0+0,1+70,1+100 */
background: -moz-linear-gradient(top,  rgba(85,120,116,0) 0%, rgba(85,120,116,1) 70%, rgba(85,120,116,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(85,120,116,0) 0%,rgba(85,120,116,1) 70%,rgba(85,120,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(85,120,116,0) 0%,rgba(85,120,116,1) 70%,rgba(85,120,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00557874', endColorstr='#557874',GradientType=0 ); /* IE6-9 */}

figure.boxcover figcaption h2{color:#FFF;font-size:2.2rem!important}
figure.boxcover figcaption a{color:#FFF!important; text-decoration:none}
figure.boxcover figcaption a:visited{color:#FFF; text-decoration:none}
figure.boxcover figcaption a:hover{color:#DDD; text-decoration:none}

/*exception cover for 1 col*/
figure.boxcoversquare                       {background-image:url("http://www.24horas.cl/incoming/dieta-coloresjpeg-2239169/ALTERNATES/BASE_SQUARE_SMALL/dieta%20colores.jpeg"); background-repeat:no-repeat; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size:cover; background-size: cover;}
figure.boxcoversquare picture               {display:none!important}
figure.boxcoversquare figcaption            {position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 1rem;color:#FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#557874+0,557874+100&0+0,1+70,1+100 */
background: -moz-linear-gradient(top,  rgba(85,120,116,0) 0%, rgba(85,120,116,1) 70%, rgba(85,120,116,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(85,120,116,0) 0%,rgba(85,120,116,1) 70%,rgba(85,120,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(85,120,116,0) 0%,rgba(85,120,116,1) 70%,rgba(85,120,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00557874', endColorstr='#557874',GradientType=0 ); /* IE6-9 */
/*background: transparent linear-gradient(to bottom, transparent 0%, #557874 100%) repeat scroll 0px 0px;*/ }

figure.boxcoversquare figcaption h2         {color:#FFF;font-size:2.2em!important}
figure.boxcoversquare figcaption a          {color:#FFF!important; text-decoration:none}
figure.boxcoversquare figcaption a:visited  {color:#FFF; text-decoration:none}
figure.boxcoversquare figcaption a:hover    {color:#DDD; text-decoration:none}

/*display section y display menu portadas*/
.displaySeccion                             {height:100%; margin:0; padding:0;}
.displaySeccion h3                          {font-size:3.5rem; color:#FFF; margin:0; padding:3rem}
.displaySeccion.entrevistas                 {background-image:url("../img/bghiperlink/bgEntrevistas.png"); background-position: center center; background-size:cover; border-radius:0 0 1rem 1rem; margin-right:1rem;/*fix safari*/ height:36em}
.displaySeccion.entrevistas a:link          {color: #FFF;text-decoration: none;}
.displaySeccion.entrevistas a:visited,
.displaySeccion.entrevistas a:focus         {color: #FFF;text-decoration: none;}
.displaySeccion.entrevistas a:hover         {color: #efefef;text-decoration: none;outline: none;}

/*exception for deportes and tendencias*/
figure.boxdeportes>figcaption>ul,
figure.boxtendencias>figcaption>ul,
figure.boxvideo>figcaption>ul,
figure.boxenvivo>figcaption>ul,
figure.boxgaleria>figcaption>ul,
figure.boxcoversquare>figcaption>ul         {display: flex;flex-direction: column;margin: 0;padding-left: 18px;list-style-image: url(../img/bulletw.svg)!important;}

/*ALTERNANCIA DATA DE MEDIA*/
.boxminutoaminuto picture span,
.boxminutoaminuto picture                   {display:inline-block;}
.boxgaleria picture small,
.boxenvivo picture small                    {display:inline-block}
.boxvideo picture span                      {display:inline-block}
.boxgaleria picture span,
.boxsinfoto picture,
.boxcontenido picture span                  {display:none!important;}
.boxminutoaminuto picture span.dataction,
.boxminutoaminuto picture span.dataduration,
.boxminutoaminuto picture span.vivo,
.boxenvivo picture span.dataction,
.boxenvivo picture span.dataduration,
.boxenvivo picture span.minuto,
.boxvideo picture span.vivo,
.boxvideo picture span.minuto,
.boxgaleria picture span.vivo,
.boxnormal picture span.vivo                {display:none!important;}

/*update*/
.boxnormal span,
.boxnormal small                            {display:none!important}
.boxenvivo small,
.boxenvivo span.dataction,
.boxenvivo span.dataduration                {display:none!important}
.boxsinfoto p                               {display:inline-block!important; color:#ffffff!important;}

/*excepciones para Carrusel Video top*/
#carouselVideoTop figure.box picture div span {display:none}
#carouselVideoTop figure.box.boxgaleria picture div small,
#carouselVideoTop figure.box.boxvideo picture div span.dataction,
#carouselVideoTop figure.box.boxvideo picture div span.dataduration,
#carouselVideoTop figure.box.boxminutoaminuto picture div span.minuto {display:inline-block}

/*Caja Fotos y Videos*/
.displaymedia figure {background:transparent!important}
.displaymedia>figure>figcaption {padding:0.5rem}
.displaymedia.displayLeft_dest4col figure {height:auto}

.displaymedia .boxgaleria picture span,
.displaymedia .boxsinfoto picture,
.displaymedia .boxenvivo picture span.dataction,
.displaymedia .boxenvivo picture span.dataduration,
.displaymedia .boxenvivo picture small,
.displaymedia .boxenvideo picture small,
.displaymedia .boxenvideo picture span.vivo {display:none!important}
.displaymedia h3 {margin:0 0 10px}

/* etiquetas - epigrafes fondo blanco */
small.bgBlanco {display:inline-block; text-transform:uppercase; text-align:center; background:white; font-weight:700; margin:0 0 6px; padding:3px;}
small.bgBlanco.azul {color:#0076a8}
small.bgBlanco.verde {color:#74abab}

/*HIPERLIKS COVER BACKGROUNDS*/
.moduleBaseHiperlink.laroja                     {background-image:url("../img/bghiperlink/la-roja.jpg"); background-position: top center; background-size:cover;}
.moduleBaseHiperlink.laroja .display            {/*display: flex; flex-direction: row; */margin-bottom: 0;margin-top: 30%;}
.moduleBaseHiperlink button.vermas              {display:block;clear:both; margin:0 2rem 2rem 0}
.moduleBaseHiperlink.laroja .adpage             {background:transparent;}

.moduleBaseHiperlink.goles                      {background-image:url("../img/bghiperlink/mas-goles-fondo.jpg"); background-position: top center; background-size:cover; margin-bottom:1em; display:block; position:relative;}
.moduleBaseHiperlink.goles .row                 {padding-top:60px;}
.moduleBaseHiperlink.goles .row
.moduleBaseHiperlink.goles button.vermas        {display:block;clear:both; margin:0 2rem 2rem 2rem}
.moduleBaseHiperlink.goles h5                   {display: block;position: absolute;top: 0;overflow: hidden;text-indent: -99999em;width: 300px;height: 300px;margin: 0;background-image: url(../img/bghiperlink/logo-mas-deporte.png);background-repeat: no-repeat;background-position: 0 5rem;background-size: 32rem;}
.moduleBaseHiperlink.goles .carouselBox .carouselmulti .carousel-control {width: 0%!important;color: #FFF;}

.moduleBaseHiperlink.atp						{background-image:url("../img/bghiperlink/atp.jpg"); background-position: bottom center; background-size:cover;height:400px; position:relative}
.moduleBaseHiperlink.atp .row					{display: block;position: absolute;bottom: 0;}
.moduleBaseHiperlink.atp .category              {position: relative; left: 0; width: 55px; margin: 0; padding: 0.5rem; font-size: 1.5rem; font-weight: 500; background: #2baf2b!important;}
.moduleBaseHiperlink.atp h3						{font-size:3rem; color:#FFF;padding:0}
.moduleBaseHiperlink.atp h3 a					{color:#FFF; text-decoration:none;}
.moduleBaseHiperlink.atp h3 a:visited,
.moduleBaseHiperlink.atp h3 a:hover				{color:#DDD}

.moduleBaseHiperlink.confederacionesDer			{background-image:url("../img/bghiperlink/Header-confed-der.jpg"); background-position: bottom center; background-size:cover;height:400px; position:relative}
.moduleBaseHiperlink.confederacionesDer .row		{display: block;position: absolute;bottom: 0;}
.moduleBaseHiperlink.confederacionesDer .category  {position: relative; left: 0; width: 179px; margin: 0; padding: 0.5rem; font-size: 1.5rem; font-weight: 500; background: #2baf2b!important;}
.moduleBaseHiperlink.confederacionesDer h3		    {font-size:3rem; color:#FFF;padding:0}
.moduleBaseHiperlink.confederacionesDer h3 a		{color:#FFF; text-decoration:none;}
.moduleBaseHiperlink.confederacionesDer h3 a:visited,
.moduleBaseHiperlink.confederacionesDer h3 a:hover	{color:#DDD}

.moduleBaseHiperlink.confederaciones			{background-image:url("../img/bghiperlink/Header-confed.jpg"); background-position: bottom center; background-size:cover;height:400px; position:relative}
.moduleBaseHiperlink.confederaciones .row		{display: block;position: absolute;bottom: 0;}
.moduleBaseHiperlink.confederaciones .category  {position: relative; left: 0; width: 179px; margin: 0; padding: 0.5rem; font-size: 1.5rem; font-weight: 500; background: #2baf2b!important;}
.moduleBaseHiperlink.confederaciones h3		    {font-size:3rem; color:#FFF;padding:0}
.moduleBaseHiperlink.confederaciones h3 a		{color:#FFF; text-decoration:none;}
.moduleBaseHiperlink.confederaciones h3 a:visited,
.moduleBaseHiperlink.confederaciones h3 a:hover	{color:#DDD}

.moduleBaseHiperlink.cine						{background-color:#000; background-image:url("../img/bghiperlink/cine.jpg"); background-position: top center; background-size:cover;height:400px; position:relative;}
.moduleBaseHiperlink.cine .row					{display: block;position: absolute;bottom: 0;}
.moduleBaseHiperlink.cine .category             {position: relative; left:0; width: 140px; margin: 0; padding: 0.5rem; font-size: 1.5rem; font-weight: 500}
.moduleBaseHiperlink.cine h3					{font-size:3rem; color:#FFF;padding:0}
.moduleBaseHiperlink.cine h3 a					{color:#FFF; text-decoration:none;}
.moduleBaseHiperlink.cine h3 a:visited,
.moduleBaseHiperlink.cine h3 a:hover			{color:#DDD}

.moduleBaseHiperlink.programa					{background-image:url("../img/bghiperlink/siempreconrespeto.jpg"); background-position: bottom center; background-size:cover;height:170px}

.moduleBaseHiperlink.simplecarousel				{background-image:url("../img/bghiperlink/carrouselgaleriafondo.jpg"); background-position: bottom center; background-size:cover;height:500px; margin-bottom:1rem;}
.moduleBaseHiperlink.simplecarousel .row		{padding-top:60px}
.moduleBaseHiperlink.simplecarousel .carouselBox .carouselmulti .carousel-control {width: 0%!important;color: #FFF!important;}
.moduleBaseHiperlink.simplecarousel .row figure	{border-radius:0 0 10px 10px; height:320px}
.moduleBaseHiperlink.simplecarousel .row figcaption	{padding:0.5rem 1rem}
.moduleBaseHiperlink.simplecarousel .row figcaption a	{color:#FFF;}

.moduleBaseHiperlink.destacado					{background-image:url("../img/bachelet.png"); background-position: center center; background-size:contain; background-repeat:no-repeat; background-color:#312f2f; height:400px}
.moduleBaseHiperlink.destacado .row				{padding-top:0}
.moduleBaseHiperlink.destacado h3				{font-size:3rem; color:#FFF;padding:2rem 0}
.moduleBaseHiperlink.destacado h3 a				{color:#FFF; text-decoration:none;}
.moduleBaseHiperlink.destacado h3 a:visited,
.moduleBaseHiperlink.destacado h3 a:hover		{color:#DDD}

.moduleBaseHiperlink.tema						{background-image:url("http://www.24horas.cl/incoming/incendiojpg-1928081/ALTERNATES/w1024/incendio.jpg"); background-position: center 60%; background-size:cover; background-repeat:no-repeat; background-color:#312f2f; height:160px; margin-bottom:1rem!important}
.moduleBaseHiperlink.tema .row				    {padding-top:0}
.moduleBaseHiperlink.tema h3				    {font-size:3rem; color:#FFF;padding:0; margin:0;}
.moduleBaseHiperlink.tema h3 a				    {color:#FFF; text-decoration:none;}
.moduleBaseHiperlink.tema h3 a:visited,
.moduleBaseHiperlink.tema h3 a:hover		    {color:#DDD}

/*LISTADOS DE SECCIONES*/
.tendenciasList                                 {display: flex;flex-direction: column;height: 100%;background: #99506f; border-radius: 5px;}
.tendenciasList .list-group-item.active,
.tendenciasList .list-group-item.active:focus,
.tendenciasList .list-group-item.active:hover   {z-index: 2;color: #fff;background-color: #852a53;border-color: #852a53;}
.tendenciasList .list-group-item                {position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #99506f;border:none; border-bottom: 2px dotted #eee;border-left: none;border-right: none;line-height:1.8rem}
.tendenciasList .list-group-item:last-child     {border-bottom:none!important}
.tendenciasList a.list-group-item,
.tendenciasList button.list-group-item          {color:#FFF}
.tendenciasList a.list-group-item:focus,
.tendenciasList a.list-group-item:hover,
.tendenciasList button.list-group-item:focus,
.tendenciasList button.list-group-item:hover    {color: #EEE;text-decoration: none;background-color: #a65e7c;}
.tendenciasList a.list-group-item:first-child   {font-weight:bold; border-bottom:2px solid #8a254d}
.tendenciasList a.list-group-item:nth-child(2)  {border-top:2px solid #bf7590}
.tendenciasList a.list-group-item:first-child:before {display:none}
.tendenciasList a.list-group-item:before        {content: "\f111";font-family: FontAwesome;display: inline-block;float: left;margin: -0.1rem 0.5rem 0 0;padding: 0;font-size: 1rem;line-height: 1.8rem;}

.deportesList                                   {display: flex;flex-direction: column;height: 100%;background: #5ea85e; border-radius: 5px;}
.deportesList .list-group-item.active,
.deportesList .list-group-item.active:focus,
.deportesList .list-group-item.active:hover     {z-index: 2;color: #fff;background-color: #3e823e;border-color: #3e823e;}
.deportesList .list-group-item                  {position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #5ea85e;border-bottom: 1px solid #eee;border-left: none;border-right: none;}
.deportesList .list-group-item:last-child       {border-bottom:none!important}
.deportesList a.list-group-item,
.deportesList button.list-group-item            {color:#FFF}
.deportesList a.list-group-item:focus,
.deportesList a.list-group-item:hover,
.deportesList button.list-group-item:focus,
.deportesList button.list-group-item:hover      {color: #EEE;text-decoration: none;background-color: #a65e7c;}

/*LISTADOS SUBMENU PORTADA*/
.list-group.submenuhome                             {margin:0 2rem 1rem 0}
.list-group.submenuhome .list-group-item:visited    {background-color: #717b8a;border: 1px solid #626c7a;color:#FFF}
.list-group.submenuhome .list-group-item:hover      {background-color: #717b8a;border: 1px solid #626c7a;color:#DDD;}
.list-group.submenuhome .list-group-item            {background-color: #717b8a;border: 1px solid #626c7a;color:#FFF; font-style: italic; font-weight: 300; font-size: 1.5rem;padding:8px 15px!important}
.list-group.submenuhome .list-group-item:before     {content: "\f111";font-family: FontAwesome; font-style:normal; font-size: 0.8em;font-weight: lighter; margin: 0 0.5rem 0 0;color: #FFF;display: block;float: left;height: 1.3rem;line-height: 2rem;}

/*listgroup horizontal*/
.list-group.list-group-horizontal                           {margin:0.5rem 0!important}
.list-group-horizontal .list-group-item                     {display: inline-block; background:transparent;padding:4px 6px; border:none; text-transform:uppercase; margin-bottom: 0; margin-left:-4px; margin-right: 0;font-size:1.5rem;font-family:'Fira Sans', sans-serif!important}
.list-group-horizontal .list-group-item:before              {content: "-";margin-right: 5px;}
.list-group-horizontal .list-group-item:first-child         {border-top-right-radius:0;border-bottom-left-radius:4px;}
.list-group-horizontal .list-group-item:first-child:before  {content: "";margin-right: 0;}
.list-group-horizontal .list-group-item:first-child:after   {content: ":";margin-right: 0;}
.list-group-horizontal .list-group-item:last-child          {border-top-right-radius:4px;border-bottom-left-radius:0;}
.list-group-horizontal .list-group-item.active,
.list-group-horizontal .list-group-item.active:focus,
.list-group-horizontal .list-group-item.active:hover        {background-color:transparent;border:none; border-radius:0;margin:0;color:#999}

/*hiperlink portada*/
.displayHiperlink                                   {width: calc(100% - 2rem);margin-bottom: 1rem;}
.displayHiperlink figure                            {display:block; background:#DBE0E3; border-radius:5px;}
.displayHiperlink figure img                        {width:100%}
.displayHiperlink figure figcaption h2              {font-size:1.8rem!important;}
.displayHiperlink figure figcaption p               {font-style: italic; font-weight: 300; font-size: 1.3rem; color:#444}

/* ESTRUCTURA */
footer.desktop                 {position:relative;padding:0;z-index:1000}
footer.desktop .container      {position:relative;overflow:hidden;}
footer.desktop h4              {margin-bottom:4px;}
footer.desktop ul span         {margin-right:6px;}
footer.desktop ul li           {margin:2px 0;}
footer.desktop .redes ul li    {float:right;}
footer.desktop .cajaSubir      {position:absolute; bottom: 0px; right: 0px; width:155px; height: 57px}
footer.desktop .cajaSubir a    {display:block; clear:both; margin:3px 0 2px 6px;}

/* DISEÑO */
footer.desktop h4              {font-size:14px; text-transform: uppercase;}/*revisa se repite en el bloque anterior fusionar y eliminar*/
footer.desktop .footerTop      {overflow:hidden; width:100%; border-bottom:1px solid rgba(256,256,256,.3);}
footer.desktop ul              {list-style-type: none}
footer.desktop ul li a         {line-height: 8px}
footer.desktop .redes          {padding-top:10px;}
footer.desktop .redes i        {color:rgba(256,256,256,1)}
footer.desktop .redes i:hover  {color:rgba(256,256,256,.7);}
footer.desktop a               {font-size:12px;}
footer.desktop ul li *         {color:rgba(256,256,256,1);}
.footerBottom                  {background:#cf3e3c; padding:5px 0;}
.footerBottom p                {font-weight: 100;font-size: 14px;color: rgba(256,256,256,1);line-height: 16px;margin: 0;padding: 5px 0;}
.footerBottom p a              {color:rgba(256,256,256,1)}
footer.desktop .cajaSubir      {padding:5px; background:#ab3b35;/*se repite en la linea anterior fusionar o eliminar*/}
footer.desktop .cajaSubir a    {color:#ffffff/*se repite en la linea anterior fusionar o eliminar*/}
footer.desktop .cajaSubir a i  {margin-right:6px;}

/* personalizacion generico*/
.generico h2                                    {font-size:2rem!important;}
.generico p                                     {font-size:1.8rem!important;}
.displayTwo figure figcaption .genericoPFont,
.displayThree figure figcaption .genericoPFont  {font-family: 'Oxygen', sans-serif !important; color: #485361;}
#generico  figure:first-child h2                {font-size:2rem!important;}
#generico  figure.box>figcaption h2             {font-size:1.6rem!important;}
#generico .boxsinfoto p                         {display:inline-block!important; color:#ffffff!important; font-size:1.5rem!important; line-height:1.6rem; margin:1.2rem 0 1.5rem 0 !important}
#generico figure.box:first-child p              {font-family: 'Oxygen', sans-serif !important;font-size:1.5rem !important; line-height:1.6rem !important; margin:1.2rem 0 2rem 0 !important}
.secciones .generico li a                       {font-size:1.4rem!important;}

/*fotos y videos*/
.fotosVideos .displayLeft_dest4col h3                       {font-size:1.6rem!important}
.fotosVideos .displayLeft_dest4col figure:first-child h3 a  {font-size:2rem!important; font-weight: 500;}
.fotosVideos .displayLeft_dest4col figure:first-child p     {font-size:1.8rem!important;line-height:1.3;font-weight:300; font-family: 'Oxygen', sans-serif !important;}

.genericoFotosyVideo a:link          {color: #FFF;text-decoration: none;}
.genericoFotosyVideo a:visited,
.genericoFotosyVideo a:focus         {color: #FFF;text-decoration: none;}
.genericoFotosyVideo a:hover         {color: #efefef!important;text-decoration: none;outline: none;}


/* EXCEPCIONES PARA COLUMNAS GENERICAS Y DE CARRUSELES*/
.col-xs-8,
.main                                           {width:calc(100% - 320px); padding:0 1em 0 0}
.col-xs-4,
.aside                                          {width:320px!important}

.col-xs-12.main                                 {width:100%; padding:0 0 1rem 0!important}

/*EXCEPCIONES PARA COLUMNAS DENTRO DE BLOQUES FLOTANTES VIDEO, GALERIA, CARRUSELES*/
.carousel .col-xs-4,
.carousel .col-sm-4,
.carousel .col-md-4,
.videoCaption .col-md-4,
.fullscreenRow .col-xs-4                        {width:33.33333333%!important}
.videoContent .col-xs-8                         {width:66.66666667%!important}

/* publicidad */
.skyscraper_right {height:auto; left: 50%;margin: 0 0 0 600px!important; position:fixed; width:auto; z-index: 1000; top: 145px}
#dfp_skyscraperRight {position: relative;}


.displaysinbordes {padding: 0px !important; border: 0px !important;}

/* alto fijo caja fotos home */
.displayLeft_dest4col .boxgaleria:nth-child(n+2){height:38% !important;}

@media (max-width: 767px) {
    .carouselBox.carousel-inner .active.left    {left: -100%;}
    .carouselBox.carousel-inner .next           {left:  100%;}
    .carouselBox.carousel-inner .prev           {left: -100%;}
    .carouselBox.active > div                   {display:none;}
    .carouselBox.active > div:first-child       {display:block;}

}
@media (min-width: 767px) and (max-width: 992px ) {
    .carouselBox.carousel-inner .active.left    {left: -50%; }
    .carouselBox.carousel-inner .next           {left:  50%; }
    .carouselBox.carousel-inner .prev           {left: -50%; }
    .carouselBox.active > div                   {display:none; }
    .carouselBox.active > div:first-child       {display:block; }
    .carouselBox.active > div:first-child + div {display:block; }
}
@media (min-width: 992px ) {
    .carouselBox.carousel-inner .active.left    {left: -25%; }
    .carouselBox.carousel-inner .next           {left:  25%; }
    .carouselBox.carousel-inner .prev           {left: -25%; }
}



/*MEDIA QUERIES DESKTOP*/
@media (min-width: 768px) {
  .container {
      width: 970px;
      padding:0;
  }
}
@media (min-width: 992px) {
  .container {
      width: 970px;
      padding:0;
  }
}
@media (min-width: 1200px) {
  .container {
      width: 970px;
      padding:0;
  }
}

/*asvideo*/

/* == FIX LEAD : NACIONAL, POLITICA == */

.displayGeneric_dest3_col2 figure:first-child p {display: block !important;}

/* == FIX TITULO BAJADA : INTERNACIONAL == */

.displayGeneric_dest2 figure figcaption {padding-left: 0 !important;padding-right: 1rem !important;padding-top: 0 !important}

/* == FIX ULTIMO MINUTO BARRA == */
.categoryseccion.ultimominuto {width:160px;}
.categoryseccion.vivo.stream {background: none; width: 72px; font-size: 1.2em;}