/* Fuentes */

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Regular"), url("../../fonts/myriad/MYRIADPRO-REGULAR.woff") format("woff"); 
}
@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Light"), url("../../fonts/myriad/MyriadPro-Light.woff") format("woff"); 
}
@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Semibold"), url("../../fonts/myriad/MYRIADPRO-SEMIBOLD.woff") format("woff"); 
}
@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local("Myriad Pro Bold"), url("../../fonts/myriad/MYRIADPRO-BOLD.woff") format("woff"); 
}
body, h1, h2, h3, h4, h5, h6, p, button, .btn {
    font-family: "Myriad Pro Regular" !important ;
    font-weight: normal ;
}

/*Estilos generales*/
* {
    -webkit-transition: all .3s linear !important;
    -moz-transition: all .3s linear !important;
    -ms-transition: all .3s linear !important;
    -o-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

a{
    color: #24135F ;
    text-decoration: none ;
}

a:hover {
    color: #24135F;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #24135F;
    font-weight: bold;
}

.titulo-subrayado{
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2c2c3a !important;
    border-bottom: 4px solid #24135f;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.xLogo{
    width:40px;
    padding: 10px;
}
.bloque-texto{
    font-size: 16px;
    font-weight: 500;
    color: #2c2c3a !important;
}

.bloque-texto-transparencia{
    background-color: rgba(4, 0, 90, 0.6);
    color: #fff;
    border-radius: 0.2rem !important;
    padding: 25px ;
}

.bloque-texto-transparencia h2{
    color: #FFF ;
}

.listado-romano{
    list-style-type: upper-roman; 
    text-align: justify;
}

.titulo-guinda{
    color: #73495D !important;
    font-size: 42px;
    text-transform: uppercase;
}

.franja-guinda{
    background-color: #73495D ;
    height: 40px ;
    padding-top: 10px ;
}

.titulo-subrayado-dorado{
    color: #2c2c3a !important;
    height: 90px;
    border-bottom: 4px solid #b1A252;
    margin-bottom: 15px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0px;
    display: grid ;
    align-items: center ;
}

.titulo-subrayado-blanco{
    font-size: 18px;
    color: #fff !important;
    height: 150px;
    border-bottom: 4px solid #FFF;
    padding: 20px ;
    display: grid ;
    align-items: center ;
}

.bloque-guinda{
    background: #73495D;
    padding: 40px 20px;
}
/*Contenedor Principal*/
.contenedor_principal{
    height: calc(100vh - 130px);
    margin-top: 141px;

}

/* Header */

.header{
    width: 100% ;
    left: 0 ;
    top: 0 ;
    position: fixed ;
    padding: 0 ;
    background: #fff ;
    z-index: 10000 ;
    
    -webkit-transition: all .3s linear !important;
    -moz-transition: all .3s linear !important;
    -ms-transition: all .3s linear !important;
    -o-transition: all .3s linear !important;
    transition: all .3s linear !important;
    
}

#logoHeader{
    max-height: 100px;
    max-width: 100%;
    padding: 10px;
    left: 0;
    -webkit-transition: all 1s linear !important;
    -moz-transition: all 1s linear !important;
    -ms-transition: all 1s linear !important;
    -o-transition: all 1s linear !important;
    transition: all 1s linear !important;
    
}

.logoHeaderAccesibilidad{
    width: 90px;
    padding: 10px;
}

.reducido {
    
    max-height: 80px;
    white-space: 100%;
    left: 0;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    
    -webkit-transition: all 1s linear !important;
    -moz-transition: all 1s linear !important;
    -ms-transition: all 1s linear !important;
    -o-transition: all 1s linear !important;
    transition: all 1s linear !important;
}/* max-width: 220px !important; */

.navbarMenuMain{
    display: block !important;
    color: #fff;
}

.navbar {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12) !important ;
    font-weight: 300 !important ;
    padding: 0 !important;
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    font-weight: bold;
    color: #2c2c3a;
    padding: 0.6rem auto;
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #fff;
    background: #24135F;
}

