@charset "UTF-8";

@font-face
{
    font-family: 'OlympianBold';
    src: url("../fonts/OlympianLTStd-Bold.otf") format("opentype");
}

@font-face
{
    font-family: 'ChronicleDisplay';
    src: url("../fonts/ChronicleDisp-Bold.otf") format("opentype");
}

@font-face
{
    font-family: "Merriweather";
    src: url("../fonts/Merriweather-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: 'Forza';
    src: local("☺"), url("../fonts/Forza-Bold.otf") format("opentype"), url("../fonts/Forza-Bold.ttf") format("truetype"), url("../fonts/Forza-Bold.woff2") format("woff2"), url("../fonts/Forza-Bold.woff") format("woff"), url("../fonts/Forza-Bold.svg") format("svg");
}

@font-face
{
    font-family: 'PreloBook';
    src: url("assets/font/PreloSlab-Book.otf") format("opentype");
}

@font-face
{
    font-family: 'PreloBlack';
    src: url("assets/font/PreloSlab-Black.otf") format("opentype");
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    font-weight: 500;
}

a
{
    text-decoration: none;
}

.row
{
    width: 100%;
}

.contenedor
{
    max-width: 1280px;
}

.row.logo
{
    background: #dbe0e1;
}

div.logo
{
    display: inline-block;
}

div.clima
{
    display: inline-block;
}

.logo-buscador
{
    max-width: 1280px;
    margin: 0 auto;
}

div.buscador
{
    display: inline-block;
    position: relative;
    left: 40%;
}

.icono-video
{
    width: 60px!important;
}

div.buscador input[type="image"]
{
    appearance: none;
    -webkit-appearance: none;
    padding: 4px 10px;
    border: none;
    width: 19px;
    height: 19px;
    position: relative;
    top: 9px;
    left: -5px;
    background-color: #004973;
    border-radius: 0 5px 5px 0;
}

div.buscador input[type="text"]
{
    border: solid 1px #808080;
    height: 23px;
    width: 200px;
    border-radius: 5px 0 0 5px;
}
/*MENU DESKTOP*/
.homeButton
{
    width: 25px;
    height: 25px;
    margin-bottom: -12px;
    background-image: url(../img/icon/home.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

a.seccionActiva
{
    background-color: #004973;
}

    a.seccionActiva .homeButton
    {
        background-image: url(../img/icon/home-active.png);
    }

a:hover .homeButton
{
    background-image: url(../img/icon/home-active.png);
}

.row.menu
{
    background-color: #eff3f4;
}

    .row.menu div
    {
        display: block;
        margin: 0 auto;
        max-width: 1280px;
    }

.homeButton
{
    display: inline-block;
}

.back-to-top-badge, .scale-hover:hover
{
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}

.scale-hover:hover
{
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition: all 250ms ease;
}

.back-to-top-badge
{
    opacity: 0;
    width: 130px;
    height: 34px;
    border-radius: 18px;
    font-size: 12px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    margin-left: -65px;
    bottom: 30px;
    color: #FFF;
    text-align: center;
    line-height: 32px;
    background: #737373;
    background: -moz-linear-gradient(top, #cecece 0, #737373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cecece), color-stop(100%, #737373));
    background: -webkit-linear-gradient(top, #cecece 0, #737373 100%);
    background: -o-linear-gradient(top, #cecece 0, #737373 100%);
    background: -ms-linear-gradient(top, #cecece 0, #737373 100%);
    background: linear-gradient(to bottom, #cecece 0, #737373 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#737373', GradientType=0);
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    pointer-events: none;
    display: block;
}

.back-to-top-badge-visible,
.share-socials-bottom a i
{
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
}

.back-to-top-badge:hover
{
    color: #FFF;
}

.back-to-top-badge i
{
    padding-right: 20px;
    line-height: 30px;
    text-align: center;
    width: 20px;
}

.back-to-top-badge-visible
{
    opacity: 1;
    pointer-events: all;
    transition: all 250ms ease;
}

.row.menu
{
    border-bottom: solid 2px #808080;
}

    .row.menu div nav a
    {
        width: 8.91%;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        height: 30px;
        border-right: solid 1px #808080;
        padding-top: 15px;
        font-family: OlympianBold;
        font-size: 14px;
        font-weight: 500;
        color: #2b2b2b;
        margin-right: -5px;
    }

        .row.menu div nav a:hover
        {
            background-color: #004973;
            color: #FFF;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }

        .row.menu div nav a:first-child
        {
            /*border-left: solid 1px #808080;*/
        }

        .row.menu div nav a:last-child
        {
            /*border-right: solid 1px #808080;*/
        }

.clima b
{
    font-family: Forza;
    font-size: 14px;
    font-weight: 800;
}

.clima span
{
    font-family: OlympianBold;
    color: #004973;
    font-size: 13px;
}

.clima p
{
    margin: 0;
    font-family: OlympianBold;
    font-size: 12px;
    margin-bottom: 20px;
    color: #737373;
}

.barraNoticia
{
    background-color: #800000;
    display: inline-block;
    width: 100%;
}

    .barraNoticia div
    {
        display: block;
        max-width: 1280px;
        margin: 0 auto;
    }

        .barraNoticia div p
        {
            padding: 16px 20px 16px 20px;
            margin: 0;
            background-color: #6e0000;
            font-family: Forza;
            font-weight: 500;
            font-size: 14px;
            color: #FFF;
            display: inline-block;
        }

        .barraNoticia div h3
        {
            font-family: PreloBook;
            margin-left: 30px;
            font-size: 16px;
            color: #FFF;
            display: inline-block;
        }

        .barraNoticia div button
        {
            position: relative;
            margin-top: 10px;
            margin-right: 20px;
            float: right;
        }

h1
{
    font-family: ChronicleDisplay;
    padding-top: 10px;
    font-weight: 600;
    font-size: 16px;
    max-width: 1280px;
    margin: 0 auto;
}

hr
{
    max-width: 1280px;
    margin: 0 auto;
}

/***FOOTER***/
footer
{
    width: 100%;
    background-color: #f0f4f5;
}

    footer .row.logoContacto
    {
        background-color: #333333;
        background-image: url(../img/icon/bg-footer.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 79px;
        padding-top: 1px;
    }

        footer .row.logoContacto .ligasFooter
        {
            max-width: 1280px;
            margin: 0 auto;
            margin-top: 10px;
        }

    footer .ligasFooter .logo, footer .ligasFooter nav, footer .ligasFooter span
    {
        display: inline-block;
        margin: 15px 0 0 0;
    }

    footer .ligasFooter .logo
    {
        width: 28.5%;
    }

    footer .ligasFooter nav
    {
        width: 42.5%;
    }

    footer .ligasFooter span
    {
        width: 26.5%;
    }

    footer .ligasFooter nav a
    {
        font-size: 12px;
        width: 18%;
        display: inline-block;
        text-align: center;
        color: #FFF;
        font-family: "Forza", serif;
        font-weight: 400;
        padding-bottom: 10px;
    }

        footer .ligasFooter nav a:nth-child(2)
        {
            width: 40%;
        }

    footer .ligasFooter span
    {
        font-size: 12px;
        text-align: right;
        color: #FFF;
        font-family: "Forza", sans-serif;
        font-weight: 400;
        padding-bottom: 10px;
    }

    footer section.impresos
    {
        background-color: #333333;
    }

    footer .titleImpresa
    {
        max-width: 1280px;
        display: block;
        margin: 0 auto;
        padding-top: 7px;
        padding-bottom: 7px;
        font-family: Forza, sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #004773;
    }

.impresos .portadas div
{
    width: 12%;
    display: inline-block;
}

footer .mapaSitio
{
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 7px;
}

    footer .mapaSitio div
    {
        width: 12.1%;
        display: inline-block;
        vertical-align: top;
    }

        footer .mapaSitio div .titulo
        {
            font-family: "OlympianBold", serif;
            font-size: 18px;
            color: #004773;
            font-weight: 600;
            padding-top: 6px;
            padding-bottom: 6px;
            display: block;
        }

        footer .mapaSitio div .titulo2
        {
            font-family: "OlympianBold", serif;
            font-size: 18px;
            color: #004773;
            font-weight: 600;
            padding-top: 6px;
            padding-bottom: 6px;
            display: block;
        }

        footer .mapaSitio div .titulo3
        {
            font-family: "OlympianBold", serif;
            font-size: 18px;
            color: #004773;
            font-weight: 600;
            padding-top: 6px;
            padding-bottom: 6px;
            display: none;
        }

        footer .mapaSitio div a
        {
            display: inline-block;
            width: 100%;
            margin-top: 10px;
            font-family: "OlympianBold", serif;
            font-size: 13px;
            font-weight: 500;
            color: #737373;
        }

    footer .mapaSitio hr
    {
        border: 1px solid #004773;
        width: 70%;
        float: left;
    }

div.portadas
{
    max-width: 1280px;
    margin: 0 auto;
}


/***HOME***/
section.principal
{
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 10px;
}

.noticias.principales
{
    width: 75%;
    display: inline-block;
    vertical-align: top;
}

div.bloqueUno
{
    width: 66.4%;
    display: inline-block;
}

div.bloqueDos
{
    width: 32.35%;
    display: inline-block;
}

div.bloqueTres, div.bloqueCuatro, div.bloqueCinco
{
    width: 32.7%;
    display: inline-block;
}

.cerrar-bn
{
    position: relative;
    margin-top: 13px;
    margin-right: 20px;
    float: right;
}

.bloqueUno figure
{
    width: 100%;
    height: 300px;
    overflow: hidden;
}

    .bloqueUno figure img
    {
        width: 100%;
    }

.bloqueDos figure
{
    width: 100%;
    height: 300px;
    overflow: hidden;
}

    .bloqueDos figure img
    {
        width: auto;
        height: 100%;
        position: relative;
    }

.bloqueTres figure, .bloqueCuatro figure, .bloqueCinco figure
{
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
}

    .bloqueTres figure img, .bloqueCuatro figure img, .bloqueCinco figure img
    {
        width: 100%;
        height: auto;
        min-height: 100%;
        position: relative;
    }

.leerMas
{
    font-family: "Forza", sans-serif;
    z-index: 2;
    display: none !important;
    padding: 3px 0 0 0;
    font-size: 14px;
    color: #FFF;
    z-index: 2;
    position: absolute;
    right: 3px;
    bottom: 0;
    font-weight: 500;
}

    .leerMas:before
    {
        background: url(../img/icon/barramas.png);
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        z-index: -1;
        top: 0px;
        right: -3px;
        display: block;
        /* top: 29px; */
        width: 100px;
        height: 21px;
        content: "";
    }

.container.especial
{
    max-width: 1280px;
    margin: 0 auto;
}

.opinion
{
    margin-top: 25px;
}

    .opinion h3
    {
        font-family: Forza, sans-serif;
        font-weight: 600;
        color: #004973;
        margin-bottom: 0;
    }

.editorialistas
{
    background-color: #eff3f4;
    border-bottom: 3px solid #004773;
}

    .editorialistas article
    {
        border-bottom: 1px solid #808080;
        height: 60px;
    }

    .editorialistas article
    {
        border-bottom: 1px solid #808080;
        position: relative;
    }

        .editorialistas article:last-child
        {
            border-bottom: none;
        }

        .editorialistas article figure
        {
            height: 60px;
            width: 60px;
            overflow: hidden;
            display: inline-block;
        }

        .editorialistas article p small
        {
            display: inline-block;
            width: 100%;
            margin-top: 10px;
            vertical-align: top;
            font-family: Forza, sans-serif;
            color: #004973;
            font-weight: 700;
        }

        .editorialistas article p
        {
            width: 70%;
            margin: 0;
            display: inline-block;
            vertical-align: top;
            font-family: "Forza", serif;
            font-weight: 400;
            font-size: 14px;
            color: #000;
        }

        .editorialistas article h6
        {
            width: 70%;
            margin: 0;
            top: 45%;
            left: 25%;
            display: inline-block;
            vertical-align: top;
            font-family: "Forza", serif;
            font-weight: 400;
            font-size: 14px;
            color: #000;
            position: absolute;
            -webkit-margin-before: 0px;
            -webkit-margin-after: 0px;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }

        .editorialistas article figure img
        {
            width: 100%;
        }

.publicidad
{
    width: 100%;
    background: #eff3f4;
    margin: 10px 0 0 0;
}

    .publicidad small
    {
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding-top: 3px;
        font-family: "OlympianBold", serif;
        font-size: 12px;
        color: #737373;
    }

    .publicidad a img
    {
        width: 100%;
        margin: 10px 0;
    }

/*banner especia*/
.banner-especial
{
    background-color: #333333;
    margin-top: 10px;
}

.container.especial a
{
    width: 75%;
    display: inline-block;
    margin: 10px 0;
}

.container.especial .nota a
{
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
}

.container.especial a img
{
    width: 100%;
}

.banner-especial article
{
    width: 24%;
    max-height: 140px;
    vertical-align: top;
    position: relative;
    display: inline-block;
    background-color: #004973;
    margin: 10px 0;
}

    .banner-especial article figure
    {
        width: 40%;
        height: 140px;
        overflow: hidden;
        display: inline-block;
    }

    .banner-especial article div
    {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

        .banner-especial article div h2
        {
            font-family: Forza, sans-serif;
            font-size: 14px;
            color: #FFF;
            display: block;
            margin: 5px 0 0 7px;
        }

        .banner-especial article div p
        {
            font-family: OlympiaBold, serif;
            font-size: 13px;
            color: #FFF;
            margin: 0px 0 0 10px;
            font-weight: 400;
        }

    .banner-especial article img
    {
        width: auto;
        height: 100%;
    }
/* Aside Impreso primer Bloque */
aside.secundariaPrincipal
{
    width: 24.5%;
    display: inline-block;
}

aside .botonImpreso
{
    width: 98%;
    background-color: #004973;
    border-bottom: solid 4px #00809f;
    color: #FFF;
    display: inline-block;
    padding: 3% 1%;
    text-align: center;
    font-family: "Forza", serif;
    font-weight: 400;
}

    aside .botonImpreso:hover
    {
        background-color: #00809f;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

h2
{
    font-family: Forza, sans-serif;
    color: #000;
    font-weight: 600;
}

.portada
{
    height: 220px;
}

    .portada div
    {
        height: 200px;
        overflow: hidden;
    }

        .portada div img
        {
            width: 70%;
            margin: 0 auto;
            display: block;
            -webkit-box-shadow: 0 7px 20px 0px rgba(0, 0, 0, 0.23);
            box-shadow: 0 7px 20px 0px rgba(0, 0, 0, 0.23);
        }

            .portada div img:hover
            {
                -webkit-box-shadow: 0 7px 20px 0px rgba(0, 0, 0, 0.83);
                box-shadow: 0 7px 20px 0px rgba(0, 0, 0, 0.83);
                -webkit-transition: all 0.3s ease-in;
                -moz-transition: all 0.3s ease-in;
                -ms-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
            }

.bloques
{
    background-color: #eff3f4;
    margin-left: 2px;
    margin-bottom: 10px;
    border-bottom: solid 4px #004973;
    vertical-align: top;
    min-height: 310px;
    position: relative;
}

. .bloques a p
{
    font-family: OlympianBold;
    font-weight: 500;
    font-size: 14px;
    color: #737373;
    padding: 10px;
}

.bloques.bloqueUno, .bloques.bloqueDos
{
    min-height: 467px;
}

    .bloques.bloqueUno h2
    {
        font-size: 30px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 15px;
    }

    .bloques.bloqueDos h2
    {
        font-size: 22px;
        margin-left: 10px;
        margin-top: 10px;
    }

.bloques.bloqueTres h2, .bloques.bloqueCuatro h2, .bloques.bloqueCinco h2
{
    font-size: 16px;
    margin-left: 10px;
}

.bloques .sintesis
{
    font-family: OlympianBold, serif;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 10px;
    color: #737373;
    font-weight: 500;
}

.bloques.bloqueTres h2, .bloques.bloqueCuatro h2, .bloques.bloqueCinco h2
{
    position: absolute;
    font-weight: 500;
    bottom: 5px;
    margin: 0px;
    width: 94%;
    color: #FFF;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

    .bloques.bloqueTres h2:hover, .bloques.bloqueCuatro h2:hover, .bloques.bloqueCinco h2:hover
    {
        bottom: 10px;
    }

.bloques.bloqueTres figcaption, .bloques.bloqueCuatro figcaption, .bloques.bloqueCinco figcaption
{
    color: #FFF;
    font-family: Forza, sans-serif;
    font-weight: 500;
    padding: 0 5%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 90%;
    z-index: 2;
    bottom: 0;
    height: 60%;
}

.bloques.bloqueTres .sintesis, .bloques.bloqueCuatro .sintesis, .bloques.bloqueCinco .sintesis
{
    margin-top: 15px;
    margin-bottom: 24px;
    padding-right: 10px;
}

.contenedor
{
    max-width: 1280px;
    margin: 0 auto;
}

.noticiasSecciones
{
    width: 75%;
    display: inline-block;
    vertical-align: top;
}

.notasSecundarias
{
    width: 75%;
    display: inline-block;
    vertical-align: top;
}

#secundarias aside
{
    width: 307px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.notasSecundarias article
{
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

#secciones aside
{
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

#videos
{
    background-color: #333333;
}

div.galerias
{
    width: 75%;
    display: inline-block;
}

#galerias .contenedor aside
{
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

.noticiasSecciones article
{
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
/*Secciones*/
.noticiasSecciones article
{
    background-color: #eff3f4;
    margin-top: 10px;
}

    .noticiasSecciones article .seccionTitulo
    {
        width: 95%;
        padding-left: 5%;
        background-color: #FFF;
        display: inline-block;
        font-family: OlympianBold, serif;
        font-weight: 800;
        font-size: 16px;
        color: #004973;
        border-bottom: 2px solid #004973;
    }

        .noticiasSecciones article .seccionTitulo strong
        {
            color: #800000;
            font-family: "Forza", sans-serif;
            font-weight: 900;
            margin-right: 3px;
        }

    .noticiasSecciones article .sintesis p
    {
        color: #737373;
        padding: 5%;
        width: 90%;
        font-family: OlympianBold, serif;
        font-weight: 500;
        font-size: 16px;
        border-bottom: 2px solid #004973;
        margin: 0;
        min-height: 56px;
    }

    .noticiasSecciones article figure
    {
        width: 100%;
        height: 160px;
        overflow: hidden;
        position: relative;
    }

    .noticiasSecciones article img
    {
        width: 100%;
        height: auto;
        position: absolute;
    }

    .noticiasSecciones article figure figcaption
    {
        color: #FFF;
        font-family: Forza, sans-serif;
        font-weight: 500;
        padding: 0 5%;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        content: "";
        display: block;
        left: 0;
        position: absolute;
        width: 90%;
        z-index: 2;
        bottom: 0;
        height: 60%;
    }

        .noticiasSecciones article figure figcaption h3
        {
            position: absolute;
            bottom: 5px;
            margin: 0px;
            width: 94%;
            font-size: 16px;
            box-shadow: 4px 4px 3px #000;
            -webkit-transition: all 0.1s ease-in;
            -moz-transition: all 0.1s ease-in;
            -ms-transition: all 0.1s ease-in;
            -o-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
        }

            .noticiasSecciones article figure figcaption h3:hover
            {
                bottom: 10px;
            }

    .noticiasSecciones article .notaRelacionada
    {
        padding: 10px 5%;
        display: inline-block;
        width: 90%;
        font-family: Forza, sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        min-height: 30px;
        border-bottom: solid 1px #808080;
    }

        .noticiasSecciones article .notaRelacionada:hover
        {
            background: #dfe3e4;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }

    .noticiasSecciones article.publicidad
    {
        min-height: 366px;
    }

        .noticiasSecciones article.publicidad img
        {
            position: relative;
            margin: 12% 0 0 0;
        }

article.opinion .sintesis p
{
    /*overflow:hidden;
    height: 170px;
    margin-bottom: 20px;
    text-overflow:ellipsis;*/
    min-height: 141px;
}

article.opinion h3
{
    width: 90%;
    font-family: Forza, sans-serif;
    color: #000;
    padding: 2% 5%;
    display: inline-block;
}

article.opinion .columna
{
    width: 90%;
    padding: 0% 5%;
    text-align: right;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #004973;
    font-family: Forza, sans-serif;
}
/*aside secciones*/
#secciones aside
{
    padding-top: 10px;
}

    #secciones aside #finanzasModulo span
    {
        font-size: 18px;
        font-weight: 600;
        color: #004973;
        font-family: Forza, sans-serif;
    }

    #secciones aside #encuestasModulo span
    {
        font-size: 18px;
        font-weight: 600;
        color: #004973;
        font-family: Forza, sans-serif;
    }

/*MODULOS*/
/*Finanzas*/
.tableFinanzas
{
    background-color: #eff3f4;
    border-top: 2px solid #004973;
}

    .tableFinanzas small
    {
        font-family: OlympiaBold, serif;
        font-size: 12px;
        text-align: right;
        padding-right: 5%;
        display: inline-block;
        width: 95%;
    }

    .tableFinanzas ul
    {
        list-style: none;
        margin: auto;
        display: inline-block;
        padding-left: 0;
        width: 100%;
        text-align: center;
        border-bottom: solid 1px #808080;
    }

        .tableFinanzas ul li
        {
            display: inline-block;
            width: 49.7%;
            padding: 4px 0;
            font-family: Forza, sans-serif;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
        }

            .tableFinanzas ul li:hover
            {
                background-color: #004973;
                color: #FFF;
            }

            .tableFinanzas ul li:nth-child(1)
            {
                border-right: solid 1px #808080;
            }

    .tableFinanzas table
    {
        width: 100%;
        font-family: OlympiaBold, serif;
        font-weight: 500;
        font-size: 14px;
    }

        .tableFinanzas table tr
        {
            border-bottom: solid 1px #808080;
        }

        .tableFinanzas table thead tr
        {
            background-color: #dfe3e4;
        }

        .tableFinanzas table tr:nth-child(even)
        {
            background-color: #dfe3e4;
        }

        .tableFinanzas table tr td
        {
            padding: 5px 10px;
        }
/*MENU DESPLEGABLE*/
nav span
{
    position: relative;
}

.hide-submenu
{
    width: 100%;
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 15px;
    padding: 0;
    background: #eff3f4;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;

}

    .hide-submenu li
    {
        display: inline-block;
        border: none;
        width: 100%;
    }

        .hide-submenu li a
        {
            border-right: none !important;
            width: 100% !important;
            border-left: none !important;
            font-size: 12px !important;
        }

nav > span:hover .hide-submenu
{
    opacity: 1;
    display: block;
}

.show-submenu
{
    opacity: 1;
    display: block;
}
/*Modulo Encuesta*/
article.encuesta
{
    background-color: #fff;
    /*min-height: 331px;*/
    min-height: 80px;
    position: relative;
}


    article.encuesta button
    {
        width: 100%;
        height: 45px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        background-color: #229B05;
        font-size: 25px;
        font-family: Forza, sans-serif;
        font-weight: 500;
        color: #FFF;
        position: absolute;
        bottom: 0px;
    }

    article.encuesta p
    {
        font-family: Forza, serif;
        font-size: 16px;
        font-weight: 400;
        padding: 20px;
        margin-top: 0;
        color: #053170;
    }

    article.encuesta form
    {
        position: relative;
        /*top: 40px;*/
    }

        article.encuesta form input
        {
            display: inline-block;
            width: 5%;
            margin: 0 5%;
        }

        article.encuesta form label
        {
            display: inline-block;
            width: 80%;
            font-family: Forza, serif;
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 19px;
            color: #053170;
        }

/*Modulo lo Ultimo*/
#loultimo
{
    font-family: Forza, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    background-color: #eff3f4;
    color: #000;
}

    #loultimo ul
    {
        padding: 0;
        margin: 0;
    }

        #loultimo ul li
        {
            padding: 10px 15px;
            border-bottom: solid 1px #808080;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }

            #loultimo ul li a
            {
                display: block;
                color: #000;
            }

                #loultimo ul li a h5
                {
                    font-size: 16px;
                    font-weight: 400;
                }

            #loultimo ul li:hover
            {
                background-color: #004973;
                color: #FFF;
            }

                #loultimo ul li:hover a
                {
                    color: #FFF;
                }

        #loultimo ul li
        {
            list-style: none;
        }

    #loultimo .tabs
    {
        border-bottom: 2px solid #004973;
    }

        #loultimo .tabs a
        {
            font-size: 18px;
            font-weight: 500;
            width: 49.3%;
            display: inline-block;
            text-align: center;
            padding: 10px 0;
            color: #000;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }

            #loultimo .tabs a.seleccionado
            {
                background-color: #004973;
                color: #FFF;
            }

    #loultimo .contenedorUltimo
    {
        /*height: 412px;
    overflow-x: hidden;
    overflow-y: hidden;*/
    }

#secciones
{
    margin-bottom: 10px;
}

#secundarias .notasSecundarias article
{
    background-color: #eff3f4;
    border-bottom: 2px solid #004973;
    margin-top: 10px;
    position: relative;
    min-height: 260px;
}

    #secundarias .notasSecundarias article figure
    {
        width: 100%;
        height: 160px;
        overflow: hidden;
        position: relative;
    }

        #secundarias .notasSecundarias article figure figcaption
        {
            color: #FFF;
            font-family: Forza, sans-serif;
            font-weight: 500;
            padding: 0 5%;
            background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
            background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
            background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
            background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
            content: "";
            display: block;
            left: 0;
            position: absolute;
            width: 90%;
            z-index: 2;
            bottom: 0;
            height: 60%;
        }

            #secundarias .notasSecundarias article figure figcaption h4
            {
                position: absolute;
                bottom: 5px;
                margin: 0px;
                width: 94%;
            }

    #secundarias .notasSecundarias article img
    {
        width: 100%;
        height: auto;
        position: absolute;
    }

    #secundarias .notasSecundarias article p.sinopsis
    {
        color: #737373;
        padding: 5%;
        width: 90%;
        font-family: OlympianBold, serif;
        font-weight: 500;
        font-size: 14px;
        /*border-bottom: 2px solid #004973;*/
        margin: 0;
    }

/*sin foto*/
article.sinFoto
{
}

    article.sinFoto figure
    {
        height: 80px !important;
        background: none;
    }

    article.sinFoto figure
    {
        display: inline-block;
    }

        article.sinFoto figure figcaption
        {
            background: none !important;
            box-shadow: none;
        }

            article.sinFoto figure figcaption h4
            {
                color: #000;
            }

        article.sinFoto figure img
        {
            display: none;
        }
/*Publicidad Interna*/
.publicidadInterna
{
    margin-top: 10px;
}

    .publicidadInterna img
    {
        width: 100%;
    }

.galerias .galeria-contenedor
{
    width: 65%;
    margin-top: 10px;
    vertical-align: top;
    display: inline-block;
}

.galerias .listaGalerias
{
    width: 34%;
    background-color: #eff3f4;
    display: inline-block;
    margin-top: 15px;
}

    .galerias .listaGalerias span
    {
        width: 95%;
        padding-left: 5%;
        background-color: #FFF;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        color: #004973;
        font-family: Forza, sans-serif;
        border-bottom: 2px solid #004973;
    }

    .galerias .listaGalerias figure
    {
        width: 120px;
        height: 68px;
        overflow: hidden;
        display: inline-block;
        min-width: 30%;
    }

        .galerias .listaGalerias figure a img
        {
            width: 108px;
            /*height: 156px;*/
        }

    .galerias .listaGalerias article div
    {
        border-bottom: solid 1px #808080;
    }

        .galerias .listaGalerias article div:hover
        {
            background-color: #dfe3e4;
            color: #FFF;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }

    .galerias .listaGalerias article
    {
        border-bottom: solid 2px #004973;
    }

    .galerias .listaGalerias a
    {
        margin-top: 15px;
        display: inline-block;
        width: 50%;
        padding-left: 5%;
        font-family: Forza, sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #000;
        vertical-align: top;
    }
/*galeria*/
.galeria-contenedor
{
    height: 446px;
    background-color: #eff3f4;
}

    .galeria-contenedor figure
    {
        position: relative;
    }

        .galeria-contenedor figure a
        {
            display: block;
            height: 100%;
            position: relative;
            color: white;
            text-align: left;
            font-size: 1.1em;
            overflow: hidden;
        }

        .galeria-contenedor figure img
        {
            height: 100%;
            width: auto;
            min-width: 0;
            /*max-width: 100%;*/
            display: block;
            margin: 0 auto;
            text-align: center;
            z-index: -1;
            position: absolute;
            top: -9999px;
            bottom: -9999px;
            left: -9999px;
            right: -9999px;
            margin: auto;
            height: 100% !important;
            width: auto !important;
            min-width: 0px !important;
        }

    .galeria-contenedor .tituloGaleria
    {
        position: absolute;
        font-family: Forza, sans-serif;
        font-weight: 500;
        top: 2%;
        left: 2%;
        font-size: 19px;
        z-index: 6;
        color: #FFF;
        text-shadow: 2px 2px 5px #000;
    }

.flechaIzq, .flechaDer
{
    position: absolute;
    top: 40%;
    cursor: pointer;
    box-shadow: 2px 2px 2px #000;
    width: 24px;
    height: 60px;
}

.flechaIzq
{
    left: 0;
}

.flechaDer
{
    right: 0;
}

.galeria-contenedor figure figcaption
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-family: OlympiaBold, serif;
    text-shadow: 2px 2px 5px #000;
    font-weight: 500;
    font-size: 16px;
    color: #FFF;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    content: "";
    width: 90%;
    padding-left: 10%;
    height: 10%;
    padding-top: 15%;
    padding-bottom: 3%;
}
/*impreso footer*/
.impresoFooter figure
{
    width: 100px;
    height: 110px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .impresoFooter figure:hover
    {
        top: -5px;
        -webkit-box-shadow: 0 0 0 2px #0099ff;
        box-shadow: 0 0 0 2px #0099ff;
    }

    .impresoFooter figure img
    {
        width: 100%;
        position: absolute;
    }

    .impresoFooter figure span.black
    {
        padding: 0 5%;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
        content: "";
        display: block;
        left: 0;
        position: absolute;
        width: 90%;
        z-index: 2;
        bottom: 0;
        height: 60%;
    }

.impresoFooter figcaption a
{
    color: #737373;
}

.impresoFooter figcaption
{
    font-family: OlympianBold, serif;
    font-size: 12px;
    color: #737373;
    text-align: center;
    margin-bottom: 10px;
}

    .impresoFooter figcaption span
    {
        display: inline-block;
        width: 100%;
    }

/*GALERIAS*/
.galeriaCartones
{
    height: 255px;
    margin-bottom: 5px;
}

.galeriaPromociones
{
    height: 260px;
}

.galeriaEH figure
{
    display: block;
    float: left;
    margin: 0;
}

.galeriaEH img
{
    width: 100%;
    height: auto;
}
/*contenedor de videos*/
#videos .titulo-sintesis
{
    width: 23%;
    padding: 1%;
    height: 100%;
    background: #eff3f4;
    min-height: 400px;
    display: inline-block;
    vertical-align: top;
}

    #videos .titulo-sintesis span
    {
        font-family: Forza, sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #004973;
    }

    #videos .titulo-sintesis h4.titulo
    {
        font-family: Forza, sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #004973;
        margin-top: 20%;
        display: block;
    }

    #videos .titulo-sintesis .sintesis
    {
        color: #737373;
        padding: 5%;
        width: 90%;
        font-family: OlympianBold, serif;
        font-weight: 500;
        font-size: 14px;
        position: relative;
    }

    #videos .titulo-sintesis a
    {
        font-family: "Forza", sans-serif;
        position: relative;
        display: block;
        padding: 7px;
        background: #004973;
        color: #FFF;
        border-radius: 3px;
        width: 57%;
        text-align: center;
        margin: 0 auto;
        bottom: 0;
        top: 100px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

        #videos .titulo-sintesis a:hover
        {
            background: #00809f;
        }

#videos .video1
{
    display: inline-block;
    width: 74%;
    height: 425px;
    /* min-height: 400px; */
    overflow: hidden;
    vertical-align: top;
}

    #videos .video1 figure
    {
        height: 100%;
        display: inline-block;
    }

        #videos .video1 figure iframe
        {
            height: 100%;
        }

.flecha-video-izq
{
    left: 0;
}

.flecha-video-der
{
    right: 30px;
}

.flecha-video-izq, .flecha-video-der
{
    position: absolute;
    top: 40%;
    cursor: pointer;
    width: 24px;
    height: 60px;
    z-index: 6;
}
/*ICONOS*/
.iconoVideoAzul
{
    background-image: url(../img/icon/ivideo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
}

.iconVideoBlanco
{
    background-image: url(../img/icon/imasvideos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 3px;
    top: 2px;
    position: relative;
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
}

.finanzasIcon
{
    background-image: url(../img/icon/ifinanzas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 3px;
    top: 2px;
    position: relative;
    height: 35px;
    width: 35px;
    display: inline-block;
    margin-right: 10px;
}

.encuestaIcon
{
    background-image: url(../img/icon/iencuestas.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 3px;
    top: 2px;
    position: relative;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

span.negroVideo
{
    background-image: url(../img/icon/m-video.png);
    background-repeat: no-repeat repeat;
    background-origin: content-box;
    position: absolute;
    height: 100%;
    width: 19%;
    right: 0;
    top: 0;
    z-index: 4;
}
/*MOBILE*/
#sideNav
{
    width: 220px;
    background: url(../img/bg_navSidebar.jpg) top left #dfe3e4 repeat-x;
    background-size: cover;
    position: fixed;
    top: 0;
    left: -230px;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.5s cubic-bezier(0.82, 0, 0.31, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -moz-transition: all 0.5s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -o-transition: all 0.5s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    transition: all 0.5s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -webkit-transition-timing-function: cubic-bezier(0.82, 0, 0.31, 1);
    -webkit-transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -moz-transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -o-transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
}

.scrollNav
{
    position: relative;
}

#sideNav ul.categorias
{
    background: rgba(0, 0, 0, 0.1);
    margin: 10px 0 0 0;
    padding: 0;
}

#sideNav ul
{
    padding: 10px 0 0px;
    margin: 0 0;
    font-size: 0.65em;
    text-transform: uppercase;
    color: #757d8a;
}

    #sideNav ul li a
    {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        padding: 15px 10px 15px 30px;
        font-family: "Forza", serif;
        font-weight: 600;
        color: #004973;
        font-size: 13px;
    }

.secciones-sociales
{
    margin: 0 auto;
    border-top: #004973 solid 2px;
    border-bottom: #004973 solid 2px;
}

.closeNav
{
    width: 54px;
    height: 54px;
    position: fixed;
    left: -230px;
    top: 10px;
    background: url(../img/icon/icon_close.png) no-repeat center;
    -webkit-transition: all 0.3s cubic-bezier(0.82, 0, 0.31, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -moz-transition: all 0.3s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -o-transition: all 0.3s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    transition: all 0.3s cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -webkit-transition-timing-function: cubic-bezier(0.82, 0, 0.31, 1);
    -webkit-transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -moz-transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    -o-transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    transition-timing-function: cubic-bezier(0.82, -0.3, 0.31, 1.265);
    cursor: pointer;
    z-index: 9;
}

.visibleCloseNav
{
    left: 220px;
}

#sideNav.activo
{
    left: -10px;
    overflow-y: scroll;
}

.mobile-menu
{
    display: none;
}

.blackRim
{
    position: absolute;
    z-index: 8;
    background: black;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.scrollNav
{
    position: relative;
}

#sideNav.activo
{
    left: -10px;
    overflow-y: scroll;
}

.galeria-titulo
{
    height: 360px;
}

.justMenu-desplegable .hide-submenu
{
    background: rgba(45, 49, 56, 0.9) !important;
}

.justMenu-desplegable
{
    position: fixed;
    top: -100px;
    background: rgba(45, 49, 56, 0.9) !important;
    z-index: 7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .justMenu-desplegable a
    {
        color: #FFF !important;
    }

        .justMenu-desplegable a i.homeButton
        {
            background-image: url(../img/icon/home-active.png) !important;
        }

    .justMenu-desplegable.show
    {
        top: 0;
    }

    .justMenu-desplegable .navBtn span
    {
        top: -7px;
        position: relative;
    }

    .justMenu-desplegable .logo img
    {
        width: 80% !important;
        /* padding: 3%; */
        padding-top: 5%;
    }
/*Hovers Menus*/
.justMenu-local:hover
{
    background-color: #6ba742 !important;
}

.justMenu-nacional:hover
{
    background-color: #808080 !important;
}

.justMenu-internacional:hover
{
    background-color: #404652 !important;
}

.justMenu-finanzas:hover
{
    background-color: #1962a9 !important;
}

.justMenu-deportes:hover
{
    background-color: #bd1b1d !important;
}

.justMenu-escena:hover
{
    background-color: #7d2a7f !important;
}

.justMenu-estilo:hover
{
    background-color: #e8c9aa !important;
    color: #000;
}

.justMenu-opinion:hover
{
    background-color: #004973 !important;
    color: #FFF;
}

.justMenu-clima:hover
{
    background-color: #4AB855 !important;
}

.justMenu-home
{
    background-color: #004973;
}

#loultimo.local .contenedorUltimo
{
    height: 233px;
}

.galeriaExclusivas
{
    height: 250px;
}

    .galeriaExclusivas strong
    {
        position: absolute;
        background: #6ba742;
        z-index: 1;
        width: 100%;
        padding: 5px;
        font-size: 20px;
        font-family: "Forza", sans-serif;
        text-align: center;
        color: #FFF;
    }

span.subseccion-tag
{
    position: absolute;
    left: 15px;
    bottom: 2px;
    font-family: "Forza";
    font-size: 14px;
    color: #004973;
}

.galeriaExclusivas figcaption
{
    position: absolute;
    vertical-align: bottom;
    bottom: -13px;
    color: #000;
    padding: 10px;
    background-color: rgb(239, 243, 244);
    font-family: "Forza", sans-serif;
}

.galeriaExclusivas .swiper-slide a
{
    position: relative;
}
/*FLECHAS DIRECCIONES*/
.flecha-izq-general
{
    display: block;
    position: fixed;
    top: 70%;
    left: -100px;
    border-radius: 0px 5px 5px 0px;
    color: #FFF;
    font-family: "Forza", sans-serif;
    background-color: #004973;
    padding: 10px;
    box-shadow: 0px 0px 0px #000;
    z-index: 99;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.flecha-der-general
{
    display: block;
    position: fixed;
    top: 70%;
    background-color: #004973;
    padding: 10px;
    right: -100px;
    text-align: right;
    border-radius: 5px 0px 0px 5px;
    color: #FFF;
    z-index: 99;
    box-shadow: 0px 0px 0px #000;
    font-family: "Forza", sans-serif;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.flecha-izq-general:hover
{
    left: 0px;
    box-shadow: 0px 0px 0px #000;
}

.flecha-der-general:hover
{
    right: 0px;
    box-shadow: 0px 0px 0px #000;
}

.flecha-der-general a, .flecha-izq-general a
{
    color: #FFF;
}

.flecha-izq-general strong, .flecha-der-general strong
{
    width: 80px;
    margin: 0px 10px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.flecha-izq-general span, .flecha-der-general span
{
    font-size: 24px;
    line-height: 2px;
    position: relative;
    top: 3px;
}
/*PUBLICIDAD FLOTANTE*/
.publicidad-flotante
{
    display: block;
    position: fixed;
    top: 25%;
    z-index: 99;
}

.flo-izq
{
    left: 50%;
    margin-top: -150px;
    margin-left: -765px;
}

.flo-der
{
    left: 50%;
    margin-top: -150px;
    margin-left: 645px;
}

.header-publicidad
{
    background-color: #333;
    position: relative;
    display: block;
}

    .header-publicidad img
    {
        margin: 0 auto;
        display: block;
        padding: 10px;
    }

.header-publicidad-mobile
{
    background-color: #333;
    position: relative;
    display: none;
}

    .header-publicidad-mobile img
    {
        margin: 0 auto;
        display: block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.cerrar-publicidad-boton
{
    position: absolute;
    padding: 1px 3px;
    color: #FB4A2A;
    border: solid 1px #FB4A2A;
    top: 5px;
    cursor: pointer;
    right: 5px;
}

p.sintesis:hover, a.sintesis p:hover, p.sinopsis:hover, div.sintesis p:hover
{
    text-decoration: underline;
}

.bloqueUno .notaRelacionada, .bloqueDos .notaRelacionada
{
    display: block;
    font-size: 16px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: Forza, sans-serif;
    color: #004973;
    font-weight: 600;
    border-top: solid 1px #000;
}

    .bloqueUno .notaRelacionada:hover, .bloqueDos .notaRelacionada:hover
    {
        background-color: #D8D8D8;
    }

.bloque-tiene-especial
{
    min-height: 530px !important;
}
/*BREAKS MOBILE*/

@media screen and (max-width: 1280px)
{
    .galerias .listaGalerias a
    {
        width: 40%;
        padding-left: 5%;
        font-size: 14px;
    }

    #loultimo .tabs a
    {
        width: 49.3%;
    }
}

@media screen and (max-width: 1185px)
{
    .publicidad-flotante
    {
        display: none;
    }

    .noticiasSecciones article
    {
        width: 32.7%;
    }

    #secundarias .notasSecundarias article
    {
        width: 32.7%;
    }

    .logo-buscador
    {
        position: relative;
    }

        .logo-buscador .buscador
        {
            position: relative;
            left: 20%;
            /*right: 3%;*/
            top: auto;
            right: auto;
        }

    .bloques.bloqueUno, .bloques.bloqueDos
    {
        min-height: 350px;
    }

    .bloqueUno figure
    {
        width: 100%;
        height: 200px;
    }

    .bloques.bloqueDos figure
    {
        height: 200px;
    }

    .bloqueDos figure img
    {
        left: 0px;
    }

    .portada div
    {
        height: 160px;
    }

    div.edicionImpresa
    {
        height: 190px;
    }

    .opinion
    {
        margin-top: 16px;
    }

    .banner-especial article div p
    {
        font-size: 13px;
        display: none;
    }

    .banner-especial article figure
    {
        height: 115px;
    }

    .banner-especial article div span
    {
        top: 5%;
        left: 10%;
        position: relative;
    }

    #loultimo .tabs a
    {
        width: 49%;
    }

    div.bloqueTres, div.bloqueCuatro, div.bloqueCinco
    {
        width: 32.4%;
    }

    #loultimo
    {
        font-size: 13px;
    }
}
/*IPAD*/
@media screen and (max-width: 950px)
{


    .mobile-menu
    {
        display: block;
    }

        .mobile-menu .logo
        {
            display: inline-block;
            width: 40%;
        }

            .mobile-menu .logo a
            {
                position: relative;
                left: 50%;
            }

    .navBtn
    {
        display: inline-block;
        position: relative;
        top: -10px;
        left: 2%;
        cursor: pointer;
        height: 35px;
        width: 35px;
    }

    .nav-toggle img
    {
        width: 100%;
        height: auto;
    }

    .barraContacto div a
    {
        color: #FFF;
    }

    .nav-toggle
    {
        display: inline-block;
        padding: 0;
    }

    div.buscador
    {
        display: inline-block;
        right: 2%;
        top: 20%;
        left: auto;
        position: absolute;
    }

    section.desktop
    {
        display: none;
    }

    div.bloqueUno, .bloques.bloqueDos
    {
        width: 49%;
        min-height: 400px;
    }

        .bloques.bloqueDos figure
        {
            height: 230px;
        }

    .bloques.bloqueUno h2
    {
        font-size: 24px;
    }

    .bloques.bloqueUno, .bloques.bloqueDos
    {
        min-height: 400px;
    }

    .bloqueUno figure
    {
        height: 230px;
    }

    .bloques.bloqueDos h2
    {
        font-size: 18px;
    }

    .noticias.principales
    {
        width: 70%;
    }

    aside.secundariaPrincipal
    {
        width: 29.5%;
    }

    .noticiasSecciones
    {
        width: 70%;
    }

    #secciones aside
    {
        width: 29.5%;
    }

    .notasSecundarias
    {
        width: 70%;
    }

    #secundarias aside
    {
        width: 29.5%;
    }

    #secundarias .notasSecundarias article p.sinopsis
    {
        max-height: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.galerias
    {
        width: 70%;
    }

    #galerias .contenedor aside
    {
        width: 29.5%;
    }

    .galerias .listaGalerias figure
    {
        width: 100px;
    }

    .galerias .galeria-contenedor
    {
        width: 100%;
    }

    .galerias .listaGalerias
    {
        display: none;
    }

    .mobile-menu
    {
        /*position: relative;*/
    }
}

@media screen and (max-width: 890px)
{
    .noticias.principales
    {
        width: 70%;
    }

    footer .mapaSitio div .titulo2
    {
        display: none;
    }

    footer .mapaSitio div .titulo3
    {
        display: block;
    }

    aside.secundariaPrincipal
    {
        width: 28.5%;
    }

    .noticiasSecciones
    {
        width: 70%;
    }

    #secciones aside
    {
        width: 28.5%;
    }

    .notasSecundarias
    {
        width: 70%;
    }

    #secundarias aside
    {
        width: 28.5%;
    }

    #secundarias .notasSecundarias article p.sinopsis
    {
        max-height: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.galerias
    {
        width: 70%;
    }

    #galerias .contenedor aside
    {
        width: 28.5%;
    }

    footer .mapaSitio div a
    {
        display: none;
    }

    footer .mapaSitio div .titulo
    {
        display: block;
    }

    footer .mapaSitio div
    {
        width: 24.5%;
        text-align: center;
    }

    .impresos .portadas div
    {
        width: 24.5%;
    }

    footer .mapaSitio hr
    {
        display: none;
    }

    .banner-especial article
    {
        display: none;
    }

    .container.especial a
    {
        width: 100%;
    }

    footer .ligasFooter nav a
    {
        font-size: 12px;
        width: 40%;
    }
}

@media screen and (max-width: 820px)
{
    .bloques.bloqueTres h2, .bloques.bloqueCuatro h2, .bloques.bloqueCinco h2
    {
        font-size: 16px;
    }

    div.bloqueUno
    {
        width: 100%;
    }

    .bloques.bloqueDos
    {
        width: 49%;
        min-height: 320px;
    }

    .bloques.bloqueUno, .bloques.bloqueDos
    {
        min-height: 320px;
    }

    div.bloqueTres, div.bloqueCuatro, div.bloqueCinco
    {
        width: 49%;
        min-height: 320px;
    }

    .bloques.bloqueDos figure
    {
        height: 180px;
    }

    #loultimo .tabs a
    {
        font-size: 14px;
    }

    #videos .titulo-sintesis a
    {
        width: 90%;
    }

    div.edicionImpresa
    {
        height: 338px;
    }

    .editorialistas article
    {
        height: 97px;
    }

    .portada div
    {
        height: 273px;
    }

    article.sinFoto figure
    {
        height: 91px !important;
    }
}

@media screen and (max-width: 780px)
{
    .noticiasSecciones article
    {
        width: 49.5%;
    }

        .noticiasSecciones article.publicidad
        {
            display: none;
        }

    .notasSecundarias
    {
        width: 100%;
    }

    article.sinFoto figure
    {
        height: 60px !important;
    }

    #secundarias aside
    {
        width: 100%;
    }

    .galeriaCartones, .galeriaPromociones
    {
        display: inline-block;
        width: 48.5%;
        height: 300px;
    }

    .galeriaPromociones
    {
        margin-left: 1.5%;
    }

    #videos .video1
    {
        height: 414px;
    }

    .mobile-menu .logo a
    {
        position: relative;
        left: 15%;
        width: 240px;
        text-align: center;
        display: block;
    }

    .mobile-menu .logo
    {
        display: inline-block;
        width: 60%;
    }

    .navBtn
    {
        display: inline-block;
        position: relative;
        top: 0px;
        left: 4%;
        cursor: pointer;
        height: 30px;
        width: 30px;
    }

    div.buscador
    {
        display: inline-block;
        position: relative;
        right: auto;
        top: 1%;
        left: auto;
        margin-bottom: 2%;
    }

    .contenedor
    {
        display: block !important;
    }

    .flecha-izq-general, .flecha-der-general
    {
        display: none;
    }

    #secundarias .notasSecundarias article figure
    {
        height: 190px;
    }

    .noticiasSecciones article figure
    {
        height: 190px;
    }

    .bloques.bloqueUno figure
    {
        height: 213px;
    }

    .bloques.bloqueDos figure
    {
        height: 213px;
    }

    .bloqueTres figure, .bloqueCuatro figure, .bloqueCinco figure
    {
        height: 213px;
    }
}

.header-clear-large
{
    display: none;
}

@media screen and (max-width: 550px)
{
    .header-publicidad-mobile
    {
        display: block;
    }

    .icono-video
    {
        width: 40px!important;
    }

    .header-clear-large
    {
        display: block;
    }

    .header-publicidad
    {
        display: none;
    }

    .galeria-titulo
    {
        height: 260px;
        width: 88%;
    }

    .mobile-menu .logo a img
    {
        width: 100%;
    }

    div.buscador
    {
        left: 16%;
    }

    .bloqueUno figure
    {
        height: 160px;
    }

    .barraNoticia
    {
        display: none;
    }

    .noticias.principales
    {
        width: 98%;
    }

        .noticias.principales .bloques
        {
            width: 100%;
            min-height: 270px;
        }

    .bloqueDos figure img
    {
        height: auto;
        width: 100%;
    }

    aside.secundariaPrincipal
    {
        width: 100%;
    }

    .editorialistas article
    {
        height: 60px;
    }

    div.edicionImpresa
    {
        display: none;
    }

    .bloques.bloqueUno, .bloques.bloqueDos
    {
        min-height: 283px;
    }

    .publicidad a img
    {
        width: 100%;
        max-width: 336px;
        margin: 0 auto;
        display: block;
    }

    .container.especial
    {
        display: none;
    }

    .noticiasSecciones
    {
        width: 100%;
    }

        .noticiasSecciones article
        {
            width: 100%;
        }

    #secciones aside
    {
        width: 100%;
    }

    #loultimo .contenedorUltimo
    {
        max-height: 377px !important;
    }

    #loultimo
    {
        font-size: 16px;
    }

    #videos .titulo-sintesis
    {
        width: 100%;
        min-height: 120px;
    }

        #videos .titulo-sintesis strong.titulo
        {
            padding: 1% 5%;
            margin-top: 2%;
        }

        #videos .titulo-sintesis .sintesis
        {
            padding: 1% 5%;
        }

        #videos .titulo-sintesis a
        {
            top: 0px;
            width: 60%;
        }

    #videos .video1
    {
        display: inline-block;
        width: 100%;
    }

    #secundarias .notasSecundarias article
    {
        width: 100%;
    }

    .galeriaCartones, .galeriaPromociones
    {
        display: inline-block;
        width: 100%;
    }

    div.galerias
    {
        width: 100%;
    }

    #galerias .contenedor aside
    {
        width: 100%;
    }

    footer .titleImpresa
    {
        text-align: center;
    }

    .impresos .portadas div
    {
        width: 49%;
    }

    footer .mapaSitio div .titulo
    {
        width: 100%;
    }

    footer .mapaSitio div
    {
        width: 49%;
    }

    footer .ligasFooter .logo, footer .ligasFooter nav, footer .ligasFooter span
    {
        width: 100%;
        text-align: center;
    }

    footer .row.logoContacto
    {
        height: auto;
    }

    .galeria-contenedor
    {
        height: 350px;
    }

    h2.titulo-seccion
    {
        text-align: left !important;
        width: 90% !important;
    }

    h1.titulo-seccion
    {
        text-align: left !important;
        width: 90% !important;
    }

    #videos .video1 figure iframe
    {
        height: 100%;
        width: 450px;
    }

    .bloque-tiene-especial
    {
        min-height: 200px !important;
    }
}

@media screen and (max-width: 340px)
{
    div.buscador
    {
        left: 13%;
    }

    #videos .video1 figure iframe
    {
        height: 100%;
        width: 350px;
    }
}

/*banner de mobile*/
.banner-movil
{
    display: none;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
    .banner-movil
    {
        display: block;
    }
    .publicidad
    {
        text-align:center !important;        
    }

}

#sideNav
{
    z-index: 11;
}

@media only screen and (min-device-width : 380px) and  (max-device-width : 768px)
{
    article.encuesta::before
    {
        border-left: 198px solid #ffb610;
    }   
    .editorialistas article h6
    {
        top: 25%;
        left: 30%;
    }
    .editorialistas article p
    {
            margin-left: 0;
    }
    .bloques.bloqueUno, .bloques.bloqueDos
    {
        margin-left: -6px
    }
    #secundarias .notasSecundarias article
    {
        min-height: 300px;
    }
    .bloque-tiene-especial
    {
        min-height: 300px !important;
    }
    div.edicionImpresa
    {
       height: 320px !important;
    }
    .galeriaCartones, .galeriaPromociones
    {
        margin-top:5px;
        width:100%;
    }
    .swiper-slide-active
    {
        width:300px;
    }
    .publicidad a img
    {
        width: auto;
    }
    .publicidad
    {
        text-align:center !important;        
    }
}