@charset "utf-8";
/* CSS Document */
/* Resets */
* {
    margin: 0;
    padding: 0;
    border: none;
    font-family: "TradeGothic-Light";
    font-size: 1em;
}
.imagen-banner-derecha {
    padding-bottom: 3em;
    width: 100%;
}
button {
    background-color: #eeeeee;
}

ol, ul {
    padding-left: 1em;
    padding-top: 1em;
}

.clear {
    display: block;
    clear: both;
    margin-bottom: 1em;
}

@font-face {
    font-family: 'TradeGothicLTStd-Bd2';
    src: url('TradeGothicLTStd-Bd2.eot?#iefix') format('embedded-opentype'), url('TradeGothicLTStd-Bd2.otf') format('opentype'), url('TradeGothicLTStd-Bd2.woff') format('woff'), url('TradeGothicLTStd-Bd2.ttf') format('truetype'), url('TradeGothicLTStd-Bd2.svg#TradeGothicLTStd-Bd2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeriodicoDisplay-Bk';
    src: url('PeriodicoDisplay-Bk.eot?#iefix') format('embedded-opentype'), url('PeriodicoDisplay-Bk.otf') format('opentype'), url('PeriodicoDisplay-Bk.woff') format('woff'), url('PeriodicoDisplay-Bk.ttf') format('truetype'), url('PeriodicoDisplay-Bk.svg#PeriodicoDisplay-Bk') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TradeGothic-Light";
    font-style: normal;
    font-weight: 400;
    src: url("TradeGothic-Light.woff") format("woff"), url("TradeGothic-Light.ttf") format("truetype"), url("TradeGothic-Light.svg") format("svg");
}

#ii_container, #head_bar_1, #head_bar_2, #registro {
    width: 100% !important;
    max-width: 1400px;
}
/* Cabeceras */
#head_bar_1 {
    position: fixed;
    top: 0;
    font-size: 1em;
    color: #3d3d3d;
    background-color: #3d3d3d;
    height: 40px;
    /*width:100%;*/
    z-index: 9000;
}

#head_bar_1_l {
    margin-left: 100px;
    display: inline-block;
}

#head_bar_1_r {
    float: right;
    margin-right: 100px;
}

#menu-top-list {
    display: inline-block;
}

#menu-top-icon {
    display: none;
}

#head_bar_1 a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    /*line-height:2.5em;*/
    line-height: 40px;
    border-left: 1px solid #fff;
    padding: 0 1em 0 1em;
}

.r-border {
    border-right: 1px solid #fff;
}

#fsearch {
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.fsearch_text {
    /*height:2.7em;*/
    height: 40px;
    width: 10em;
    padding: 0 1em 0 1em;
}

.icon-search {
    padding: 0 !important;
}

    .icon-search img {
        height: 40px;
        margin-left: -5px;
        margin-top: -3px;
    }

.icon-search-ad {
    padding: 0 !important;
}

    .icon-search-ad img {
        height: 40px;
        margin-left: -4px;
        margin-top: -3px;
    }

.icon-menu {
    height: 2.3em;
    background-color: #3d3d3d;
    vertical-align: middle;
    padding-top: 0.4em;
}

#head_bar_2 {
    color: #3d3d3d;
    background-color: #eeeeee;
    margin-top: 40px;
    position: fixed;
    z-index: 8001;
    /*height:97px;*/
}

#head_bar_2_l {
    margin-left: 100px;
    display: inline-block;
}

#head_bar_2_r {
    float: right;
    margin-right: 100px;
}

#logo {
    margin-top: 2em;
}

#logo-peque {
    margin-top: 2em;
    display: none;
}

#logo-mini {
    margin-top: 2em;
    display: none;
}

#head_bar_2 ul {
    margin-top: 2.5em;
    display: inline-block;
    list-style: none;
}

#head_bar_2 li {
    display: inline-block;
}

/* Dropdown menu top */
.dropdownt {
    position: relative;
    display: inline-block;
}

    .dropdownt span {
        color: #fff;
    }

.dropdownt-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: #3d3d3d;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    /* Links al dropdown */
    .dropdownt-content a {
        color: #3d3d3d;
        padding: 0.5em 1em;
        text-decoration: none;
        display: block;
        width: 100%;
    }

        /* Links al dropdown, canvi de color hover */
        .dropdownt-content a:hover {
            background-color: #b5121d;
            color: #fff;
            text-decoration: none;
        }

/* Mostrar el menu hover */
.dropdownt:hover .dropdownt-content {
    display: block;
}

/* Dropdown Button */
.dropbtn {
    display: inline-block;
    color: #3d3d3d;
    padding: 1em;
    font-size: 1.1em;
    border: none;
    cursor: pointer;
    font-family: 'TradeGothicLTStd-Bd2';
}

.dropdown {
    position: relative;
    display: inline-block;
}