.nav-item{
    margin: 0 5px ;
}

.navbar .dropdown-menu {
    position: absolute !important ;
    margin-top: 0 ;
}

.dropdown-menu {
    background: #f6f6f6 ;
    border: none ;
    border-radius: 0px ;
}

.navbarIconsItem {
    margin: 0px  !important ;
    padding: 0px !important ;
    text-align: center !important ;
}

.dropdown-item{
    width: 100% ;
    padding: 0.6rem 40px;
    font-weight: bold;
    color: #2c2c3a;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff ;
    background: #24135F ;
}

.breadcrumb-bloque{
    height: 50px ;
    padding: 12px 0 0 30px ;
}

.title_salas{
    border-left: 2px solid #24135F;
}

/* Buscador */

.bg-buscador{
    background-image: url(http://10.10.106.26/DisenoGrafico/portal_salas/media/img/back_bandera.jpg);
    background-position: center ;
    background-size: cover ;
    height: 100% ;
    background-attachment: fixed ;
}

.buscador{
    margin-top: 0px ;
    height: calc(100vh - 100px) ;
    overflow: hidden ;
}

.form_busqueda_inicio .form-control {
    background-color: rgba(250, 250, 250, 0.8) ;
    color: #666 ;
}

.topSearchBar {
    border-radius: 50px !important ;
    border: solid 1px white !important ;
    font-size: 1.3rem ;
}

.topSearchBar::placeholder {
    color: #666 ;
    opacity: 1 ;
}

.iconSearch {
    color: #666 ;
    position: absolute ;
    margin-top: 10px ;
    right: 32px ;
}

/*Magistratura*/
.content_magistraturas{
    background-color: #DADADA;
}

.magistratura_fotos img{
    border: 4px solid #24135F;
    border-radius: 10%;

    width: 220px;
}

.magistratura_fotos h1{
    font-size: 1.2em;
    margin-bottom: 4px;
}

.magistratura_fotos h2{
    font-size: .9em;
}

/* Carrusel Texto */

.bgCarruselTexto {
    background-color: #24135F;
    color: #fff;
    margin-top: -7px;
    padding-top: 7px;
}

.carousel-indicators{
    bottom: -20px !important ;
}

.link_carrusel_texto{
    color: white;
}

.link_carrusel_texto:hover{
    color: #ffb0fe;
}

.bgCarruselTextoActivo{
    background-color: #8E278C;
}

.bgCarruselTextoActivo .link_carrusel_texto{
    color: #ffffff;
    font-kerning: none;
}

/* Sesiones */

.sesionSup{
    padding: 10px ;
    align-content: center ;
    border: 5px solid white;
}

.sesionSala{
    height: 100% ;
    padding: 10px ;
    display: grid ;
    align-content: center ;
    border: 5px solid white;
}

.nombreSala{
    text-align: center ;
    display: grid ;
    align-content: center ;
}

.nombreSala h4{
    color: #fff ;
    font-weight: normal !important ;
}

.sesionAnterior{
    background: #80753C ;
    color: #fff ;
}
.sesionActiva{
    background: #8E278C ;
    color: #fff ;
}

.sesionProxima{
    background: #497272 ;
    color: #fff ;
}

.sesionVivo{
    background: #24135F ;
    color: #fff ;
}

.datosSesion{
    font-size: 1.5rem ;
    background: #fff ;
    color: #24135F ;
    text-align: center ;
    margin: 5px ;
}

.iconoSesion{
    height: 90% ;
    width: calc(33.3333% - 10px) ;
    float: left ;
    padding: 10px ;
    font-size: 25px ;
    justify-content: center ;
}

.iconoSesionInactivo{
    color: gray ;
}

.iconoSesionActivo a{
    color: #24135F ;
}

.iconoSesionActivo a:hover{
    color: #4caf50;
}

/* Carrusel */

.textoCarrusel{
    width: 100% ;
    background-color: rgba(0, 0, 0, .5);
    position: sticky ;
    margin-top: -65px ;
    font-size: 1.2em;
    text-align: center;
    font-weight: 300;
    color: #fff;
}

.textoCarrusel a{
    color: #fff ;
}

.textoCarrusel a:hover{
    text-decoration: underline ;
}

/* Iconos */

#iconos{
    width: 80%;
    margin: 0px auto 50px auto;
}

