/* defaults test */

html, body {
    height: auto;
    min-height: 100%
}

.off-canvas-wrapper, .off-canvas-wrapper-inner, .off-canvas {
    height: 100%;
}

a:focus {
    outline: 0;
}

a:link {
    text-decoration: none;
}

/* fonts */

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.f-osl {
    font-family: open_sanslight;
}

.f-osr {
    font-family: open_sansregular;
}

.f-ossb {
    font-family: open_sanssemibold;
}

.f-osb {
    font-family: open_sansbold;
}

body, body * {
    font-family: open_sansregular;
}

h3 {
    font-family: open_sanssemibold;
}


.fs-12r {
    font-size: 0.75rem
}

.fs-13r {
    font-size: 0.8125rem
}

.fs-14r {
    font-size: 0.875rem
}

.fs-15r {
    font-size: 0.9375rem
}

.fs-16r {
    font-size: 1rem
}

.fs-17r {
    font-size: 1.0625rem
}

.fs-18r {
    font-size: 1.125rem
}

.fs-20r {
    font-size: 1.25rem
}

.fs-22r {
    font-size: 1.375rem
}

.fs-24r {
    font-size: 1.5rem
}

.fs-25r {
    font-size: 1.5625rem
}

.fs-28r {
    font-size: 1.75rem
}

.fs-30r {
    font-size: 1.875rem
}

.fs-32r {
    font-size: 2rem
}

.fs-36r {
    font-size: 2.25rem
}

.fs-48r {
    font-size: 3rem
}

.fs-60r {
    font-size: 3.75rem
}

.fw-bold {
    font-weight: bold
}

.fw-normal {
    font-weight: normal
}

/* colores */

.bg-blanco {
    background-color: #FFFFFF
}

.bg-bordo-1 {
    background-color: #841327
}

.bg-bordo-2 {
    background-color: #8C2131
}

.bg-amarillo {
    background-color: #FFFF00
}

.bg-gris-1 {
    background-color: #EDF1F2
}

.bg-gris-2 {
    background-color: #808080
}

.bg-gris-3 {
    background-color: #EDEDED
}

.bg-gris-4 {
    background-color: #F7F7F7
}

.bg-gris-5 {
    background-color: #F3F3F3
}

.bg-gris-6 {
    background-color: #EBEBEB
}

.bg-gris-7 {
    background-color: #E5E5E5
}

.bg-gris-8 {
    background-color: #4A4A4C
}

.bg-gris-9 {
    background-color: #202125
}

.fg-blanco {
    color: #FFFFFF
}

.fg-morado {
    color: #841327
}

.fg-disabled {
    color: #A7A7A7
}

.fg-gris {
    color: #9b9b9b
}

.fg-gris-7 {
    color: #E5E5E5
}

.fg-gris-8 {
    color: #4A4A4C
}

.fg-negro {
    color: #000
}

a.fg-blanco {
    color: #FFFFFF
}

a.fg-blanco:hover {
    opacity: 0.8
}

a.fg-morado {
    color: #841327
}

a.fg-morado:hover {
    color: #C1394F
}

a.fg-negro {
    color: #000
}

a.fg-negro:hover {
    color: #841327
}

a.hoverlined {
    text-decoration: none
}

a.hoverlined:hover {
    text-decoration: underline
}

a.underlined {
    text-decoration: underline
}

.mv-16r {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mv-32r {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mv-48r {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mt-10r {
    margin-top: 0.625rem
}

.mt-32r {
    margin-top: 2rem
}

.mt-48r {
    margin-top: 3rem
}

.mb-16r {
    margin-bottom: 1rem
}

.mb-32r {
    margin-bottom: 2rem
}

.mb-48r {
    margin-bottom: 3rem
}

.mb-5 {
    margin-bottom: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-20 {
    margin-bottom: 20px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.m-0 {
    margin: 0
}

a.p-0 {
    padding: 0 !important;
}

.pv-16r {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pv-20r {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.pt-5 {
    padding-top: 5px
}

.pt-1r {
    padding-top: 1rem
}

.pb-1r {
    padding-bottom: 1rem
}

.p-1r {
    padding: 1rem
}

/* displaymode */

.d-ib {
    display: inline-block !important
}

.d-b {
    display: block !important
}

/* textdecoration */
.td-none {
    text-decoration: none
}

.td-underline {
    text-decoration: underline
}

.td-linethrough {
    text-decoration: line-through
}

/* texttransform */
.tt-uppercase {
    text-transform: uppercase
}

.tt-lowercase {
    text-transform: lowercase
}

/* verticalalign */
.va-middle {
    vertical-align: middle
}

/* line-height */
.lh-100 {
    line-height: 100%
}

.lh-110 {
    line-height: 110%
}

.lh-120 {
    line-height: 120%
}

.lh-130 {
    line-height: 130%
}

.lh-140 {
    line-height: 140%
}

.lh-150 {
    line-height: 150%
}

/* extras */

.truncate {
    /*width: 250px;*/
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 71.25em) {
    /*75*/
    .container {
        max-width: 71.25em;
    }

    /*75*/
}


/* responsive brand margin */
.responsive-brand-margin {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}


/* ids */
#prefooter {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#prefooter a {
    font-family: open_sansregular;
    display: block;
    font-size: 0.75rem;
    line-height: 135%;
    color: #FFFFFF;
    margin-bottom: 0.6rem;
}

#prefooter a:hover {
    color: #DDDDDD
}

#prefooter h6 {
    font-family: open_sanssemibold;
    color: #FFFFFF;
    font-size: 0.875;
}

#foot {
    font-family: open_sansregular;
    font-size: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* features */

.features {
    text-align: center;
}

.features .round-icon {
    background-color: #8C2131;
    border-radius: 50%;
    display: table;
    /* height: 100px; */
    height: 90px;
    /* margin: -61px auto 1rem; */
    margin: 2rem auto 0.5rem;
    /* width: 100px; */
    width: 90px;
    font-size: 3rem;
}

.features .round-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*
@media only screen and (max-width: 40em) {
    .features .columns {
        margin-bottom: 2rem; } }
*/
.features a {
    cursor: pointer;
    color: #000000;
}

.features a h6 {
    line-height: 115%;
    font-family: open_sansbold;
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
}

.features a:hover .round-icon {
    background-color: #C1394F;
}

/* event listing */

.event {
    padding: 1rem 1rem 1rem 1rem;
    position: relative;
    height: 75% !important;
    background-color: #EDF1F2
}

.event:hover {
    background-color: #efefef;
    color: #ff3e5b;
    /*cursor: pointer;*/
}

.event-a:hover {
    /*background-color: #efefef;*/
    color: #ff3e5b !important;
    text-decoration: none;

    /*cursor: pointer;*/
}


.event-date {
    padding-left: 13%;
    border: 5px !important;
    border-color: black;
    width: 6rem;
    margin: 0 auto 1rem;
    display: table-cell;
    width: auto;
    float: left;
    position: relative;
}

.event-date .event-month {

    margin: 0;
    padding: 0 1rem 0.4rem; /* 0.5 2rem*/
    text-align: center;
    /*background-color: #8C2131;*/
    color: #8C2131;
    font-family: open_sansbold;
    font-size: 1rem;
    text-transform: lowercase;
}

.event-date .event-day {
    margin: 0;
    padding: 0.4rem 1rem 0; /* 0 2rem */
    text-align: center;
    /*background-color: #8C2131;*/
    color: #8C2131;
    font-family: open_sansbold;
    font-size: medium;
}

.event-desc {
    padding: 0.8rem 0 0 0.8rem;
    text-align: left;
    display: table-cell;
    line-height: 130%;
    color: #8C2131;
    font-family: open_sansbold;
    font-size: 11px;
    /* -webkit-line-clamp: 1; */
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    width: 94%;
    float: left;
    position: relative;
}

/* left bordered alert boxes */

.alert-box {
    background: #f7f7f7;
    color: #333;
    border: none;
    border-left: 6px solid #008CBA;
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
}

.alert-box.success {
    background: #f7f7f7;
    color: #333;
}

.alert-box.alert {
    background: #f7f7f7;
    color: #333;
}

.alert-box.warning {
    background: #f7f7f7;
    color: #333;
}

.alert-box.info {
    background: #f7f7f7;
    color: #333;
}

.alert-box.small {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
}

.alert-box.small .close {
    font-size: 1.5rem;
}

.alert-box.large {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 2rem;
}

.alert-box.large .close {
    font-size: 3rem;
}

.alert-box .close {
    font-size: 2rem;
    line-height: 1.25rem;
}

/* cards */

.card {
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
    margin-bottom: 2rem;
    margin-right: auto;
    margin-left: auto;
}

.card .content {
    padding: 1rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px;
}

.card p {
    margin: 0;
}

.card p a {
    color: #841327;
    margin-right: 1.3rem;
    transition: color 0.3s ease;
    /* text-transform: uppercase; */
    text-decoration: none;
}

.card .image {
    text-align: center;
}

/* inm added */
.card .image img {
    border-radius: 2px 2px 0 0;
}

#cards-autoridades .card {
    max-width: 400px;
}

#cards-autoridades .card .card-nombre a {
    font-family: open_sansbold;
    font-size: 1.1875rem;
    color: #841327;
}

#cards-autoridades .card .card-cargo {
    font-family: open_sanssemibold;
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 0.6rem;
}

#cards-autoridades .card .card-email {
    font-size: 0.875rem;
    margin-bottom: 0.6rem;
}