.red-triangle {
    color: #b5121d;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-size: 1.1em;
}

    /* Links al dropdown */
    .dropdown-content a {
        color: #3d3d3d;
        padding: 0.4em 1em;
        text-decoration: none;
        display: block;
    }

        /* Links al dropdown, canvi de color hover */
        .dropdown-content a:hover {
            background-color: #b5121d;
            color: #fff;
            text-decoration: none;
        }

/* Mostrar el menu hover */
.dropdown:hover .dropdown-content {
    display: block;
}

#drop-0 {
    z-index: 9000;
}

#drop-1 {
    z-index: 9001;
    min-width: 275px !important;
}

#drop-2 {
    z-index: 9002;
}

#drop-3 {
    z-index: 9003;
}

.icono-menu {
    height: 1.1em;
    /*padding-right:0.5em;*/
}

.icono-destacado {
    height: 40px;
}

#slider {
}

.fotorama__nav-wrap {
    display: none !important;
}

#registro {
    background-color: #fe0000;
    color: #fff;
    font-size: 1.2em;
    font-family: 'TradeGothicLTStd-Bd2';
    text-align: center;
    padding: 0.5em;
    position: fixed;
    margin-top: 113px;
    z-index: 8000;
}

.subrayado {
    text-decoration: underline;
    font-family: 'TradeGothicLTStd-Bd2';
}

.fixed_top {
    z-index: 8000;
    position: fixed;
    top: 0;
}

#login {
    display: inline-block;
    background-color: #F00 !important;
    font-family: 'TradeGothicLTStd-Bd2';
    width: 100%;
    margin-top: 0;
}

    #login:hover {
        cursor: pointer;
    }

#myDropdown-login {
    display: none;
    position: absolute;
    left: 0;
    background-color: #F00;
    width: 325px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    /*z-index:9999;*/
    padding: 1em;
    color: #fff;
}

#flogin input {
    padding: 0.5em;
    color: #333;
    background-color: #fff;
    margin-top: 1em;
    width: 259px;
}

#flogin button {
    background-color: #f00;
    border: 1px solid #fff;
    padding: 0.5em;
    width: 259px;
    margin-top: 1em;
}

    #flogin button:hover {
        color: #f00;
        background-color: #fff;
    }

#flogin p {
    margin-top: 1em;
}

#flogin a {
    color: #fff;
    text-decoration: none;
    margin-top: 1em;
}

    #flogin a:hover {
        color: #fff;
        text-decoration: underline;
    }

#flogin span {
    display: block;
    margin-top: 1em;
}

.log-button {
    display: block;
    background-color: #f00;
    border: 1px solid #fff;
    padding: 0.5em;
    width: 259px;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}

    .log-button:hover {
        color: #f00 !important;
        text-decoration: none !important;
        background: #fff;
    }

.CabeceraLogged {
    text-align: right;
    margin-right: 100px;
}

    .CabeceraLogged a {
        color: #fff !important;
        text-decoration: none !important;
        font-size: 0.9em;
    }

        .CabeceraLogged a:hover {
            color: #fff !important;
            text-decoration: underline !important;
        }

/* Exclusivos HOME */

.destacados, .container > h2 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.container > h2 {
    margin-top: 190px;
}

.destacado {
}

.img-portada {
    height: 25vw;
    margin-bottom: 1em;
}

    .img-portada img {
        object-fit: cover;
        object-position: 50% 50%;
        font-family: 'object-fit: cover; object-position: 50% 50%;';
        height: 100%;
        width: 100%;
    }

.area-icon {
    width: 2em;
}

.area-titulo {
    margin-left: 0px;
    font-size: 1.4em;
    font-weight: bold;
    font-family: 'TradeGothicLTStd-Bd2';
}

.area-autor {
    /*font-style:italic;*/
    font-size: 1em;
}

.area-texto {
    /*font-size:1.2em;*/
    font-size: 20px;
}

.marge {
    /* display:inline-block;*/
    margin-left: 15px;
    margin-right: 15px;
}

.area-icon-nav {
    margin-top: -0.5em;
    width: 3em;
}

.area-icon-nav-car {
    width: 3em;
    float: none !important;
    margin-left: 1em;
}

.destacados h2, .container > h2 {
    font-family: 'PeriodicoDisplay-Bk';
}

.destacados h2 {
    margin-top: 5px;
}

    .destacados h2 a, .container > h2 a {
        font-family: 'PeriodicoDisplay-Bk';
        color: #333;
        text-decoration: none;
    }

#bloc-1 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

    #bloc-1 h2 {
        font-family: 'TradeGothicLTStd-Bd2';
        margin-top: 1em;
        padding-left: 0.5em;
    }

.bloc-16-9 {
    display: block;
    width: 100%;
    margin-top: 1.5em;
}

.bloc-container-d {
    position: relative;
    margin-top: 1.5em;
    width: 100%;
    min-height: 325px;
}