.icono{
    border: #ae984c solid 5px;
    margin: 20px auto;
    text-align: center;
}

.texto-icono{
    color: #292838;
    font-weight: bold;
    font-size: 13px;
    margin: 10px auto;
}

/* Circulos */

.circulos{
    color: #24135F;
    background-color: #fff ;
    border-style: solid !important;
    border: 3px solid #198754;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #198754 !important;
    height: 150px;
    width: 150px;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 1.0rem;
    padding: 0px;
    margin: auto;
}

.circulos:hover{
    text-decoration: underline ;
}

/* Footer */

footer{
    background-color: #ececec;
    color: #666666 !important;
    font-size: .9rem ;
}

footer p {
    margin-bottom: 1px;
}

footer a {
    color: #666666 !important;
}

footer a:hover {
    color: #666666 !important;
    text-decoration: underline ;
}

/* Magistraturas */
.back_blue{
    background-color: #24135F;
}

.back_white{
    background-color: #ffffff;
}

.white_text{
    color: white;
}

.blue_text{
    color: #24135F;
}

.titulos_magistraturas h1{
    color: white;
    font-size: 2.2em;
}

.titulos_magistraturas h2{
    color: white;
    font-size: 1.2em;
}

.titulos_magistraturas_blue h1{
    color: #24135F;
    font-size: 2.2em;
}

.titulos_magistraturas_blue h2{
    color: #24135F;
    font-size: 1.2em;
}

.photo_white{
    height: 200px;
    border: 5px solid white;
    border-radius: 10%;
}

.photo_blue{
    height: 200px;
    border: 5px solid #24135F;
    border-radius: 10%;
}

.collapse_links{
    text-decoration: underline;
    text-decoration-color: #B6ABEF;
    cursor: pointer;
    font-size: 16px;
}

.collapse_links:hover{
    color: #ae984c;
}

.white_text{
    color: white;
}

.blue_text{
    color: #24135F;
}

.back_grey{
    background-color: #E8E8E8;
}

.acordion_title{
    line-height: .8em;
}

.up-container:hover{
    color: #bb35b9;
}

/* Mapa */
.back_blue_light{
    background-color: #bab3d8;
}

.back_blue_light h1{
    letter-spacing: .3rem;
}

.texto_quehacemos p{
    text-align: justify;
}

.texto_quehacemos div h1{
    background-color: #24135F;
    color: white;
    font-size: 1.2rem;
    padding: 8px 0px 8px 0;
    width: 220px;
    letter-spacing: .1rem;
}

.mapael .map {
    position: relative;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #8E278C;
    -moz-opacity: 0.90;
    color: #ffffff;
    opacity: 0.90;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 300px;
    box-shadow: -1px 4px 9px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 4px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 4px 9px 0px rgba(0,0,0,0.75);
    display: none;
    line-height: 1.2rem;
}

.mapa_menu_title{
    background-color: #24135F;
    color: white;
    font-size: 1rem;
}

.acordeon-menu{
    border: 1px solid rgb(216, 216, 233);
}

.estado_nombre{
    color: #24135F;
    font-size: 1rem;
    padding-left: 37px;
    text-decoration: underline;
}

.acordeon-menu .accordion-body{
    background-color: #F6F6F6;
}

.acordeon-menu span{
    text-decoration-line: underline;
}

.acordeon-menu .accordion-body a:hover{
    color: #0d6efd;
}

