@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Regular.eot"), url("../fonts/OpenSans-Regular.svg") format('svg'), url("../fonts/OpenSans-Regular.ttf") format('truetype'), url("../fonts/OpenSans-Regular.woff") format('woff'), url("../fonts/OpenSans-Regular.woff2") format('woff2');
}

.dfa {
    background-image: url('../imagen/dfaescudo-700-calidad.png');
    background-repeat: no-repeat;
    background-position: 50% 8%;
}

.ifj {
    background-image: url('../imagen/ifj_logotipo_textos_10_calidad.png');
    background-repeat: no-repeat;
    background-position: 50% 100px;
    background-size: 60%;
}

.bfa {
    background-image: url('../imagen/BFA_logotipo_textos_calidad.png');
    background-repeat: no-repeat;
    background-position: 50% 100px;
    background-size: 60%;
}

#dropdownMenuYears,
#dropdownMenuMonths {
    margin-left: 20px;
}

@media (min-width: 1120px) {
    h1 {
        font-family: Open Sans, sans-serif;
        color: #3e77c6;
        font-size: 2.5em;
        text-align: center;
    }
    #dropdownMenuYears {
        border: 0px;
        font-size: 2.4em;
        font-weight: 700;
        color: #fff;
    }
    #dropdownMenuMonths {
        border: 0px;
        font-size: 2em;
        font-weight: 600;
        color: #fff;
    }
    .menu-flat-content ul.top-up-380 {
        top: -330px;
    }
    .menu-flat-content ul.top-up-220a {
        top: -160px;
    }
}

@media (max-width: 1120px) {
    h1 {
        font-family: Open Sans, sans-serif;
        color: #3e77c6;
        font-size: 2em;
        text-align: center;
    }
    #dropdownMenuYears {
        border: 0px;
        font-size: 1.6em;
        font-weight: 700;
        color: #fff;
    }
    #dropdownMenuMonths {
        border: 0px;
        font-size: 1.5em;
        font-weight: 600;
        color: #fff;
    }
    .menu-flat-content ul.top-up-380 {
        top: -380px;
    }
    .menu-flat-content ul.top-up-220a {
        top: -220px;
    }
}

.menu-flat {
    width: 100%;
}