.back-img-18 {
    background-image: url(https://media.iese.edu/insight/img/home/img-analisis-de-decisiones.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-9 {
    background-image: url(https://media.iese.edu/insight/img/home/img-concimiento-y-comunicacion.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-1 {
    background-image: url(https://media.iese.edu/insight/img/home/img-contabilidad-y-control.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-15 {
    background-image: url(https://media.iese.edu/insight/img/home/img-direccion-estrategica.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-6 {
    background-image: url(https://media.iese.edu/insight/img/home/img-economia.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-17 {
    background-image: url(https://media.iese.edu/insight/img/home/img-etica-empresarial-y-responsabilidad-social-corporativa.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-7 {
    background-image: url(https://media.iese.edu/insight/img/home/img-finanzas.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-3 {
    background-image: url(https://media.iese.edu/insight/img/home/img-gobierno-corporativo.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-19 {
    background-image: url(https://media.iese.edu/insight/img/home/img-iniciativa-emprendedora.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-16 {
    background-image: url(https://media.iese.edu/insight/img/home/img-innovacion-y-cambio.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-20 {
    background-image: url(https://media.iese.edu/insight/img/home/img-liderazgo-y-direccion-de-personas.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-12 {
    background-image: url(https://media.iese.edu/insight/img/home/img-marketing.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-14 {
    background-image: url(https://media.iese.edu/insight/img/home/img-servicios-y-operaciones.jpg);
    background-position: center;
    background-size: cover;
}

.back-img-5 {
    background-image: url(https://media.iese.edu/insight/img/home/img-tecnologias-de-la-informacion.jpg);
    background-position: center;
    background-size: cover;
}

.bloc-container {
    position: relative;
    height: 100px;
    border: 1px solid #aaa;
}

.bloc-container-text {
    margin-left: 2em;
    margin-right: 2em;
    padding-right: 4em;
    position: absolute;
    bottom: -3em;
    width: 100%;
}

.bloc-container-text-destacados {
    margin-left: 1em;
    margin-right: 1em;
    padding-right: 2em;
    position: absolute;
    bottom: -3em;
    width: 100%
}

.bloc-sub {
    margin-top: 3.5em;
    padding-left: 3em;
    padding-right: 1em;
    margin-bottom: 2em;
}

.bloc-area {
    display: inline-block;
    color: #3d3d3d;
    background-color: #b1ae9b;
    padding: 0.5em 1em 0.5em 1em;
    font-family: 'TradeGothicLTStd-Bd2';
    font-size: 1.4em;
}

.bloc-titulo {
    display: inline-block;
    margin-top: -1px;
    color: #fff;
    background-color: #3d3d3d;
    padding: 0.5em 0.5em 0.5em 40px;
    font-family: 'PeriodicoDisplay-Bk';
    font-size: 1.3em;
    height: auto;
    text-align: center;
    overflow: hidden;
    width: 100%;
}

.bloc-titulo-principal {
    padding: 0.1em 1em 0.1em 1em;
    font-size: 28px;
}

.bloc-titulo-iconos {
    width: 40px;
    float: left;
    margin-left: -30px;
}

.bloc-titulo-valign {
    font-family: 'PeriodicoDisplay-Bk';
    width: auto;
}

    .bloc-titulo-valign a {
        font-family: 'PeriodicoDisplay-Bk';
        color: #fff;
        text-decoration: none;
    }

        .bloc-titulo-valign a:hover {
            color: #fff;
            text-decoration: none;
        }

.bloc-autor {
    display: inline-block;
    /*font-style:italic;*/
    color: #3d3d3d;
}

.bloc-texto {
    display: inline-block;
    margin-top: 1em;
    /*font-size:1.2em;*/
    font-size: 20px;
}

#myCarousel-container {
    margin-top: 2em;
    padding-left: 100px !important;
    padding-right: 100px !important;
}

#myCarousel {
    padding: 1em 4em 1em 4em;
}

.carousel-control {
    width: 10%;
}

.persona {
    width: 75%;
}

.comentario a {
    color: #333;
    text-decoration: none;
}

    .comentario a:hover {
        color: #333;
        text-decoration: none;
    }

.comentario img {
    float: left;
    margin-right: 2em;
}

.comentario-quote {
    font-family: 'PeriodicoDisplay-Bk';
    font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
}

    .comentario-quote em, .comentario-quote i {
        font-family: 'PeriodicoDisplay-Bk';
    }

.bloquote {
    width: 2em;
}
/*.read-more{
	color:#d40a17;
	font-size:1em;
	text-decoration:none;
}
.read-more:hover{
	color:#d40a17;
	text-decoration:underline;
}*/
.carousel-indicators {
    display: none;
}

#bloc-2 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

    #bloc-2 h2 {
        font-family: 'TradeGothicLTStd-Bd2';
        margin-top: 2em;
        padding-left: 0.5em;
    }

#bloc-3 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

    #bloc-3 h2 {
        font-family: 'TradeGothicLTStd-Bd2';
        margin-top: 1em;
        padding-left: 0.5em;
    }

#bloc-populars {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

    #bloc-populars div {
        padding-left: 15px;
        padding-right: 15px;
    }

    #bloc-populars h2 {
        font-family: 'TradeGothicLTStd-Bd2';
        margin-top: 1em;
        pdding-left: 0.5em;
    }

    #bloc-populars ul {
        list-style: none;
        background-color: #eeeeee;
    }

    #bloc-populars li {
        padding: 0.5em 0.5em 0em 0.5em;
    }

    #bloc-populars span {
        color: #d40a17;
    }

.populars-titulo {
    margin-top: 1em;
    color: #3d3d3d;
    font-size: 1.5em;
    font-family: 'PeriodicoDisplay-Bk';
}

    .populars-titulo:hover {
        color: #3d3d3d;
        text-decoration: none;
    }

.populars-autor {
    display: inline-block;
    /*font-style:italic;*/
    margin-left: 1.5em;
    color: #3d3d3d;
}

    .populars-autor:hover {
        color: #3d3d3d;
    }

.populars-articulo {
    color: #d40a17;
    text-decoration: none;
    display: inline-block;
}

    .populars-articulo:hover {
        color: #d40a17;
        text-decoration: underline;
    }

/* Cuadros al pie, Foro, En Curso, Newsletter */

#bloc-4 {
    padding-left: 100px !important;
    padding-right: 100px !important;
    margin-top: 2em;
}

.bloc-4-sub {
    padding: 1em;
}

.bloc-4-sub-marco {
    border: 1px solid #3d3d3d;
    padding: 0 !important;
}

    .bloc-4-sub-marco a {
        margin-left: 1em;
    }

        .bloc-4-sub-marco a img {
            margin-left: -1em;
            margin-top: 1em;
        }

.bloc-4-sub-titulo {
    display: block;
    font-size: 1.7em;
    font-family: 'TradeGothicLTStd-Bd2';
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.bloc-4-imagen-foro {
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em;
    max-width: 100%;
    overflow: hidden;
}

    .bloc-4-imagen-foro img {
        /*height:100%;*/
        width: 100%;
        height: auto;
    }

.bloc-4-imagen-foro-texto {
    position: absolute;
    bottom: 0;
    font-size: 1.2em;
    font-family: 'PeriodicoDisplay-Bk';
    padding: 1em 1em 1em 2em;
    color: #fff;
    background-color: #333;
    opacity: 0.7;
}

    .bloc-4-imagen-foro-texto a {
        color: #3d3d3d;
        font-family: 'PeriodicoDisplay-Bk';
        text-decoration: none;
        padding-left: 1em;
    }

        .bloc-4-imagen-foro-texto a:hover {
            color: #fff;
            font-family: 'PeriodicoDisplay-Bk';
        }

.sin_marco {
    border: 0px;
}

.sin_margen_lateral {
    padding-left: 0px;
    padding-right: 0px;
}

.bloc-4-imagen-curso {
    float: left;
    padding-left: 1em;
    width: 50%;
}

    .bloc-4-imagen-curso img {
        width: 100%;
        height: auto;
    }

.bloc-4-imagen-curso-nofloat {
    float: none;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

    .bloc-4-imagen-curso-nofloat img {
        width: 100%;
        max-width: 95%;
        height: auto;
    }

.bloc-4-imagen-curso-texto {
    position: absolute;
    bottom: 0;
    font-size: 1.2em;
    font-family: 'PeriodicoDisplay-Bk';
    padding: 1em 1em 1em 2em;
    color: #fff;
    background-color: #333;
    opacity: 0.7;
}

    .bloc-4-imagen-curso-texto a {
        color: #fff;
        text-decoration: none;
        padding-left: 1em;
        font-family: 'PeriodicoDisplay-Bk';
    }

        .bloc-4-imagen-curso-texto a:hover {
            color: #fff;
            font-family: 'PeriodicoDisplay-Bk';
        }

.bloc-4-sub-link {
    color: #d40a17;
    text-decoration: none;
    padding: 0em 1em 0.5em 0em;
    line-height: 1.8em;
    font-size: 1.2em;
}

    .bloc-4-sub-link:hover {
        text-decoration: underline;
        color: #d40a17;
    }

.bloc-4-sub-ventaja {
    display: inline-block;
    font-size: 1.2em;
    font-family: 'PeriodicoDisplay-Bk';
    padding: 0em 1em 0em 1.2em;
}

.bloc-4-sub-marco ul {
    list-style: none;
    margin-left: 2.2em;
    margin-top: 0.5em;
}

.bloc-4-sub-marco li {
    display: block;
    font-family: 'TradeGothicLTStd-Bd2';
    font-size: 1.1em;
}

    .bloc-4-sub-marco li .nocortar {
        font-family: 'TradeGothicLTStd-Bd2';
        font-size: 1.1em;
        white-space: nowrap;
    }

.bloc_footer_banner {
    background-color: #EEEEEE;
    padding: 5px;
}

.fnews_submit {
    display: block;
    padding: 0.5em;
    line-height: 1.2em;
    width: 60%;
    color: #d40a17;
    font-size: 1.2em;
}

    .fnews_submit:hover {
        color: #d40a17 !important;
        text-decoration: none;
    }

/* Footer */

#footer {
    margin-top: 2em;
    background-color: #3d3d3d;
    color: #fff;
    text-align: center;
    line-height: 1.8em;
    padding-bottom: 2em;
}

    #footer a {
        color: #fff;
        text-decoration: none;
    }

        #footer a:hover {
            color: #fff;
            text-decoration: underline;
        }

#follow {
    background-color: #fe0000;
    color: #fff;
    font-size: 1.1em;
    font-family: 'TradeGothicLTStd-Bd2';
    text-align: center;
    padding: 0.5em;
    margin-bottom: 2em;
}

.icono-footer {
    width: 2em;
    margin-left: 0.3em;
}

/* Búsqueda avanzada */

label {
    margin-top: 1em;
}

#favanzada {
    /*
	padding-left:100px !important;
	padding-right:100px !important;
    */
    font-size: 1.2em;
}

    #favanzada h2 {
        font-family: 'PeriodicoDisplay-Bk';
    }

    #favanzada a {
        color: #d40a17;
    }

