@font-face {
    font-family: 'DINCondensed';
    src: url("fonts/DINCondensedBold.otf");
}

.font-condensed {
    font-family: DINCondensed !important;
}

.login-link {
    background: #38354a !important;
    border-color: transparent;
    color: #d2d9e5;
    font-weight: 600;
    position: relative !important;
    height: 80px;
    line-height: 1 !important;
    text-align: center;
    padding-top: 42px !important;

    border-bottom: 0px !important;
    border-left: 1px solid #514d6a;
}

.login-link:hover,
.login-link:focus {
    background: #2b2838 !important;
    border-color: transparent;
    color: #ffffff;
}

.no-space {
    margin: 0!important;
    padding: 0!important;
}

.footer {
  padding: 1rem;
  background-color: #1A5775;
  color: #ffffff;
  text-align: center;
}

.page-body-block {
    margin-top: 64px;
    /*padding: 16px;*/
    width: 100%;
}

.page-body-block .page-body-block-inner {
    margin: 0 auto;
    max-width: 1350px;
}

.table-alternate-color tr {
    height: 40px
}

.table-alternate-color .odd {
    background-color: #EEEEF1;
}

.table-curriculum {
    max-width: 950px !important;
    margin: 0 auto !important;
}

.table-curriculum thead tr, .table-curriculum tfoot tr {
    color: #5D96C3;
    height:30px;
}

.table-curriculum caption {
    padding: .5rem;
    color:#ffffff;
    text-align:left;
    caption-side: top;
    background-color: #B6B5BB;
    font-weight: 600;
    font-size: 16px;
}
.table-curriculum.detalle caption {
    text-align:center !important;
}

.table-curriculum .td-asociacion {
    background-color: #186AAB;
    color: #ffffff;
    text-align: center;
}

.table-curriculum td, .table-curriculum th {
    padding-left:4px;
    padding-right:4px;
    border: 1px solid #ffffff;
}

.table-curriculum.detalle td, .table-curriculum.detalle th {
    text-align: center;
}
.parent-line-between
{ 
    display:-moz-box; 
    display:-webkit-box;  /*Safari and Chrome*/ 
    display:-ms-flexbox; /*Internet Explorer 10*/ 
    display: flex;
    width:100%;
    align-items: baseline;
}

.between {
    border: 0;
    border-bottom: 2px dotted darkgray;
    /*margin-left:10px;
    margin-right:10px;
    margin-top: 0px;
    margin-bottom: 0px;*/
    margin: 0px 10px;
}

.child2
{
    flex: 1;
}

.acreditacion-container {
    max-width: 800px !important;
    margin: 0 auto;
}

.acreditacion-container > hr {
    border-top: 2px solid #6A6A6A;
    margin-top: 5px;
    margin-bottom: 5px;
}

.acred-subtitle {
    font-weight: 600;
    font-size: 16px;
}
.acred-subtitle .sub {
    color: #40A6D6;
}
.acred-subtitle .text {
    color: #6A6A6A;
}

.acred-detail {
    font-size: 15px;
}

.table-convenios {
    max-width: 900px; 
    margin: 0 auto;
}

.table-convenios td, .table-convenios th {
    border: 1px solid #ffffff;
}

.single-caption {
    display: inline-block;
}

@media (max-width: 1090px) {
    .single-caption {
        display:none;
    }
}