#cards-autoridades .card .card-email a {
    color: #000;
}

#cards-autoridades .card .card-email a i {
    color: #841327;
}

#cards-autoridades .card .card-cv {
}

#cards-autoridades .card .card-cv a {
    font-family: open_sansbold;
    font-size: 1rem;
    color: #841327;
}

/* earboxes */

.earbox > div > a > div {
    background-color: #f7f7f7;
    margin-bottom: 10px;
    padding: 15px;
    text-align: center;
    line-height: 110%;
    font-family: open_sansregular;
    font-size: 0.8125rem;
    padding-bottom: 1rem;
}

.earbox > div > a > div > div {
    color: #222222;
}

.earbox > div > a > div > div:first-child {
    margin-left: -16px;
    margin-right: -15px;
    border-left: 1px #841327 solid;
    padding: 0 10px;
    color: #841327;
    line-height: 110%;
    margin-bottom: 10px;
    font-family: open_sanslight;
    font-size: 1.5rem;
}

/* resultados */

.resultado {
    padding: 0.8rem 0;
    border-top: 1px #eee solid;
    font-size: 0.875rem;
}

.resultados.notopborder .resultado:first-child {
    border-top: none;
}

/* bullets */

ul.bullet {
    list-style: none;
    padding: 0;
}

ul.bullet li {
    padding-left: 1.3em;
}

ul.bullet.bullet-circle-chevron-right li:before {
    color: #841327;
    content: "\f138";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.4em;
    width: 1.4em;
}

ul.bullet.bullet-circle-check li:before {
    color: #841327;
    content: "\f058";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 1.8em;
    vertical-align: middle;
}

ul.bullet.bullet-square li:before {
    color: #841327;
    content: "\f0c8";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.8em;
    width: 1.8em;
    font-size: 0.5em;
    vertical-align: middle;
}

ul.bullet.bullet-download li:before {
    color: #841327;
    content: "\f019";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.8em;
    width: 1.8em;
    vertical-align: middle;
}

ul.square {
    list-style-type: square;
}

/* accordions */
ul.accordion.accordion-home > li {
    background-color: #949599;
}

ul.accordion.accordion-home > li.is-active {
    background-color: #8C2131;
}

ul.accordion.accordion-home > li > a {
    color: white;
}

ul.accordion.accordion-home .accordion-title {
    font-family: open_sanssemibold;
    font-size: 1rem;
}

ul.accordion.accordion-home .accordion-title:hover {
    /*background-color: #C1394F;*/
    background-color: #8c2131;
}

ul.accordion.accordion-home .accordion-content {
    font-family: open_sansregular;
    font-size: 0.875rem;
    line-height: 125%;
}

/* menus */

ul.jb_landing li a {
    padding-top: 1.10rem;
    padding-bottom: 1.10rem;
    color: #000000;
    font-size: 0.8125rem;
    font-family: open_sansregular;
    line-height: 140%;
}

ul.jb_landing li.active {
    background-color: #CCCCCC;
}

ul.jb_landing li.active a {
    font-family: open_sansbold;
}

ul.jb_landing li:hover {
    background-color: #DDDDDD;
}

ul.menu-jb_main a {
    font-family: open_sansregular;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 140%;
}

ul.menu-jb_main > li > a {
    font-family: open_sansbold;
    /*font-size: 0.78rem;*/
    font-size: 12px;
    text-transform: uppercase;
}

ul.menu-jb_main li a {
    color: #8C2131;
}

ul.menu-jb_main li:hover {
    background-color: #8C2131;
}

ul.menu-jb_main li:hover > a {
    color: #FFFFFF;
}

ul.menu-jb_main a.nolink {
    opacity: 0.5;
}

ul.menu-jb_top.float-left li {
    font-size: 0.6875rem;
}

ul.menu-jb_top.float-right li {
    font-size: 0.875rem;
}

ul.menu-jb_top li a {
    color: #FFFFFF;
    padding: 0.5rem;
    display: inline-block;
    line-height: 1.3rem;
}

ul.menu-jb_top li span {
    padding: 0.5rem;
    display: inline-block;
}