.fa_i_100 {
    /*margin-top:1em;*/
    width: 100%;
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
}

.fa_i_78 {
    /*margin-top:1em;*/
    width: 78%;
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
}

.fa_i_60 {
    /*margin-top:1em;*/
    width: 100%;
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
}

.fa_i_25 {
    width: 48%;
    display: inline-block;
    /*margin-top:1em;*/
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
    background-image: url(../img/v2/icono-calendar.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.fa_i_30 {
    /*margin-top:1em;*/
    width: 30%;
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
}

.fa_i_20 {
    /*margin-top:1em;*/
    width: 20%;
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
}

.fa_i_18 {
    /*margin-top:1em;*/
    width: 16%;
    border: 1px solid #aaa;
    padding: 0.5em;
    background-color: #eee;
}

#lista_autores {
    margin-top: 1em;
    display: inline-block;
    margin-left: 1em;
    position: relative;
    color: #d40a17;
}

.icono-calendar {
    height: 1.5em;
}

.favanzada_submit, a.favanzada_submit {
    display: inline-block;
    margin-top: 2em;
    padding: 0.5em;
    line-height: 1.5em;
    width: 100%;
    color: #fff !important;
    border: 1px solid #d40a17;
    background-color: #d40a17 !important;
    margin-bottom: 1em;
    text-align: center;
}

    .favanzada_submit:hover, a.favanzada_submit:hover {
        background-color: #fff !important;
        color: #d40a17 !important;
        text-decoration: none !important;
    }
/* Dropdown Button Lista autores*/
.dropbtn-lista {
    background-color: #fff;
    cursor: pointer;
    padding: 0.2em;
}

    /* Dropdown button on hover & focus */
    .dropbtn-lista:hover, .dropbtn-lista:focus {
        background-color: #d40a17;
        color: #fff !important;
    }

.dropdown-lista {
    position: relative;
    display: inline-block;
    float: right;
}

/* The container <div> - needed to position the dropdown content */
.myDdropdown-lista {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-lista {
    display: none;
    position: absolute;
    right: 0;
    background-color: #eee;
    min-width: 590px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    padding: 1em;
    border: 1px solid #3d3d3d;
}

    /* Links inside the dropdown */
    .dropdown-content-lista a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content-lista a:hover {
            background-color: #f1f1f1
        }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

#abcedario {
    margin-top: 1em;
    list-style: none;
}

    #abcedario li {
        display: inline-block;
        margin-right: 0.5em;
    }