.acordeon-menu .accordion-header:hover{
    background-color: #e4eff8;
}
  
/* FIN Mapa */

/*Preguntas frecuentes*/
.preguntas_item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.192);

}

.preguntas_item h1{
    display: flex;
    align-items: center;
}

.preguntas_item h1 button{
    width: 100%; border: none; 
    background:none;
    font-size: 1.1rem;
    letter-spacing: .05rem;
    color: #24135F;
}

.preguntas_item img{
    border-right: 2px solid rgba(46, 44, 44, 0.281);
} 

.preguntas_item .accordion-body{
    background-color: #E9E8EF;
}

.form_busqueda_preguntas{
    border: 1px solid grey;
    border-radius: 25px;
}

.form_busqueda_preguntas .topSearchBar {
    border-radius: 50px !important ;
    border: solid 1px white !important ;
    font-size: 1rem ;
}

.btn_buscar_preg{
    background-color:#24135F;
    color: white;
    width: 100%;
}

.btn_buscar_preg:hover{
    background-color:#bab3d8;
}

/*FIN Preguntas frecuentes*/

/*Propuesta de tesis y jurisprudencia*/
.table_propuesta_tesis tbody tr td{
    color: #24135F;
    font-size: 1.1rem;
}

.table_propuesta_tesis tbody tr th img{
    border-right: 2px solid rgba(46, 44, 44, 0.281);
    padding-right: 20px;
}

.content_scroll_info{
    height: 50vh;
    overflow-y: scroll;
}
/*FIN Propuesta de tesis y jurisprudencia*/

/*Eventos calendario*/

.target{
    position: absolute; 
    z-index: 3;
    height: 95%;
    top: 5%;
    background-color: white;
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.39); 
    box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.39);
} 

.intro{
    display: none;
}

.col_event_hour{
    background-color: white;
    border: .5px rgba(128, 128, 128, 0.479) solid;
    height: 40px;
}
.col_event_day{
    background-color: #d0d0d052;
    border-top: .5px rgba(128, 128, 128, 0.479) solid;
    border-left: .5px rgba(128, 128, 128, 0.479) solid;
    border-right: .5px rgba(128, 128, 128, 0.479) solid;
    height: 40px;
}

.col_event_day > p{
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 600;
}

.dot_eventos{
    font-size: .6rem;
    color: #0d6efd;
    margin-bottom: 3px;
}

#agregar_evento, #ocultar{
    padding: 6px 22px;
    color: white;
    background-color: #314558;
    border-radius: 3px;
    border: none;
}

#agregar_evento:hover, #ocultar:hover{
    background-color: #192530;
}

/*Fin Eventos calendario*/

/*Sitios de Interes*/
.contenedor_tablas{
    height: 28vh;
    overflow-y:scroll;
}

.table_blue thead {
    background-color: #24135F;
    color: white;
    border-bottom: 7px solid #ffffff;
    font-weight: 600;
    letter-spacing: .1rem;
}

.table_blue tbody td {
    background-color: #ced6ee;
    border-top: 3px solid rgb(255, 255, 255);
    color: #24135F;
    font-weight: 500;
}


.table_blue tbody tr:hover td, .table_blue tbody tr:hover th {
    background-color: #e1e7fa;
}

.table_grey thead {
    background-color: #60607C;
    color: white;
    border-bottom: 7px solid #ffffff;
    font-weight: 600;
    letter-spacing: .1rem;
}

.table_grey tbody td {
    background-color: #e8e7f1;
    border-top: 3px solid rgb(255, 255, 255);
    color: #24135F;
    font-weight: 500;
}


.table_grey tbody tr:hover td, .table_grey tbody tr:hover th {
    background-color: #e7e6ec;
}

/*Fin Sitios de Interes*/

/*Calendario electoral*/
.contenedor_breadcrumb .breadcrumb{
    background: #E9ECEF;
    padding: 10px 15px;
}