.banner-caption {
    text-align: left;
    bottom: 40px;
    top: 30px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.banner-caption .single-caption {
    min-width: 600px;
    height: auto;
    max-width: 90%;
    background: rgba(0, 0, 0, 0.6); 
    padding: 18px;
}

.banner-caption .single-caption h2 {
    margin-bottom:10px;
    font-size: 2em; 
    color: #fff; 
    font-weight: 400; 
    margin: 0;
}
.banner-caption .single-caption p {
    margin-bottom:0px;
    font-size: 1.2em;
}

.carousel-img {
    max-height: 500px; 
    width:100%; 
    object-fit:cover;
    min-height: 150px;
}

.parrafo-justificado {
    text-align: justify;
    white-space: pre-line;
}

.noticia-list-img {
    margin-bottom: 10px; 
    max-height:300px; 
    overflow:hidden
}

.noticia-list-img img {
    max-width:100%;
}

.sede-list-img {
    margin-bottom: 10px;
    max-height:300px;
    overflow:hidden
}

.sede-list-img img {
    max-width:100%;
}

.enlace-index {
    float: left;
    width: 20%;
    padding-right:10px;
    padding-bottom:10px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

.enlace-index i {
    color: #40A6D6;
    padding-right: 5px;
    font-size: 8px;
    vertical-align: middle;
}

.enlace-index a {
    color: white !important
}

.enlace-index a:hover {
    color: #40A6D6 !important
}

.enlaces-container {
    padding: 0;
}

@media (max-width: 1350px)
{
    .enlace-index {
        width: 50%;
    }

    .enlaces-container {
        padding: 0 50px;
    }
}

@media (max-width: 991px)
{
    .enlace-index {
        width: 33%;
    }
}

@media (max-width: 767px)
{
    .enlace-index {
        width: 50%;
    }
}

@media (max-width: 550px)
{
    .enlace-index {
        width: 100%;
    }
}

@media (min-width: 350px) and (max-width: 543px) 
{
    .evento-index-responsive {
        width: 50% !important;
    }
}

.col-index-home {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.col-index-home.borde-right {
    border-right: none;
}

@media (min-width: 992px) {
     .col-index-home.borde-right {
        border-right: 2px solid #EEF0F1;
    }
}
@media (min-width: 768px)
{
    .col-index-home {
         padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

.submenu-style ul li {
    background-color: white !important;
}

.submenu-style ul li a {
    color: black !important;
}

.submenu-style ul li a:hover {
    background-color: #E0E3E3 !important;
}

.area-container {
    background-color: #ECEEF5; 
    max-width:750px; 
    margin:0 auto; 
    position:relative;

    min-height: 150px;
    display: flex;
    align-items: center;
}

.area-container .area-inner {
    padding: 0;
}

.logo-area-container {
    display: inline-block;

    position: absolute;
    top: 0;
    left: 0;
}

.logo-area {
    object-fit: cover;
    width: 150px;
    height: 150px;
}
.area-name-container {
    display: inline-flex; 
    align-items: center; 
    vertical-align: middle;
    padding-right:35px;
    padding-left: 170px;
}

.area-name-line1 {
    font-size:25px; 
    color: black; 
    text-transform: uppercase;
    line-height:1
}
.area-name-line2 {
    font-size:35px; 
    color: #40A6D6;
    text-transform: uppercase;
    line-height:1
}

.icon-area {
    font-size:70px; 
    color:#6C6B70 !important;
}

.area-container-arrow {
    width: 20px;
    background-color: #40A6D6;
    color: white;
    display: flex; 
    top:0;
    bottom:0;
    right:0;
    position:absolute
}


@media (max-width: 670px) {
    .logo-area {
        width: 90px;
        height: 90px;
    }
     .icon-area {
        /*height: 55px;*/
        font-size: 55px;
    }
      .area-name-line1 {
        font-size: 20px;
    }
    .area-name-line2 {
        font-size: 25px;
    }
    .area-name-container {
        padding-left: 100px;
    }

    .area-container {
        min-height: 90px;
    }
}

@media (max-width: 400px) {
    .logo-area-container {
        display: none;
    }
    .area-container .area-inner {
        padding: 10px;
    }

    .area-name-container {
        padding-left: 0;
    }

    .area-name-line1 {
        font-size: 20px;
    }
    .area-name-line2 {
        font-size: 25px;
    }
    .icon-area {
        /*height: 45px;*/
        font-size: 45px;
    }

    .area-container {
        min-height: 67px;
    }

    .area-name-line1.detail {
        font-size: 25px;
    }
    .area-name-line2.detail {
        font-size: 30px;
    }

    .icon-container-detail {
        display: none;
    }
}

.img-default-container {
    max-height:300px; 
    width: 100%; 
    overflow:hidden;
}

.img-default-container img {
    width:100%; 
    max-height: 300px;
    object-fit: cover;
}

.noticia-container {
    width: 100%;
    min-height: 100px;
}

.noticia-container .noticia-img {
    overflow:hidden; 
    position: absolute; 
    left: 16px; 
    width: 100px; 
    top: 0;
}

.noticia-container .noticia-img img {
    margin: auto;
    display: block;
    height:100px;
    width:100px; 
    object-fit:cover
}

.noticia-container .noticia-contenido {
    padding-left: 110px;
    min-height: 100px;
    width: 100%;
}

@media (max-width: 543px) {
    .noticia-container .noticia-contenido {
        padding-left: 0;
    }
}

.anuncio-img {
    width: 100%; 
    max-width: 950px; 
    height: 180px;
    margin: 0 auto;
    /*object-fit: fill;*/
}

@media (max-width: 767px) {
    .anuncio-img {
        height: 170px;
    }
}

@media (max-width: 450px) {
    .anuncio-img {
    height: 120px;
}
}

.red-social {
    border: 1px solid;
    border-radius: 3px;
    padding: 5px 5px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 40px;
}

.titulo-pagina {
    color: #093F7B;
    border-bottom: 2px solid #C4C5C6;
    padding: 0 5px 10px;
    margin-bottom: 25px;
    font-weight: 900;
}

.button-a {
    background:none!important;
    border:none;
    padding:0!important;
    cursor: pointer;
    font-size: 20px;
    margin-right: 5px;
}
.validation-summary-errors {
    color: red !important;
}
/******/
.titulo-panel {
    border-bottom: 2px solid #98999C;
    margin: 25px;
    padding: 0 !important;
    padding-bottom: 15px !important;
}

.titulo-panel h4 {
    display:inline-block;
    color: #0C55A2;
    margin: 0;
}

.form-control.error {
    border-color: #e73d4a;
}
label.error {
    color: #e73d4a;
    display:block;
}

.anuncio-img {
    width: 100%;
    max-width: 950px;
    height: 180px;
    margin: 0 auto;
    object-fit: fill;
}

.img-default-container {
    max-height:300px;
    width: 100%;
    overflow:hidden;
}

.img-default-container img {
    width:100%;
    max-height: 300px;
    object-fit: cover;
}

.no-existen {
    color: #c5c5c5;
    text-align: center;
    margin-top: 20px;
    display: block;
    font-size: 16px;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.encuesta-circulo-pregunta {
    /*border: 2px solid !important;*/
    border-radius: 50px !important;
    width: 40px;
    height: 40px;
    align-items: center;
    margin-left: 5px !important;
    margin-bottom: 0px !important;
    padding: 7px 0px 0px 0px !important;
}

.pregunta-encuesta {
    background-color: rgba(0, 112, 187, 0.75);;
    padding: 7px;
    color: white;
}

.encuesta-edit-pregunta {
    border-bottom: 1px solid #c1c1c1;
}

.remover {
    background-image: url(../img/global/portlet-remove-icon.png);
    background-repeat: no-repeat;
    width: 11px;
}