ul.menu-jb_tree li {
    font-family: open_sansregular;
    font-size: 0.75rem;
}

ul.menu-jb_tree > li {
    font-size: 0.8125rem;
}

ul.menu-jb_tree > li.has-submenu > a {
    font-family: open_sansbold;
}

ul.menu-jb_tree li a {
    color: #000000;
}

ul.menu-jb_tree li a:focus {
    color: #8C2131;
}

ul.menu-jb_tree .menu-text {
    font-style: italic;
    font-weight: normal;
}

ul.menu-jb_tree li a:hover {
    text-decoration: underline;
    color: #8C2131;
}

.is-accordion-submenu-parent > a::after {
    border-color: #8C2131 transparent transparent;
}

.is-dropdown-submenu-parent.is-down-arrow > a::after {
    border-color: #8C2131 transparent transparent;
}

.is-dropdown-submenu-parent.is-left-arrow > a::after {
    border-color: transparent #8C2131 transparent transparent;
}

.is-dropdown-submenu-parent.is-right-arrow > a::after {
    border-color: transparent transparent transparent #8C2131;
}

/* horizontal ruler */

hr.bordo {
    border-bottom: 4px solid #8A2130;
}

hr.bordo.px1 {
    border-bottom: 1px solid #8A2130;
}

/* OVERWRITES */

.breadcrumbs {
    margin: 0.5rem 1rem;
}

.breadcrumbs a {
    color: #8C2131;
    font-family: open_sansregular;
}

.breadcrumbs li {
    color: #8C2131;
    text-transform: none;
    font-family: open_sansbold;
    font-size: 0.875rem;
}

.breadcrumbs li:not(:last-child)::after {
    content: ">";
    color: white;
}

.breadcrumbs.blanco a {
    color: #FFF;
}

.breadcrumbs.blanco li {
    color: #FFF;
}

.breadcrumbs.blanco li:not(:last-child)::after {
    color: #FFF;
}

.switch {
    margin-bottom: 0;
}

/* font awesome */

.fa-xlg {
    font-size: 1.7rem;
}

/* media objects */
.media-objects .media-object {
    border-bottom: 1px #E2E2E2 solid;
}

.media-objects .media-object:last-child {
    border-bottom: none;
}

.media-object h6 {
    font-family: open_sansbold;
    color: #8C2131;
    margin: 0;
    font-size: 0.75rem;
}

.media-object p {
    font-family: open_sanssemibold;
    font-size: 0.875rem;
    line-height: 130%;
}

.thumbnail-2 {
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.thumbnail-2:hover, .thumbnail-2:focus {
    box-shadow: 0 0 6px 1px rgba(140, 33, 49, 0.5);
}

/* buttons */

.button.blanco {
    background-color: #ffffff;
    color: #000;
}

.button.blanco:hover, .button.blanco:focus {
    background-color: #ededed;
    color: #000;
}

.button.morado {
    background-color: #8C2131;
    color: #fff;
}

.button.morado:hover, .button.morado:focus {
    background-color: #C1394F;
    color: #fff;
}

.button.gris {
    background-color: #efefef;
    color: #8C2131;
}

.button.gris:hover, .button.gris:focus {
    background-color: #e0e0e0;
    color: #8C2131;
}

/* search index */
#search-index {
    padding: 0.625rem 0;
}

#search-index a {
    font-family: open_sansbold;
    font-size: 1rem;
    color: #8C2131;
}

#search-index span {
    font-family: open_sansbold;
    font-size: 1rem;
    color: #A7A7A7;
}

#search-switches label {
    font-size: 0.8125rem;
    line-height: 135%;
}

#search-switches tbody {
    border: none;
    background-color: transparent;
}

#search-switches tbody tr:nth-child(even) {
    background-color: transparent;
}

/* quote */
.quote {
    margin: 1rem 0 2rem;
    padding: 0 1rem;
    border-left: 3px #8C2131 solid;
}

/* shadows */
.shadow-1 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
}

/* bottom-border */
.bottom-border-3p {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 3px #8C2131 solid;
}

/* pagination */
.pagination-previous, .pagination-next {
    font-style: italic;
}

.pagination .current {
    background: #8C2131;
}

/* off canvas */
.off-canvas {
    background-color: #C1394F;
}

#jb_offcanvasmenu li a {
    color: #8C2131;
}

#jb_offcanvasmenu > li > a {
    color: #fff;
}

#jb_offcanvasmenu li.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #8C2131;
}

#jb_offcanvasmenu > li.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #fff;
}

#jb_offcanvasmenu li.js-drilldown-back > a::before {
    border-color: transparent #8C2131 transparent transparent;
}

.jb_brandmenu > li > a {
    padding: 0.7rem 0rem;
}


/* template styles */
.cke-body h1, .cke-body h2, .cke-body h3, .cke-body strong, .cke-body b {
    color: #8C2131;
}

.cke-body h3 {
    font-family: open_sansbold;
    font-size: 1.25rem;
}

.cke-body ul {
    list-style: none;
    padding: 0;
}

.cke-body ul li {
    padding-left: 1.3em;
    line-height: 130%;
    padding-bottom: 1.2em;
}

.cke-body ul li:before {
    color: #841327;
    content: "\f058";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 1.8em;
    vertical-align: middle;
}

.cke-body a {
    color: #8C2131;
}

/* clean */
.cke-body-clean h1, .cke-body-clean h2, .cke-body-clean h3, .cke-body-clean strong, .cke-body-clean b {
    color: #8C2131;
}

.cke-body-clean h3 {
    font-family: open_sansbold;
    font-size: 1.25rem;
}

.cke-body-clean a {
    color: #8C2131;
}