.contenedor_calendario_titulo div{
    background-color: #F6F6F6;
    min-height: 100px;
    padding: 10px 15px;
}

.div_calen_elect{
    background-color: #E9ECEF;
    padding: 10px 15px;
}

.div_calen_elect a{
    color: #3310b4;
}

/*FIN Calendario electoral*/

/* Acerca de */

.bloque-video{
    padding: 0px;
}

.video-historia{
    margin-top: 100px ;
    padding: 0 ;
}

.video-historia video{
    width: 100% !important ;
}

.bg-acercade{
    background-image: url(../../media/img/bg-pleno.jpg) ;
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #24135F;
    background-size: cover;
    padding: 60px;
    color: #fff !important;
}

.tarjeta-servicios{
    padding: 0 25px ;
}

.imagen-servicios{
    width: 80% ;
    margin-top: 50px ;
}

.tarjeta-documentos{
    font-size: 14px;
    font-weight: 300;
    color: #fff !important;
}
/*Infografías*/
.btn_formulario{
    background-color: #24135F;
    color: white;
}

.btn_formulario:hover{
    background-color: #bab3d8;
    color: #24135F;
}

.table_consultas thead{
    background-color: #D3D0DF;
    color: #24135F;
}

.table_consultas tbody tr:hover td, .table_consultas tbody tr:hover th {
    background-color: #f0eff7;
}

.icono_consultas{
    height: 35px;
}

.titulos_paginas{
    letter-spacing: .2rem;
}

.titulos_paginas{
    font-size: 2em;
}

/*Visitas guiadas*/
.visitas_guiadas img{
    max-height: 70vh;
}

.visitas_guiadas p{
    text-align:justify;
}

#form_visita{
    margin-top:1 0px;
    display: none;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.btn_azul_forms{
    background-color: #24135F;
    border: none;
    color: white;
    padding: 5px 15px;
}

.btn_azul_forms:hover{
    background-color: #1D4251;
}

/*Audios*/
.icono_audios {
    height: 350px; 
    margin-bottom: 20px;
    cursor:pointer;
}


.icono_audios a{
    padding: 10px;
    height: 200px;
    overflow-y: scroll;
    box-sizing: content-box;
}

.icono_audios a img{
    height: 6.5em;
}

.icono_audios a h1{
    font-size: 1.3em;
    color: #24135F;
    word-wrap: break-word;
    box-sizing: content-box;
}

.icono_audios:hover{
    background-color: #24135f1a;
}

.titulo_audios{
    height: 200px; 
    overflow-y: auto;
}

.linea_carrusel{
    height: 17px; 
    background-color: #24135F;
}

.indicadores_audios{
    background-color: #24135F;
}

.icono_prev_audio, .icono_next_audio{
    background-color: #24135F !important;
    border-radius: 50%;
    border: 3px solid #24135F;
    box-sizing:content-box;
}

/*Fotogalería*/

  .container_foto {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_foto {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .6s ease;
  background-color: #a495527c;
}

.container_foto:hover .overlay_foto {
  opacity: 1;
  cursor: pointer;
}

.cursor_foto{
    width: 100%;
}
.cursor_foto_min{
    width: 45%;
}
.imagen_carrusel_fotogaleria{
    height: 60vh;
}

.icon_foto {
  color: white;
  font-size: 1em;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.icon_foto img{
  height: 80px;
}

.ver_mas{
  color: white;
}

.fotogaleria_pagination .page-link:hover{
  background-color: #24135F !important;
  color: white;
}

.control_flechas_galeria{
    width: 30px;
}

.flecha_izquierda, .flecha_derecha{
    font-size: 1.4em;
    text-shadow: 1px 1px 2px black, 0 0 1em rgb(0, 0, 80), 0 0 0.2em rgb(2, 2, 214);
    color: white;
    font: 1.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
 
}
.contenedorRep {
    overflow-x: hidden !important;
}
.imageFotoG {
    height: 38vh !important;
}