#myDropdown-lista-titulo {
    font-family: 'TradeGothicLTStd-Bd2';
    font-size: 1.2em;
}

#abcedario li:hover {
    color: #d40a17;
    text-decoration: underline;
    cursor: pointer;
}

#autores {
    list-style: none;
}

    #autores li {
        display: block;
        padding-top: 0.5em;
    }

.pagina {
    color: #d40a17;
}

    .pagina:hover {
        color: #3d3d3d;
        cursor: pointer;
    }

/* Resultados de búsqueda */

#resultados {
    /*
	padding-left:100px !important;
	padding-right:100px !important;
    */
    font-size: 1.2em;
}

    #resultados h2 {
        font-family: 'TradeGothicLTStd-Bd2';
    }

    #resultados a {
        color: #d40a17;
    }

.resultados-button {
    display: inline-block;
    margin-top: 2em;
    padding: 0.5em;
    line-height: 1.5em;
    width: 30%;
    color: #d40a17;
    border: 1px solid #d40a17;
    background-color: #fff !important;
    margin-right: 2em;
    text-align: center;
}

    .resultados-button:hover {
        background-color: #d40a17 !important;
        color: #fff !important;
        text-decoration: none;
        cursor: pointer;
    }

.borde {
    margin-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #3d3d3d;
}