/* redes sociales */
ul.social {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.social li {
    display: inline-block;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    float: left;
}

ul.social li a {
    color: #FFFFFF;
    display: inline-block;
    padding: 2px 35px 2px 5px;
}

ul.social li.text {
    color: #000000;
    padding: 4px 24px 4px 0;
}

ul.social li.fb {
    background-color: #3B5A93;
}

ul.social li.tw {
    background-color: #07ADE9;
}

ul.social li.gp {
    background-color: #D44032;
}

ul.social li.in {
    background-color: #0177B5;
}

ul.social li.em {
    background-color: #666666;
}

/* label tuning */
.label.mini {
    border-radius: 8px;
    padding: 3px 6px;
}


/* NUEVO LOGO EN ACORDEON */
.accordion-title .fa-comments-o:before {
    color: transparent !important;
    background-size: 27px 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AoUEA4drviLbAAAAohJREFUSMft1c2P31MUBvDPmZlq+q5GVaqT1gjqLSKVURqasCqphKCESIiNSCyaWrC0ECQWrZB4XfAH2LAYQUgTNhZWImniJSoiqWg06m1mHgvnl3wJpVG7eTbne8+933Puec5z72URizgekuwffO9I8uBx1t6e5Jq2Y+2rJCuS3PlPucawfDD+GvcmWZZkVZItScaSbEwyju3Ygj3YlGQtprEEB5NMJ7kqydIkm9uuSXLuKFkGyX7CYdyIK/EYrsPzmOq5OXyM03E1nsZG7MZdWN/rr8B9eBG7RsmG+BXL8HlXcQYW8Cmuxfk4q9lY3sHG278WK5udw+2bxdu4Y9SHF9qekuSWJM/0eG1TJ8nUwHfaoIer2p6aZHLUw7ab2q4exRlWVpiuqgeS7MFUVc0nOYCboKq+wzlJbu3x0SRjVXWkqr7toGM990UnPlpV839IVlU/V9WTSZbgKezsqU+a2hEWMD/4b2HwPd8bnOlxMDGqeOIvFLob1+MNPNEbmknyCh7FpZhsCvdgEs/hZXyPd/Fwkgu7p3NJVlfV3omRGpNU7+RmvNe+6a5kFkfwKl5qxe3rCr9qFc9UVXVVO7EC91fVuvyO/WNYOio5yTYcqap9eB+PtNouw9k40Ik2t/wvwpsdeCSOOWzrKtck2Ypj+HICKwZVLekzAg81RZ/hPByrqtkkO/BBVb2T5GCv+QY3YB0+wt2DI3F5Cy+SXNKK+98xOhMX49mmZoiVuAfzVbWQZBduww8nmGcCh+pPF+2ZTWXwY1Ozoaoe7/nXW4G/dG9OBAv/5lV4q+36JLPDW+JkPz9bk+xNsj3JoSTr/0u8ib9JMt79/BCvYQMu6OtppNxFLOLk4jct5mepL7XoJAAAAABJRU5ErkJggg==);
}

#visorpdf canvas {
    border: solid 1px #ccc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    margin: 7px;
    /*width: 98% !important;*/
}


.titledocument {
    color: black;
}

a.titledocument:hover {
    color: gray;
}

#visorpdf {
    height: 1024px;
    overflow-y: scroll;
}

a .fi-download {
    font-size: 20px;
}

.btn_descargar {
    margin-bottom: 0px;
    border-radius: 0px !important;
}

.downloadHeader {

}

.cabezal_archivo {
    min-height: 70px;
    /*background: #EBEBEB;*/
    margin-bottom: 15px;
    padding: 15px;
    overflow: auto;
    padding: 10px 30px;

}

.caja_descarga {
    /*border-bottom:2px solid #8c2131;*/
    min-height: 70px;
}

.archivo_description {
    border-top: 2px solid #8c2131;
    padding-top: 10px;
}

.caja_descarga h4 {
    color: #8C2131;
    width: 85%;
    float: left;

}

.caja_descarga a {
    width: 80%;
}

/** base documental **/
.hojaHeader {
    padding: 20px 30px;
    color: #8B2030;
}

.hojaHeader > h4 > span {
    margin-left: 15px;
}

.hojaHeader > h4 > i {
    font-size: 22px;
    margin-left: 5px;
}

.hojaHeader > h4 {
    border-bottom: 2px solid #8B2030;
    padding-bottom: 25px;
}

.new-top {
    background: #868686;
    padding-top: 0.48rem;
    padding-left: 20px;
    padding-bottom: 0.45rem;
    font-size: 0.8125rem;
    font-family: open_sansregular;
    line-height: 140%;
}

.breadcrumbs.new-top-breadcrumbs a, .breadcrumbs.new-top-breadcrumbs li {
    color: white;
}

.list.folders {
    margin-left: 0px !important;
}

.folders {
    padding: 45px;
    padding-top: 30px;
}

.list.files {
    margin-left: 0px !important;
}

.files {
    padding: 0 35px;
}

.divpagination {
    width: 100%;
    text-align: center;
}

.folder-item {
    padding: 12px;
    padding-left: 10px;
    padding-bottom: 11px;
    list-style: none !important;
}

.folder-item > i {
    font-size: 24px;
    color: #464646;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.folder-item:hover a, .folder-item:hover i {
    color: #8B2030;
}

.folder-item > span {
    padding-left: 5px;
    cursor: pointer;
}

.folder-item > span > a {
    color: #464646;
    text-decoration: none;
}

.folder-item:nth-child(odd) {
    background: #F7F7F7;
}

.folder-item:nth-child(even) {
    background: white;
}

.files-item {
    padding: 15px;
    padding-left: 10px;
    padding-bottom: 15px;
    list-style: none;
}

.file-item-link {
    color: #5B5B5B;
    font-weight: 600;
    font-size: 14px;
}

.files-item > i {
    font-size: 24px;
    color: #464646;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.file-item-link, .file-item-link:hover {
    text-decoration: none;
    color: #5B5B5B;
}

.files-item > span {
    padding-left: 5px;
    cursor: pointer;
}

.files-item > span > a {
    color: #464646;
    text-decoration: none;
}

.files-item:nth-child(even) {
    background: #F7F7F7;
}

.files-item:nth-child(odd) {
    background: white;
}

/** base documental **/


/** ACTIVIDADES **/
.actividades {
    padding: 20px;
}

.aviso {
    padding: 20px;
    padding-bottom: 15px;
    min-height: 60px;
}

.aviso:hover {
    background: #F7F7F7;
}

.aviso > a, .aviso > a:hover {
    text-decoration: none;
}

.aviso > a > .fecha, .areanota > .fecha {
    color: #848484;
    font-size: 0.875rem;
    font-weight: 600;
}

.aviso > a > h3, .areanota > h2 {
    font-size: 1rem;
    color: #141414;
    font-weight: 900;
}

.areanota > h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.aviso > a > hr {
    border: 2px solid #F6F6F6;
}

.volver-actividades > a, .volver-actividades > a:hover {
    float: right;
    position: relative;
    top: -28px;
    right: 30px;
    color: white;
    font-size: 0.875rem;
    font-family: open_sansbold;

}

.areanota {
    padding: 20px;
    padding-top: 10px;
}

.areanota > hr {
    border: 2px solid #F6F6F6;
}

.area-nota-cuerpo {
    padding-bottom: 15px;
}

.area-nota-cuerpo > p {
    padding-top: 5px;
    padding-bottom: 10px;
}

.area-nota-cuerpo > img {
    width: 100%;
}

/** ACTIVIDADES **/

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .fg-blanco.f-ossb.fs-25r.shadow-1 {
        font-size: 0.9rem;
    }

    .fg-blanco.f-osb.fs-36r.shadow-1 {
        font-size: 1.4rem;
        margin-top: 9px;
    }

    #visorpdf canvas {
        width: 95% !important;
    }
    visor-wp {
        padding: 0px !important;
    }

    .container.copete-landing {
        padding: 0.7rem 0.7rem !important;
    }
}