.menu-flat-content,
.menu-flat-content-nowrap {
    position: relative;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

.menu-flat-content ul,
.menu-flat-content-nowrap ul {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    margin: 0;
    padding: 0 3px 3px;
    list-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0;
    -moz-transition: all 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s;
}

.menu-flat-content ul.top-up-40 {
    top: -40px;
}

.menu-flat-content ul.top-up-60 {
    top: -60px;
}

.menu-flat-content ul.top-up-80 {
    top: -80px;
}

.menu-flat-content ul.top-up-100 {
    top: -100px;
}

.menu-flat-content ul.top-up-120 {
    top: -120px;
}

.menu-flat-content ul.top-up-140 {
    top: -140px;
}

.menu-flat-content ul.top-up-160 {
    top: -160px;
}

.menu-flat-content ul.top-up-180 {
    top: -180px;
}

.menu-flat-content ul.top-up-200 {
    top: -200px;
}

.menu-flat-content ul.top-up-220 {
    top: -220px;
}

.menu-flat-content ul.top-up-240 {
    top: -240px;
}

.menu-flat-content ul.top-up-300 {
    top: -300px;
}

.menu-flat-content ul.top-up-340 {
    top: -340px;
}

.menu-flat-content li,
.menu-flat-content-nowrap li {
    position: relative;
    display: block;
    margin: 5px 0 0;
    font: 15px Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.menu-flat-content ul li,
.menu-flat-content-nowrap ul li {
    font: 12px Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 3px 0 0;
}


/*Se gestiona con javascript*/


/*.menu-flat-content ul li ul li{
	white-space: nowrap;
}*/

.menu-flat-content a,
.menu-flat-content-nowrap a {
    display: block;
    text-align: left;
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.menu-dfa a {
    background-color: #990066;
    border: 2px solid #990066;
}

.menu-ifbs a {
    background-color: #339526;
    border: 2px solid #339526;
}

.menu-ifj a {
    background-color: #5e3388;
    border: 2px solid #5e3388;
}

.menu-sociedades a {
    background-color: #3e77c6;
    border: 2px solid #3e77c6;
}

.menu-patrimonio a {
    background-color: #606060;
    border: 2px solid #606060;
}

.menu-consolidados a {
    background-color: #bd223c;
    border: 2px solid #bd223c;
}

.menu-afs a {
    background-color: #a5750d;
    border: 2px solid #a5750d;
}

.menu-blanco a {
    background-color: #c9c9c9;
    border: 2px solid #c9c9c9;
}

.logo {
    max-height: 32px;
    float: left;
    padding-top: 0;
    padding-right: 6px;
    margin-top: -4px;
}

.menu-flat-content a[href='#'] span,
.menu-flat-content-nowrap a[href='#'] span {
    display: block;
    overflow: visible;
    background-image: url("../imagen/right-arrow-12a.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.menu-flat-content a[href$='.pdf'] span,
.menu-flat-content-nowrap a[href$='.pdf'] span {
    display: block;
    overflow: visible;
    background-image: url("../imagen/document-pdf.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
}

.menu-flat-content a[href$='.html'] span,
.menu-flat-content-nowrap a[href$='.html'] span {
    display: block;
    overflow: visible;
    background-image: url("../imagen/menu-blue.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
}

.menu-flat-content li:hover>ul,
.menu-flat-content-nowrap li:hover>ul {
    visibility: visible;
    opacity: 1;
}

.menu-flat-content li:hover,
.menu-flat-content-nowrap li:hover {
    z-index: 1;
}

.menu-flat-content a:active,
.menu-flat-content a:focus,
.menu-flat-content-nowrap a:active,
.menu-flat-content-nowrap a:focus {
    outline-style: none;
}

.menu-dfa li:hover>a,
.menu-dfa li a.pressed,
.menu-dfa ul li:hover>a,
.menu-dfa ul li a.pressed {
    color: #990066;
    background-color: #ffddee;
}

.menu-ifbs li:hover>a,
.menu-ifbs li a.pressed,
.menu-ifbs ul li:hover>a,
.menu-ifbs ul li a.pressed {
    color: #339526;
    background-color: #d5eccf;
}

.menu-ifj li:hover>a,
.menu-ifj li a.pressed,
.menu-ifj ul li:hover>a,
.menu-ifj ul li a.pressed {
    color: #5e3388;
    background-color: #e8d8ee;
}

.menu-sociedades li:hover>a,
.menu-sociedades li a.pressed,
.menu-sociedades ul li:hover>a,
.menu-sociedades ul li a.pressed {
    color: #3e77c6;
    background-color: #e1f0f4;
}

.menu-patrimonio li:hover>a,
.menu-patrimonio li a.pressed,
.menu-patrimonio ul li:hover>a,
.menu-patrimonio ul li a.pressed {
    color: #606060;
    background-color: #f4f4f4;
}

.menu-consolidados li:hover>a,
.menu-consolidados li a.pressed,
.menu-consolidados ul li:hover>a,
.menu-consolidados ul li a.pressed {
    color: #b20076;
    background-color: #f6dadf;
}

.menu-afs li:hover>a,
.menu-afs li a.pressed,
.menu-afs ul li:hover>a,
.menu-afs ul li a.pressed {
    color: #a5750d;
    background-color: #f4e5c6;
}

.menu-blanco li:hover>a,
.menu-blanco li a.pressed,
.menu-blanco ul li:hover>a,
.menu-blanco ul li a.pressed {
    color: #606060;
    background-color: #c9c9c9;
}

header {
    margin: 20px;
}

.row-header {
    margin-bottom: 10px;
}

#col-title-header {
    margin-top: -0.55em;
}

.v-centered {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* Alinea el contenedor de bootstrap verticalmente */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* En antiguos navegadores como Firefox 9
     tenemos que especificar el ancho del contenedor flexible de bootstrap */
    width: 100%;
}

.h-centered {
    position: relative;
    left: 50%;
    margin-right: -50%;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
    min-height: 60px;
}

.select-ente {
    padding: 2px 2px;
}

.columns-wrapper {
    padding: 0px 0px;
}

.row-navigation {
    margin: 0 -10px;
    background-color: #696969;
    padding: 7px 21px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.breadcrumb {
    margin: 0 10px 10px;
    background-color: rgba(245, 245, 245, 0.3);
    border: 1px solid #d3d3d3;
}

.btn-gris {
    background-color: hsl(0, 0%, 31%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#828282", endColorstr="#4f4f4f");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#828282), to(#4f4f4f));
    background-image: -moz-linear-gradient(top, #828282, #4f4f4f);
    background-image: -ms-linear-gradient(top, #828282, #4f4f4f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828282), color-stop(100%, #4f4f4f));
    background-image: -webkit-linear-gradient(top, #828282, #4f4f4f);
    background-image: -o-linear-gradient(top, #828282, #4f4f4f);
    background-image: linear-gradient(#828282, #4f4f4f);
    border-color: #4f4f4f #4f4f4f hsl(0, 0%, 26%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-gris:focus,
.btn-gris:hover {
    background-position: 0 -15px;
}

.btn-dfa {
    background-color: hsl(320, 100%, 15%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#b20076", endColorstr="#4c0032");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#b20076), to(#4c0032));
    background-image: -moz-linear-gradient(top, #b20076, #4c0032);
    background-image: -ms-linear-gradient(top, #b20076, #4c0032);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20076), color-stop(100%, #4c0032));
    background-image: -webkit-linear-gradient(top, #b20076, #4c0032);
    background-image: -o-linear-gradient(top, #b20076, #4c0032);
    background-image: linear-gradient(#b20076, #4c0032);
    border-color: #4c0032 #4c0032 hsl(320, 100%, 10%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-dfa:focus,
.btn-dfa:hover {
    background-position: 0 -15px;
}

.btn-ifbs {
    background-color: hsl(113, 75%, 27%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#32d11d", endColorstr="#1d7811");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#32d11d), to(#1d7811));
    background-image: -moz-linear-gradient(top, #32d11d, #1d7811);
    background-image: -ms-linear-gradient(top, #32d11d, #1d7811);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32d11d), color-stop(100%, #1d7811));
    background-image: -webkit-linear-gradient(top, #32d11d, #1d7811);
    background-image: -o-linear-gradient(top, #32d11d, #1d7811);
    background-image: linear-gradient(#32d11d, #1d7811);
    border-color: #1d7811 #1d7811 hsl(113, 75%, 22%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-ifbs:focus,
.btn-ifbs:hover {
    background-position: 0 -15px;
}

.btn-ifj {
    background-color: hsl(270, 62%, 36%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#8e49d4", endColorstr="#5b2294");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#8e49d4), to(#5b2294));
    background-image: -moz-linear-gradient(top, #8e49d4, #5b2294);
    background-image: -ms-linear-gradient(top, #8e49d4, #5b2294);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e49d4), color-stop(100%, #5b2294));
    background-image: -webkit-linear-gradient(top, #8e49d4, #5b2294);
    background-image: -o-linear-gradient(top, #8e49d4, #5b2294);
    background-image: linear-gradient(#8e49d4, #5b2294);
    border-color: #5b2294 #5b2294 hsl(270, 62%, 31%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-ifj:focus,
.btn-ifj:hover {
    background-position: 0 -15px;
}

.btn-sociedades {
    background-color: hsl(215, 69%, 36%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#4181dc", endColorstr="#1c519b");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#4181dc), to(#1c519b));
    background-image: -moz-linear-gradient(top, #4181dc, #1c519b);
    background-image: -ms-linear-gradient(top, #4181dc, #1c519b);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4181dc), color-stop(100%, #1c519b));
    background-image: -webkit-linear-gradient(top, #4181dc, #1c519b);
    background-image: -o-linear-gradient(top, #4181dc, #1c519b);
    background-image: linear-gradient(#4181dc, #1c519b);
    border-color: #1c519b #1c519b hsl(215, 69%, 31%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-sociedades:focus,
.btn-sociedades:hover {
    background-position: 0 -15px;
}

.btn-pizarra {
    background-color: hsl(0, 0%, 38%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#8e8e8e", endColorstr="#606060");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#8e8e8e), to(#606060));
    background-image: -moz-linear-gradient(top, #8e8e8e, #606060);
    background-image: -ms-linear-gradient(top, #8e8e8e, #606060);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8e8e8e), color-stop(100%, #606060));
    background-image: -webkit-linear-gradient(top, #8e8e8e, #606060);
    background-image: -o-linear-gradient(top, #8e8e8e, #606060);
    background-image: linear-gradient(#8e8e8e, #606060);
    border-color: #606060 #606060 hsl(0, 0%, 33.5%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.29);
    -webkit-font-smoothing: antialiased;
}

.btn-pizarra:focus,
.btn-pizarra:hover {
    background-position: 0 -15px;
}

.btn-dorado {
    background-color: hsl(41, 85%, 35%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#efb73d", endColorstr="#a5750d");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#efb73d), to(#a5750d));
    background-image: -moz-linear-gradient(top, #efb73d, #a5750d);
    background-image: -ms-linear-gradient(top, #efb73d, #a5750d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efb73d), color-stop(100%, #a5750d));
    background-image: -webkit-linear-gradient(top, #efb73d, #a5750d);
    background-image: -o-linear-gradient(top, #efb73d, #a5750d);
    background-image: linear-gradient(#efb73d, #a5750d);
    border-color: #a5750d #a5750d hsl(41, 85%, 29%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-dorado:focus,
.btn-dorado:hover {
    background-position: 0 -15px;
}

.btn-coral {
    background-color: hsl(350, 69%, 44%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ec97a5", endColorstr="#bd223c");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ec97a5), to(#bd223c));
    background-image: -moz-linear-gradient(top, #ec97a5, #bd223c);
    background-image: -ms-linear-gradient(top, #ec97a5, #bd223c);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec97a5), color-stop(100%, #bd223c));
    background-image: -webkit-linear-gradient(top, #ec97a5, #bd223c);
    background-image: -o-linear-gradient(top, #ec97a5, #bd223c);
    background-image: linear-gradient(#ec97a5, #bd223c);
    border-color: #bd223c #bd223c hsl(350, 69%, 36%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-coral:focus,
.btn-coral:hover {
    background-position: 0 -15px;
}

.btn-blanco {
    background-color: hsl(0, 0%, 53%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#c9c9c9", endColorstr="#868686");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#c9c9c9), to(#868686));
    background-image: -moz-linear-gradient(top, #c9c9c9, #868686);
    background-image: -ms-linear-gradient(top, #c9c9c9, #868686);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(100%, #868686));
    background-image: -webkit-linear-gradient(top, #c9c9c9, #868686);
    background-image: -o-linear-gradient(top, #c9c9c9, #868686);
    background-image: linear-gradient(#c9c9c9, #868686);
    border-color: #868686 #868686 hsl(0, 0%, 68.5%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-blanco:focus,
.btn-blanco:hover {
    background-position: 0 -15px;
}

#año {
    background-color: hsl(0, 0%, 31%) !important;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#828282", endColorstr="#4f4f4f");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#828282), to(#4f4f4f));
    background-image: -moz-linear-gradient(top, #828282, #4f4f4f);
    background-image: -ms-linear-gradient(top, #828282, #4f4f4f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828282), color-stop(100%, #4f4f4f));
    background-image: -webkit-linear-gradient(top, #828282, #4f4f4f);
    background-image: -o-linear-gradient(top, #828282, #4f4f4f);
    background-image: linear-gradient(#828282, #4f4f4f);
    border-color: #4f4f4f #4f4f4f hsl(0, 0%, 26%);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.texto-centrado {
    text-align: center;
}