.resultados-item {
    /*
	padding-left:100px !important;
	padding-right:100px !important;
    */
    font-size: 1.4em;
    margin-bottom: 20px;
}

    .resultados-item h3, u {
        font-family: 'PeriodicoDisplay-Bk';
    }

    .resultados-item a, .resultados-item a i, #ficha-head i {
        font-family: 'PeriodicoDisplay-Bk';
        color: #3d3d3d;
    }

        .resultados-item a:hover {
            color: #d40a17;
            text-decoration: none;
        }

        .resultados-item a img {
            height: 2em;
        }

.resultados-intro img {
    float: left;
    margin-right: 1em;
    max-width: 50%;
}

.resultados-cab {
    display: block;
}

.resultados-intro {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#resultados-pag {
    /*
	padding-left:100px !important;
	padding-right:100px !important;
    */
}

.div-izquierda {
    float: left;
}

.div-derecha {
    float: right;
    text-align: right;
}

.div-centro {
    text-align: center;
    font-size: 1.5em;
}

.pag-numero {
    font-weight: bold;
}

#fpagina {
    display: inline-block;
}

.i_pagina {
    padding: 0.2em;
    width: 4em;
    border: 1px solid #3d3d3d;
    background-color: #eee;
}

.b_ir {
    display: inline-block;
    padding: 0.2em;
    width: 3em;
    border: 1px solid #d40a17;
    background-color: #d40a17;
    color: #fff;
}

    .b_ir:hover {
        background-color: #fff;
        color: #d40a17;
    }

#ficha-head {
    /*
	padding-left:100px !important;
	padding-right:100px !important;
    */
}

    #ficha-head h2 {
        font-family: 'PeriodicoDisplay-Bk';
    }

.icono-premium {
    padding-left: 0.5em;
    height: 1em;
}

.ficha-area {
    font-family: 'TradeGothicLTStd-Bd2';
    font-size: 1.5em;
    color: #acac94;
    display: block;
    margin-top: 1em;
}

.ficha-autor {
    /*font-style:italic;*/
    display: block;
}

    .ficha-autor a {
        color: #3d3d3d;
    }

    .ficha-autor div {
        display: inline-block;
        vertical-align: middle;
    }

#ficha-body {
    padding-left: 100px !important;
    padding-right: 100px !important;
    margin-top: 177px;
}

.ficha-body-img {
    float: left;
    margin: 20px 1em 0.5em 0em;
}

    .ficha-body-img, .ficha-body-img img {
        max-width: 125px;
    }

        .ficha-body-img.img-full, .ficha-body-img.img-full img {
            width: 100%;
            max-width: 100%;
            height: auto;
        }

        .ficha-body-img.img-top {
            width: 100%;
            height: auto;
            text-align: center;
        }

            .ficha-body-img.img-top img {
                width: auto;
                height: auto;
            }

.articulo-body-text {
    margin-top: 2em;
    margin-left: 3em !important;
    margin-right: 3em !important;
    font-size: 20px;
}

    .articulo-body-text a {
        color: #d40a17;
        text-decoration: none;
    }

        .articulo-body-text a:hover {
            color: #d40a17;
            text-decoration: underline;
        }

.ficha-body-foot {
    margin-top: 2em;
    font-size: 1.2em;
}

.ficha-body-text {
    margin-top: 1em;
    font-size: 20px;
}

    .ficha-body-text a {
        color: #d40a17;
        text-decoration: none;
    }

        .ficha-body-text a:hover {
            color: #d40a17;
            text-decoration: underline;
        }

.cita-biblio {
    padding: 1em 0 1em 0;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
    padding-left: 15px;
    padding-right: 15px;
}

.ficha-body-button-red {
    display: block;
    margin-top: 1em;
    margin-right: 1em;
    line-height: 2.5em;
    width: 14em;
    height: 2.5em;
    color: #fff;
    border: 1px solid #d40a17;
    background-color: #d40a17 !important;
    text-align: center;
    text-decoration: none;
}

    .ficha-body-button-red span, .ficha-body-button-red:focus span, .ficha-body-button-red:visited span {
        color: #fff;
        text-decoration: none !important;
    }

    .ficha-body-button-red:hover, .ficha-body-button-red:hover span {
        background-color: #fff !important;
        color: #d40a17 !important;
        text-decoration: none !important;
    }