/* defaults test */

html, body {
    height: auto;
    min-height: 100%
}

.off-canvas-wrapper, .off-canvas-wrapper-inner, .off-canvas
{
    height: 100%;
}

a:focus {
    outline: 0;
}

a:link
{
 text-decoration:none;
}

/* fonts */

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.f-osl {
    font-family: open_sanslight;
}
.f-osr {
    font-family: open_sansregular;
}
.f-ossb {
    font-family: open_sanssemibold;
}
.f-osb {
    font-family: open_sansbold;
}

body, body * {
    font-family: open_sansregular;
}
h3 {
    font-family: open_sanssemibold;
}


.fs-12r { font-size: 0.75rem }
.fs-13r { font-size: 0.8125rem }
.fs-14r { font-size: 0.875rem }
.fs-15r { font-size: 0.9375rem }
.fs-16r { font-size: 1rem }
.fs-17r { font-size: 1.0625rem }
.fs-18r { font-size: 1.125rem }
.fs-20r { font-size: 1.25rem }
.fs-22r { font-size: 1.375rem }
.fs-24r { font-size: 1.5rem }
.fs-25r { font-size: 1.5625rem }
.fs-28r { font-size: 1.75rem }
.fs-30r { font-size: 1.875rem }
.fs-32r { font-size: 2rem }
.fs-36r { font-size: 2.25rem }
.fs-48r { font-size: 3rem }
.fs-60r { font-size: 3.75rem }

.fw-bold { font-weight: bold }
.fw-normal { font-weight: normal }

/* colores */