.ficha-body-circle-red {
    display: inline-block;
    margin-right: 0.5em;
    width: 45px;
    height: 45px;
    color: #fff;
    border: 1px solid #d40a17;
    background-color: #d40a17 !important;
    text-align: center;
    border-radius: 50%;
}

    .ficha-body-circle-red:hover {
        background-color: #fff !important;
        color: #d40a17 !important;
        text-decoration: none;
    }

.material-body-circle-red {
    display: inline-block;
    margin-left: 0.5em;
    padding-top: 6px;
    width: 45px;
    height: 45px;
    color: #fff;
    border: 1px solid #d40a17;
    background-color: #d40a17 !important;
    text-align: center;
    border-radius: 50%;
}

    .material-body-circle-red:hover {
        background-color: #fff !important;
        color: #d40a17 !important;
        text-decoration: none;
    }

.iconos-superiores {
    width: 125px;
    display: inline-block;
}

.ficha-body-button-white {
    display: inline-block;
    margin-top: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 2.5em;
    width: 100%;
    min-width: 125px;
    color: #d40a17;
    border: 1px solid #d40a17;
    background-color: #fff !important;
    text-align: center;
}

    .ficha-body-button-white:hover {
        background-color: #d40a17 !important;
        color: #fff !important;
        text-decoration: none;
    }

.icono-button {
    font-size: 1.2em;
    margin-right: 1em;
}

#articulo-body img {
    max-width: 100% !important;
    height: auto !important;
}

.articulo-body-foot {
    margin: 3em;
    background-color: #eee;
    padding: 1em;
    font-size: 1.2em;
}

    .articulo-body-foot div.ficha-body-img {
        margin: 0px 1em 0.5em 0em;
    }

.articulo-documento-original {
}

    .articulo-documento-original img {
        height: 2em;
        margin-right: 1em;
    }

.articulo-documento-original-titulo {
    font-family: 'TradeGothicLTStd-Bd2';
    font-size: 1.5em;
    border-bottom: 1px solid #3d3d3d;
}

.articulo-relacionados {
    margin-top: 2em;
}

.articulo-relacionados-titulo {
    font-family: 'PeriodicoDisplay-Bk';
    font-size: 1.6em;
    border-bottom: 1px solid #3d3d3d;
}

.articulo-relacionados-item {
    padding: 0.5em 1em 1em 1em;
    font-size: 16px;
}

.fondo-gris {
    background-color: #eeeeee;
}

.articulo-relacionados-item-dreta {
    padding: 0.5em 1em 1em 1em;
    font-size: 16px;
    background-color: #eeeeee;
}

.marco {
    border: 1px solid #3d3d3d;
    padding: 1em;
    /*margin-right:1em;*/
}

.articulo-relacionados-area {
    font-family: 'TradeGothicLTStd-Bd2';
    display: block;
    font-size: 1.2em;
}

    .articulo-relacionados-area img {
        height: 2em;
        margin-right: 1em;
    }

.articulo-relacionados-doc {
    display: block;
    margin-top: 0.5em;
    font-family: 'PeriodicoDisplay-Bk';
    font-size: 1.2em;
    text-decoration: none;
    color: #3d3d3d;
}

    .articulo-relacionados-doc:hover {
        color: #3d3d3d;
        text-decoration: underline;
    }

.articulo-relacionados-autor {
    display: block;
    margin-top: 0.5em;
    /*font-style:italic;*/
    font-size: 14px;
}

.icono-articulo {
    height: 35px;
    vertical-align: middle;
    margin-top: -2px;
}

.icono-articulo-circle {
    height: 35px;
    vertical-align: middle;
    margin-top: 3px;
}

.botones-izquierda div {
    float: left;
}

.form-control {
    width: 100% !important;
    border-radius: 0px !important;
}

.text-danger {
    font-style: italic;
    font-weight: bold;
}

/* cambio a menú dropdown y márgenes para anchos inferiores a 1125 px */
@media screen and (max-width:1125px) {
    #menu-top-list {
        display: none;
    }

    #head_bar_1, #head_bar_2, #registro {
        width: 100%;
    }

    #menu-top-left {
        display: none;
    }

    #menu-top-icon {
        display: inline-block;
    }
}

@media screen and (max-width:1050px) {
    .CabeceraLogged {
        margin-right: 10px;
    }

    #head_bar_1_l {
        margin-left: 10px;
    }

    #head_bar_1_r {
        margin-right: 10px;
    }

    #head_bar_2_l {
        margin-left: 10px;
    }

    #head_bar_2_r {
        margin-right: 10px;
    }

    .img-portada {
        height: 30vw;
    }

    .destacados, .container > h2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #bloc-1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #myCarousel-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #bloc-2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #bloc-3 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #bloc-populars {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #bloc-4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #favanzada {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #resultados {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .resultados-item {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #resultados-pag {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #ficha-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #ficha-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 177px;
    }

    .resultados-button {
        width: 45%;
    }

    .section_picture_tipo {
        max-width: 75%;
    }

    .bloc-4-imagen-curso {
        float: left;
        padding-left: 1em;
        width: 100%
    }
}

@media screen and (max-width:800px) {
    .img-portada {
        height: 35vw;
    }

    #head_bar_2 ul {
        margin-top: 0em;
        margin-bottom: 2px;
    }

    #head_bar_2_r ul {
        margin-top: 0em;
        padding-top: 0px;
    }

    .container > h2 {
        margin-top: 130px;
    }

    .resultados-button {
        width: 95%;
        margin-top: 1em;
    }

    .ficha-body-text {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .articulo-body-text {
        margin-left: 0em !important;
        margin-right: 0em !important;
    }

    .marge {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .mobil-dreta {
        left: 0 !important;
    }

    #logo {
        margin-top: 0px;
        height: 35px;
    }

    #registro {
        font-size: 0.9em;
    }

    .dropdown-content a {
        padding: 2px 1em;
    }

    html, body {
        overflow-x: hidden;
    }

    #ficha-body {
        margin-top: 144px;
    }

    .section_picture_tipo {
        max-width: 50%;
    }
}

@media screen and (max-width:770px) {
    #logo {
        margin-top: 8px;
    }

    #registro {
        margin-top: 94px;
    }

    .articulo-relacionados-item {
        padding-right: 0em !important;
    }

    .bloc-4-sub {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bloc-4-imagen-curso-nofloat img {
        width: 50%;
        height: auto;
    }

    .persona {
        width: 50%;
    }

    .comentario-quote {
        font-size: 1.5em;
    }

    .bloc-titulo-valign {
        font-size: 25px;
    }

    .bloc-titulo-principal .bloc-titulo-valign {
        font-size: 30px;
    }

    .bloc-4-imagen-curso {
        width: 50%
    }
}

@media screen and (max-width:630px) {
    .container > h2 {
        margin-top: 140px;
    }

    .img-portada {
        height: 40vw;
    }

    .div-centro {
        clear: both;
        padding-top: 1em;
    }

    .dropbtn {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #registro {
        margin-top: 105px;
    }

    .persona {
        width: 60%;
    }

    #myCarousel {
        padding: 1em 3em 1em 3em;
    }

    .bloc-titulo-valign, .bloc-titulo-principal .bloc-titulo-valign {
        font-size: 5vw;
    }

    .section_picture_tipo {
        max-width: 100%;
    }

    .articulo-body-foot {
        margin: 3em -15px 3em -15px;
    }
}

@media screen and (max-width:450px) {
    .img-portada {
        height: 50vw;
    }

    .dropbtn {
        font-size: 3vw;
    }

    .mobil-dreta-2 {
        left: -80px !important;
    }

    .bloc-4-imagen-curso-nofloat img {
        width: 75%;
        height: auto;
    }

    .persona {
        width: 75%;
    }

    .bloc-titulo-valign {
        font-size: 5vw;
    }

    .bloc-titulo-principal .bloc-titulo-valign {
        font-size: 5vw;
        text-align: left;
    }

    .bloc-4-imagen-curso {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%
    }

    .ficha-body-img, .ficha-body-img img {
        max-width: 100%;
    }

    .ficha-body-button-red {
        margin-right: 30px;
        margin-left: 5px;
        width: 100%;
    }

    .botones-izquierda div {
        float: none;
    }
}

/* JCOSTA */
.form-level1 {
    padding-top: 10px;
}

.form-level2 {
    padding-top: 10px;
    padding-left: 25px;
}

.articulo-documento-level-1 {
    padding-left: 30px;
}
/* JCOSTA */

.home_autor, .bloc-autor, .comentario-autor, .populars-autor {
    /*font-style:italic;*/
    font-size: 16px;
}

/*Menú superior collapse*/
@media(min-width:770px) {
    #logo {
        margin-top: 2em;
        -webkit-transition: background .5s ease-in-out,margin .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,margin .5s ease-in-out;
        transition: background .5s ease-in-out,margin .5s ease-in-out;
    }

    #head_bar_2 ul {
        margin-top: 35px;
        margin-bottom: 10px;
        padding-top: 0px;
        -webkit-transition: background .5s ease-in-out,margin .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,margin .5s ease-in-out;
        transition: background .5s ease-in-out,margin .5s ease-in-out;
    }

    #registro {
        margin-top: 137px;
        -webkit-transition: background .5s ease-in-out,margin .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,margin .5s ease-in-out;
        transition: background .5s ease-in-out,margin .5s ease-in-out;
    }

    .logo_collapse {
        margin-top: 0 !important;
    }

    .head_bar_2_collapse {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .registro_collapse {
        margin-top: 92px !important;
    }
}

@media print {
    a[href]:after {
        content: none !important;
    }

    #head_bar_1, #head_bar_2, #registro, #footer {
        display: none;
    }
}

.riSingle {
    display: initial !important;
}