.bg-blanco   { background-color: #FFFFFF }
.bg-bordo-1  { background-color: #841327 }
.bg-bordo-2  { background-color: #8C2131 }
.bg-amarillo { background-color: #FFFF00 }
.bg-gris-1   { background-color: #EDF1F2 }
.bg-gris-2   { background-color: #808080 }
.bg-gris-3   { background-color: #EDEDED }
.bg-gris-4   { background-color: #F7F7F7 }
.bg-gris-5   { background-color: #F3F3F3 }
.bg-gris-6   { background-color: #EBEBEB }
.bg-gris-7   { background-color: #E5E5E5 }
.bg-gris-8   { background-color: #4A4A4C }
.bg-gris-9   { background-color: #202125 }

.fg-blanco { color: #FFFFFF }
.fg-morado { color: #841327 }
.fg-disabled { color: #A7A7A7 }
.fg-gris { color: #9b9b9b }
.fg-gris-7 { color: #E5E5E5 }
.fg-gris-8 { color: #4A4A4C }
.fg-negro { color: #000 }

a.fg-blanco { color: #FFFFFF }
a.fg-blanco:hover { opacity: 0.8 }

a.fg-morado { color: #841327 }
a.fg-morado:hover { color: #C1394F }

a.fg-negro { color: #000 }
a.fg-negro:hover { color: #841327 }

a.hoverlined { text-decoration: none }
a.hoverlined:hover { text-decoration: underline }

a.underlined { text-decoration: underline }

.mv-16r { margin-top: 1rem; margin-bottom: 1rem }
.mv-32r { margin-top: 2rem; margin-bottom: 2rem }
.mv-48r { margin-top: 3rem; margin-bottom: 3rem }

.mt-10r { margin-top: 0.625rem }
.mt-32r { margin-top: 2rem }
.mt-48r { margin-top: 3rem }

.mb-16r { margin-bottom: 1rem }
.mb-32r { margin-bottom: 2rem }
.mb-48r { margin-bottom: 3rem }

.mb-5 { margin-bottom: 8px }
.mb-8 { margin-bottom: 8px }
.mb-10 { margin-bottom: 10px }
.mb-12 { margin-bottom: 12px }
.mb-16 { margin-bottom: 16px }
.mb-20 { margin-bottom: 20px }

.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-20 { margin-right: 20px }

.ml-5 { margin-left: 5px }
.ml-10 { margin-left: 10px }
.ml-20 { margin-left: 20px }

.m-0 { margin: 0 }

a.p-0 { padding: 0 !important; }

.pv-16r { padding-top: 1rem; padding-bottom: 1rem }
.pv-20r { padding-top: 1.25rem; padding-bottom: 1.25rem }

.pt-5 { padding-top: 5px }
.pt-1r { padding-top: 1rem }

.pb-1r { padding-bottom: 1rem }

.p-1r { padding: 1rem }

/* displaymode */

.d-ib { display: inline-block !important }
.d-b  { display: block !important }

/* textdecoration */
.td-none { text-decoration: none }
.td-underline { text-decoration: underline }
.td-linethrough { text-decoration: line-through }

/* texttransform */
.tt-uppercase { text-transform: uppercase }
.tt-lowercase { text-transform: lowercase }

/* verticalalign */
.va-middle { vertical-align: middle }

/* line-height */
.lh-100 { line-height: 100% }
.lh-110 { line-height: 110% }
.lh-120 { line-height: 120% }
.lh-130 { line-height: 130% }
.lh-140 { line-height: 140% }
.lh-150 { line-height: 150% }

/* extras */

.truncate {
    /*width: 250px;*/
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 71.25em) { /*75*/
    .container { max-width: 71.25em; } /*75*/
}


/* responsive brand margin */
.responsive-brand-margin {
    padding-top: 1.25rem; padding-bottom: 1.25rem
}


/* ids */
#prefooter {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#prefooter a {
    font-family: open_sansregular;
    display: block;
    font-size: 0.75rem;
    line-height: 135%;
    color: #FFFFFF;
    margin-bottom: 0.6rem;
}
#prefooter a:hover {
    color: #DDDDDD
}
#prefooter h6 {
    font-family: open_sanssemibold;
    color: #FFFFFF;
    font-size: 0.875;
}

#foot {
    font-family: open_sansregular;
    font-size: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* features */

.features {
    text-align: center; }
.features .round-icon {
    background-color: #8C2131;
    border-radius: 50%;
    display: table;
    /* height: 100px; */
    height: 90px;
    /* margin: -61px auto 1rem; */
    margin: 2rem auto 0.5rem;
    /* width: 100px; */
    width: 90px;
    font-size: 3rem; }
.features .round-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
/*
@media only screen and (max-width: 40em) {
    .features .columns {
        margin-bottom: 2rem; } }
*/
.features a {
    cursor: pointer;
    color: #000000;
}
.features a h6 {
    line-height: 115%;
    font-family: open_sansbold;
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
}
.features a:hover .round-icon {
    background-color: #C1394F;
}

/* event listing */

.event {
    padding: 1rem 1rem 1rem 1rem;
    position: relative;
    height: 75% !important;
    background-color:#EDF1F2
}

.event:hover {
    background-color: #efefef;
    color: #ff3e5b;
    /*cursor: pointer;*/
}
.event-a:hover {
    /*background-color: #efefef;*/
    color: #ff3e5b !important;
    text-decoration: none;

    /*cursor: pointer;*/
}


.event-date {
    padding-left: 13%;
    border: 5px !important;
    border-color: black;
    width: 6rem;
    margin: 0 auto 1rem;
    display: table-cell;
    width: auto;
    float: left;
    position: relative;
}
.event-date .event-month {

    margin: 0;
    padding: 0 1rem 0.4rem; /* 0.5 2rem*/
    text-align: center;
    /*background-color: #8C2131;*/
    color: #8C2131;
    font-family: open_sansbold;
    font-size: 1rem;
    text-transform: lowercase;
}
.event-date .event-day {
    margin: 0;
    padding: 0.4rem 1rem 0; /* 0 2rem */
    text-align: center;
    /*background-color: #8C2131;*/
    color: #8C2131;
    font-family:open_sansbold;
    font-size: medium;
}
.event-desc {
    padding: 0.8rem 0 0 0.8rem;
    text-align: left;
    display: table-cell;
    line-height: 130%;
    color: #8C2131;
    font-family: open_sansbold;
    font-size: 11px;
    /* -webkit-line-clamp: 1; */
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    width: 94%;
    float: left;
    position: relative;
}

/* left bordered alert boxes */

.alert-box {
    background: #f7f7f7;
    color: #333;
    border: none;
    border-left: 6px solid #008CBA;
    box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2); }
.alert-box.success {
    background: #f7f7f7;
    color: #333; }
.alert-box.alert {
    background: #f7f7f7;
    color: #333; }
.alert-box.warning {
    background: #f7f7f7;
    color: #333; }
.alert-box.info {
    background: #f7f7f7;
    color: #333; }
.alert-box.small {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem; }
.alert-box.small .close {
    font-size: 1.5rem; }
.alert-box.large {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 2rem; }
.alert-box.large .close {
    font-size: 3rem; }
.alert-box .close {
    font-size: 2rem;
    line-height: 1.25rem; }

/* cards */

.card {
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #272727;
    border-radius: 2px;
    margin-bottom: 2rem;
    margin-right: auto;
    margin-left: auto;
}
.card .content {
    padding: 1rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px; }
.card p {
    margin: 0; }
.card p a {
    color: #841327;
    margin-right: 1.3rem;
    transition: color 0.3s ease;
    /* text-transform: uppercase; */
    text-decoration: none; }
.card .image {
    text-align: center; } /* inm added */
.card .image img {
    border-radius: 2px 2px 0 0; }

#cards-autoridades .card {
    max-width: 400px;
}
#cards-autoridades .card .card-nombre a {
    font-family: open_sansbold;
    font-size: 1.1875rem;
    color: #841327;
}
#cards-autoridades .card .card-cargo {
    font-family: open_sanssemibold;
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 0.6rem;
}
#cards-autoridades .card .card-email {
    font-size: 0.875rem;
    margin-bottom: 0.6rem;
}
#cards-autoridades .card .card-email a {
    color: #000;
}
#cards-autoridades .card .card-email a i {
    color: #841327;
}
#cards-autoridades .card .card-cv {
}
#cards-autoridades .card .card-cv a {
    font-family: open_sansbold;
    font-size: 1rem;
    color: #841327;
}

/* earboxes */

.earbox > div > a > div {
    background-color: #f7f7f7;
    margin-bottom: 10px;
    padding: 15px;
    text-align: center;
    line-height: 110%;
    font-family: open_sansregular;
    font-size: 0.8125rem;
    padding-bottom: 1rem;
}
.earbox > div > a > div > div {
    color: #222222;
}
.earbox > div > a > div > div:first-child {
    margin-left: -16px;
    margin-right: -15px;
    border-left: 1px #841327 solid;
    padding: 0 10px;
    color: #841327;
    line-height: 110%;
    margin-bottom: 10px;
    font-family: open_sanslight;
    font-size: 1.5rem;
}

/* resultados */

.resultado {
    padding: 0.8rem 0;
    border-top: 1px #eee solid;
    font-size: 0.875rem;
}
.resultados.notopborder .resultado:first-child {
    border-top: none;
}

/* bullets */

ul.bullet {
    list-style: none;
    padding: 0;
}
ul.bullet li {
    padding-left: 1.3em;
}

ul.bullet.bullet-circle-chevron-right li:before {
    color: #841327;
    content: "\f138";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.4em;
    width: 1.4em;
}
ul.bullet.bullet-circle-check li:before {
    color: #841327;
    content: "\f058";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 1.8em;
    vertical-align: middle;
}
ul.bullet.bullet-square li:before {
    color: #841327;
    content: "\f0c8";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.8em;
    width: 1.8em;
    font-size: 0.5em;
    vertical-align: middle;
}
ul.bullet.bullet-download li:before {
    color: #841327;
    content: "\f019";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.8em;
    width: 1.8em;
    vertical-align: middle;
}

ul.square {
    list-style-type: square;
}

/* accordions */
ul.accordion.accordion-home > li {
    background-color: #949599;
}
ul.accordion.accordion-home > li.is-active {
    background-color: #8C2131;
}
ul.accordion.accordion-home > li > a {
    color: white;
}
ul.accordion.accordion-home .accordion-title {
    font-family: open_sanssemibold;
    font-size: 1rem;
}
ul.accordion.accordion-home .accordion-title:hover {
    /*background-color: #C1394F;*/
    background-color: #8c2131;
}
ul.accordion.accordion-home .accordion-content {
    font-family: open_sansregular;
    font-size: 0.875rem;
    line-height: 125%;
}

/* menus */

ul.jb_landing li a {
    padding-top: 1.10rem;
    padding-bottom: 1.10rem;
    color: #000000;
    font-size: 0.8125rem;
    font-family: open_sansregular;
    line-height: 140%;
}
ul.jb_landing li.active {
    background-color: #CCCCCC;
}
ul.jb_landing li.active a {
    font-family: open_sansbold;
}
ul.jb_landing li:hover {
    background-color: #DDDDDD;
}

ul.menu-jb_main a {
    font-family: open_sansregular;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 140%;
}
ul.menu-jb_main > li > a {
    font-family: open_sansbold;
    /*font-size: 0.78rem;*/
    font-size:12px;
    text-transform: uppercase;
}
ul.menu-jb_main li a {
    color: #8C2131;
}
ul.menu-jb_main li:hover {
    background-color: #8C2131;
}
ul.menu-jb_main li:hover > a {
    color: #FFFFFF;
}
ul.menu-jb_main a.nolink {
    opacity: 0.5;
}

ul.menu-jb_top.float-left li {
    font-size: 0.6875rem;
}
ul.menu-jb_top.float-right li {
    font-size: 0.875rem;
}
ul.menu-jb_top li a {
    color: #FFFFFF;
    padding: 0.5rem;
    display: inline-block;
    line-height: 1.3rem;
}
ul.menu-jb_top li span {
    padding:0.5rem;
    display: inline-block;
}

ul.menu-jb_tree li {
    font-family: open_sansregular;
    font-size: 0.75rem;
}
ul.menu-jb_tree > li {
    font-size: 0.8125rem;
}
ul.menu-jb_tree > li.has-submenu > a {
    font-family: open_sansbold;
}
ul.menu-jb_tree li a {
    color: #000000;
}
ul.menu-jb_tree li a:focus {
    color: #8C2131;
}
ul.menu-jb_tree .menu-text {
    font-style: italic;
    font-weight: normal;
}
ul.menu-jb_tree li a:hover {
    text-decoration: underline;
    color: #8C2131;
}

.is-accordion-submenu-parent > a::after { border-color: #8C2131 transparent transparent; }

.is-dropdown-submenu-parent.is-down-arrow > a::after { border-color: #8C2131 transparent transparent; }
.is-dropdown-submenu-parent.is-left-arrow > a::after { border-color: transparent #8C2131 transparent transparent; }
.is-dropdown-submenu-parent.is-right-arrow > a::after { border-color: transparent transparent transparent #8C2131; }

/* horizontal ruler */

hr.bordo {
    border-bottom: 4px solid #8A2130;
}
hr.bordo.px1 {
    border-bottom: 1px solid #8A2130;
}

/* OVERWRITES */

.breadcrumbs {
    margin: 0.5rem 1rem;
}
.breadcrumbs a {
    color: #8C2131;
    font-family: open_sansregular;
}
.breadcrumbs li {
    color: #8C2131;
    text-transform: none;
    font-family: open_sansbold;
    font-size: 0.875rem;
}
.breadcrumbs li:not(:last-child)::after {
    content: ">";
    color: white;
}

.breadcrumbs.blanco a {
    color: #FFF;
}
.breadcrumbs.blanco li {
    color: #FFF;
}
.breadcrumbs.blanco li:not(:last-child)::after {
    color: #FFF;
}

.switch {
    margin-bottom: 0;
}

/* font awesome */

.fa-xlg {
    font-size: 1.7rem;
}

/* media objects */
.media-objects .media-object {
    border-bottom: 1px #E2E2E2 solid;
}
.media-objects .media-object:last-child {
    border-bottom: none;
}

.media-object h6 {
    font-family: open_sansbold;
    color: #8C2131;
    margin: 0;
    font-size: 0.75rem;
}
.media-object p {
    font-family: open_sanssemibold;
    font-size: 0.875rem;
    line-height: 130%;
}

.thumbnail-2 {
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;
    border-radius: 3px;
    margin-bottom: 1rem;
}
.thumbnail-2:hover, .thumbnail-2:focus {
    box-shadow: 0 0 6px 1px rgba(140, 33, 49, 0.5);
}

/* buttons */

.button.blanco {
    background-color: #ffffff;
    color: #000;
}
.button.blanco:hover, .button.blanco:focus
{
    background-color: #ededed;
    color: #000;
}

.button.morado {
    background-color: #8C2131;
    color: #fff;
}
.button.morado:hover, .button.morado:focus
{
    background-color: #C1394F;
    color: #fff;
}

.button.gris {
    background-color: #efefef;
    color: #8C2131;
}
.button.gris:hover, .button.gris:focus {
    background-color: #e0e0e0;
    color: #8C2131;
}

/* search index */
#search-index {
    padding: 0.625rem 0;
}
#search-index a {
    font-family: open_sansbold;
    font-size: 1rem;
    color: #8C2131;
}
#search-index span {
    font-family: open_sansbold;
    font-size: 1rem;
    color: #A7A7A7;
}

#search-switches label {
    font-size: 0.8125rem;
    line-height: 135%;
}
#search-switches tbody {
    border: none;
    background-color: transparent;
}
#search-switches tbody tr:nth-child(even) {
    background-color: transparent;
}

/* quote */
.quote {
    margin: 1rem 0 2rem;
    padding: 0 1rem;
    border-left: 3px #8C2131 solid;
}

/* shadows */
.shadow-1 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }

/* bottom-border */
.bottom-border-3p {
    display: inline-block; padding-bottom: 3px; border-bottom: 3px #8C2131 solid;
}

/* pagination */
.pagination-previous, .pagination-next {
    font-style: italic;
}
.pagination .current {
    background: #8C2131;
}

/* off canvas */
.off-canvas {
    background-color: #C1394F;
}
#jb_offcanvasmenu li a {
    color: #8C2131;
}
#jb_offcanvasmenu > li > a {
    color: #fff;
}
#jb_offcanvasmenu li.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #8C2131;
}
#jb_offcanvasmenu > li.is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #fff;
}
#jb_offcanvasmenu li.js-drilldown-back > a::before {
    border-color: transparent #8C2131 transparent transparent;
}

.jb_brandmenu > li > a {
    padding: 0.7rem 0rem;
}


/* template styles */
.cke-body h1, .cke-body h2, .cke-body h3, .cke-body strong, .cke-body b {
    color: #8C2131;
}
.cke-body h3 {
    font-family: open_sansbold;
    font-size: 1.25rem;
}
.cke-body ul {
    list-style: none;
    padding: 0;
}
.cke-body ul li {
    padding-left: 1.3em;
    line-height: 130%;
    padding-bottom: 1.2em;
}
.cke-body ul li:before {
    color: #841327;
    content: "\f058";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 1.8em;
    vertical-align: middle;
}
.cke-body a {
    color: #8C2131;
}

/* clean */
.cke-body-clean h1, .cke-body-clean h2, .cke-body-clean h3, .cke-body-clean strong, .cke-body-clean b {
    color: #8C2131;
}
.cke-body-clean h3 {
    font-family: open_sansbold;
    font-size: 1.25rem;
}
.cke-body-clean a {
    color: #8C2131;
}

/* redes sociales */
ul.social { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
ul.social li { display: inline-block; color: #FFFFFF; margin: 0; padding: 0; float: left; }
ul.social li a { color: #FFFFFF; display: inline-block; padding: 2px 35px 2px 5px; }
ul.social li.text { color: #000000; padding: 4px 24px 4px 0; }
ul.social li.fb { background-color: #3B5A93; }
ul.social li.tw { background-color: #07ADE9; }
ul.social li.gp { background-color: #D44032; }
ul.social li.in { background-color: #0177B5; }
ul.social li.em { background-color: #666666; }

/* label tuning */
.label.mini {
    border-radius: 8px;
    padding: 3px 6px;
}


/* NUEVO LOGO EN ACORDEON */
.accordion-title .fa-comments-o:before {
  color: transparent !important;
  background-size: 27px 27px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AoUEA4drviLbAAAAohJREFUSMft1c2P31MUBvDPmZlq+q5GVaqT1gjqLSKVURqasCqphKCESIiNSCyaWrC0ECQWrZB4XfAH2LAYQUgTNhZWImniJSoiqWg06m1mHgvnl3wJpVG7eTbne8+933Puec5z72URizgekuwffO9I8uBx1t6e5Jq2Y+2rJCuS3PlPucawfDD+GvcmWZZkVZItScaSbEwyju3Ygj3YlGQtprEEB5NMJ7kqydIkm9uuSXLuKFkGyX7CYdyIK/EYrsPzmOq5OXyM03E1nsZG7MZdWN/rr8B9eBG7RsmG+BXL8HlXcQYW8Cmuxfk4q9lY3sHG278WK5udw+2bxdu4Y9SHF9qekuSWJM/0eG1TJ8nUwHfaoIer2p6aZHLUw7ab2q4exRlWVpiuqgeS7MFUVc0nOYCboKq+wzlJbu3x0SRjVXWkqr7toGM990UnPlpV839IVlU/V9WTSZbgKezsqU+a2hEWMD/4b2HwPd8bnOlxMDGqeOIvFLob1+MNPNEbmknyCh7FpZhsCvdgEs/hZXyPd/Fwkgu7p3NJVlfV3omRGpNU7+RmvNe+6a5kFkfwKl5qxe3rCr9qFc9UVXVVO7EC91fVuvyO/WNYOio5yTYcqap9eB+PtNouw9k40Ik2t/wvwpsdeCSOOWzrKtck2Ypj+HICKwZVLekzAg81RZ/hPByrqtkkO/BBVb2T5GCv+QY3YB0+wt2DI3F5Cy+SXNKK+98xOhMX49mmZoiVuAfzVbWQZBduww8nmGcCh+pPF+2ZTWXwY1Ozoaoe7/nXW4G/dG9OBAv/5lV4q+36JLPDW+JkPz9bk+xNsj3JoSTr/0u8ib9JMt79/BCvYQMu6OtppNxFLOLk4jct5mepL7XoJAAAAABJRU5ErkJggg==);
}

 #visorpdf canvas {
                    border: solid 1px #ccc;
                    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
                    margin: 7px;
                    /*width: 98% !important;*/
                }


.titledocument {
    color: black;
}

a.titledocument:hover {
    color: gray;
}

#visorpdf{
    height: 1024px;
    overflow-y: scroll;
}

a .fi-download{
    font-size: 20px;
}

.btn_descargar{
    margin-bottom: 0px;
    border-radius: 0px !important;
}
.downloadHeader {

}

.cabezal_archivo {
    min-height: 70px;
    /*background: #EBEBEB;*/
    margin-bottom: 15px;
    padding: 15px;
    overflow: auto;
    padding: 10px 30px;

}


/** base documental **/
.hojaHeader {
    padding: 20px 30px;
    color: #8B2030;
}

.hojaHeader > h4 > span {
    margin-left: 15px;
}

.hojaHeader > h4 > i {
    font-size: 22px;
    margin-left: 5px;
}

.hojaHeader > h4 {
    border-bottom:2px solid #8B2030;
    padding-bottom: 25px;
}

.new-top {
    background: #868686;
    padding-top: 0.48rem;
    padding-left: 20px;
    padding-bottom: 0.45rem;
    font-size: 0.8125rem;
    font-family: open_sansregular;
    line-height: 140%;
}
.breadcrumbs.new-top-breadcrumbs a, .breadcrumbs.new-top-breadcrumbs li {
    color: white;
}
.list.folders {
    margin-left: 0px !important;
}
.folders {
    padding: 45px;
    padding-top: 30px;
}
.list.files {
    margin-left: 0px !important;
}
.files {
    padding: 0 35px;
}

.divpagination {
 width: 100%;
 text-align:center;
}

.folder-item {
    padding: 12px;
    padding-left:10px;
    padding-bottom: 11px;
    list-style: none !important;
}
.folder-item > i {
    font-size:24px;
    color: #464646;
    position:relative;
    top:3px;
    cursor: pointer;
}
.folder-item:hover a,.folder-item:hover i {
    color: #8B2030;
}

.folder-item > span {
    padding-left:5px;
    cursor: pointer;
}
.folder-item > span > a {
    color: #464646;
    text-decoration: none;
}
.folder-item:nth-child(odd) {
    background: #F7F7F7;
}

.folder-item:nth-child(even) {
    background: white;
}

.files-item {
    padding: 15px;
    padding-left:10px;
    padding-bottom: 15px;
    list-style: none;
}
.file-item-link {
    color: #5B5B5B;
    font-weight: 600;
    font-size: 14px;
}

.file-item-description {
    font-size: 11px;
    padding-top: 10px;
    padding-left: 5px;
    max-height:80px;
    overflow-y: hidden;
}


.files-item > i {
    font-size:24px;
    color: #464646;
    position:relative;
    top:3px;
    cursor: pointer;
}
.file-item-link, .file-item-link:hover {
    text-decoration: none;
    color: #5B5B5B;
}

.files-item > span {
    padding-left:5px;
    cursor: pointer;
}
.files-item > span > a {
    color: #464646;
    text-decoration: none;
}
.files-item:nth-child(even) {
    background: #F7F7F7;
}

.files-item:nth-child(odd) {
    background: white;
}
/** base documental **/


/** ACTIVIDADES **/
.actividades {
    padding: 20px;
}
.aviso {
    padding:20px;
    padding-bottom:15px;
    min-height: 60px;
}

.aviso:hover {
    background: #F7F7F7;
}

.aviso > a, .aviso > a:hover {
     text-decoration: none;
}
.aviso > a > .fecha, .areanota > .fecha {
    color: #848484;
    font-size: 0.875rem;
    font-weight:600;
}

.aviso > a > h3, .areanota > h2{
    font-size: 1rem;
    color: #141414;
    font-weight:900;
}

.areanota > h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.aviso > a > hr {
    border:2px solid #F6F6F6;
}

.volver-actividades > a, .volver-actividades > a:hover {
    float: right;
    position: relative;
    top: -28px;
    right: 30px;
    color: white;
    font-size: 0.875rem;
    font-family: open_sansbold;

}

.areanota {
    padding:20px;
    padding-top:10px;
}

.areanota > hr {
    border:2px solid #F6F6F6;
}
.area-nota-cuerpo {
    padding-bottom:15px;
}

.area-nota-cuerpo > p {
    padding-top:5px;
    padding-bottom:10px;
}

.area-nota-cuerpo > img {
    width: 100%;
}
/** ACTIVIDADES **/
.btn.btn-danger.pull-right.siguiente {
    background-color: #841327 !important;
    border-color: #841327 !important;
    margin-right: 15px;
    margin-left: 15px;
}