/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
    font-family: graphic-light;
    src: url("/css/font-graphik/Graphik-Light.otf");
}

@font-face {
    font-family: "Graphik-Black";
    src: url("/css/font-graphik/Graphik-Black.otf");
}

@font-face {
    font-family: "Graphik-Semibold";
    src: url("/css/font-graphik/Graphik-Semibold.otf");
}

@font-face {
    font-family: "Graphik-Bold";
    src: url("/css/font-graphik/Graphik-Bold.otf");
}

body {
    font-family: graphic-light !important;
}

p {
    line-height: 2.4rem !important;
}

h4 > a.a-gray-link {
    color: #084866 !important;
  
}
h4 > a.a-gray-link:hover {
    font-weight: 500;
    color: #1b5dab !important;
    text-decoration: none !important;
}
li > a.a-gray-link {
    color: #084866 !important;
  
}
    li > a.a-gray-link:hover {
        font-weight: 500;
        color: #1b5dab !important;
        text-decoration: none !important;
        font-weight: bold;
    }

nav-tabs, nav.nav-tabs {
    background-color: #393c3e !important;
}

.hasta-dos {
    padding-bottom: 20px;
}

.bg-galleria {
    background-image: url('/img/Dependencia/imagen1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height: 500px !important;
    background-size: cover;
}

.bg-galleria-1 {
    background-image: url(/img/Dependencia/imagen6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: 500px !important;
    background-size: cover;
}

.bg-galleria-2 {
    background-image: url('/img/Dependencia/aviso.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height: 500px !important;
    background-size: cover;
}



.carousel-caption {
    top: 70px !important;
    padding-top: 0px !important;
}

.carousel-caption-fx {
    top: 60px !important;
}

/*.txt-shdw {
    line-height: 48px;
    font-family: 'Graphik-light-f', sans-serif !important;
}*/

h1 {
    font-family: 'Graphik-Bold-f', sans-serif !important;
}

.bg-ul {
    background-color: rgba(219,219,219, 0.6);
    padding: 10px 25px;
}

.txt-fix li {
    text-shadow: 2px 2px 4px #fff !important;
    color: #000;
    font-weight: 400;
}

    .txt-fix li:before {
        color: #FFFFFF !important;
    }

@media (max-width: 768px) {
    .carousel-caption-fx {
        top: 10px !important;
    }

    .txt-fix li {
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1;
    }
}

.separador {
    margin-top: -1%;
    border-top: 1px solid #979797;
}


.separador-secciones-dark-1-pu {
    height: 5px;
    background-color: rgba(9,72,102,1);
    margin-left: 15px;
    width: 35px;
}

.separador-secciones-dark-2-pu {
    margin-left: 15px;
    border-top: 1px solid #979797;
}

.separador-secciones-dark-3-pu {
    border-top: 1px solid #dce0e0;
    margin-left: 15px;
}

.custom-buttom-noticias {
    background: white;
    border: 2px solid black;
}

    .custom-buttom-noticias:hover {
        color: #9b9b9b !important;
        background: white;
        border: 2px solid #9b9b9b !important;
    }

/*a.btn.btn-default.custom-buttom-noticias.col-5,
.eventos-boton-pu a {
    color: #393c3e;
    margin-right: 0px;
}*/

.custom-buttom-noticias {
    color: black !important;
    background: white !important;
    border: 2px solid black !important;
}

.border-card {
    border-bottom: solid 3px #dddddd;
}

.text-color-colima {
    color: #393c3e !important;
    text-decoration: none;
}

/* Botones  */
.btn-danger {
    background-color: #e63c4d !important;
}

    .btn-danger:hover {
        background-color: #f68d91 !important;
        border-color: #d9534f;
    }

.btn-grey {
    background-color: #d0decf;
}

    .btn-grey:hover {
        background-color: #084866 !important;
        border-color: #d0decf !important;
        color: #FFFFFF !important;
    }

.btn-sf {
    background-color: #006f3e !important;
    color: #FFFFFF !important;
    font-size:14px;
}

    .btn-sf:hover {
        background-color: #67b371 !important;
        border-color: #326c3a !important;
        color: #FFFFFF;
    }

.btn-group .dropdown-menu.dropdown-menu-primary li a {
    color: #312828 !important;
}

.btn-group .dropdown-menu.dropdown-menu-primary {
    background-color: #eeeeee;
    color: #000 !important;
}

    .btn-group .dropdown-menu.dropdown-menu-primary li a:hover, .btn-group .dropdown-menu.dropdown-menu-primary li a:focus {
        background-color: #084866 !important;
        color: #fff !important;
    }

.btn-primary-fix:hover {
    background-color: #4699cc !important;
}

.sombrich {
    box-shadow: inset 0 15px 15px -15px rgba(100,100,100,0.3);
    background-color: #e3e6ec !important;
}

.acor-head {
    background-color: #f5f5f5;
    border-color: #dddddd;
}

/* holo aqui esta  el fix del hover  collapse =9 */

.ms-collapse .card .card-header .card-title a:after {
    display: none !important;
}

.txt-panel-head {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    color: #0aa699;
    font-size: 15px;
    padding: 12px;
}

    .txt-panel-head a {
        text-decoration: none;
        color: #333333;
    }

.txt-panel-over {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    color: inherit;
    font-size: 15px;
    padding: 12px;
}

.resultados:hover .overlay {
    width: 100%;
    left: 0;
    height: 100%;
    color: #ffffff !important;
}



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


.overlay-blue {
    background-color: #006544;
    color: #ffffff;
}

.overlay:hover p {
    padding-top: 2px;
    color: #ffffff !important;
}

.overlay {
    padding-top: 2px !important;
}


.overlay {
    position: absolute;
    bottom: 0;
    left: 100%;
    right: 0;
    overflow: hidden;
    width: 5px;
    height: 100%;
    transition: .5s ease;
}
/* CHEK*/

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #088058 !important;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
    color: #006544 !important;
    border-color: #006544 !important;
}
/* Nav-fix YEYE*/

.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link:hover, .ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link:focus, .ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link.active, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link:hover, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link:focus, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link.active {
    /*background-color: #10845e !important;*/
    background-color: #000000 !important;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link.active {
    /*background-color: #10845e !important;*/
    background-color: #000000 !important;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-left .nav-item a.nav-link:hover {
    /*background-color: #10845e !important;*/
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .ms-tab-menu .ms-tab-menu-right .ms-tab-menu-right-container li a:hover {
    /*color: #10845e !important;*/
    color: #000000 !important;
    background-color: #e1e1e1;
}



.ms-paper > .row .ms-paper-menu-left-container .ms-paper-menu-left .ms-paper-menu-title {
    background-color: #084866 !important;
}

.nav.nav-stacked .list-group-item.active, .list-group .list-group-item.active {
    background-color: #084866 !important;
}

.ul-fix-nav li a:hover {
    background-color: #10845e !important;
}

.rincon:hover {
    background-color: #10845e !important;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover, .ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus {
    color: #10845e !important;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown.show > a, .ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown.show > a:hover {
    color: #10845e !important;
}

.ms-navbar .navbar-collapse .navbar-nav .nav-item > a:hover {
    color: #10845e !important;
}

.btn-back-top.back-show .scrollToTop {
    bottom: 20px;
}

.scrollToTop {
    width: 50px;
    height: 90px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #919192;
    text-decoration: none;
    position: fixed;
    bottom: -70px;
    opacity: 0.5;
    right: 40px;
    background: url(/assets/img/scrolltop2.png) no-repeat 0px 20px;
}

.sair-i {
    color: #006544;
}

/* Hover listas */

h4 > a.a-gray-link:hover {
    color: #9b9b9b;
    font-weight: bold;
}
/* Estilo comentarios */
.format-img {
    color: #ed1c24 !important;
    padding-top: 15px;
    text-align: center !important;
}

.circulo-img-gabinete {
    border-radius: 50%;
    text-align: center;
    /*height: 80px; */
}

.padding-titulo-gabinete {
    padding-top: 18px;
}

    .padding-titulo-gabinete a:focus, a:hover, a {
        color: #393c3e;
        text-decoration: none;
    }

    .padding-titulo-gabinete span {
        font-family: 'Open Sans', sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
    }

    .padding-titulo-gabinete b {
        font-weight: bolder;
    }









table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #006544 !important;
}

.btn-circle.btn-circle-success {
    color: #326c3a;
}


    .btn-circle.btn-circle-success:before {
        background-color: #31733b;
    }

.radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
    border-color: #326c3a;
}

.radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
    border-color: #326c3a;
}

.service-list li:before {
    background-color: rgb(230,60,77);
}

.ms-list-arrow li:before {
    background-color: rgba(9,72,102,1);
}

.ms-navbar .btn-navbar-menu, .ms-lead-navbar .btn-navbar-menu {
    overflow: hidden;
    font-size: 21px;
    font-size: 2.1rem;
    color: #fff;
    height: 50px;
    top: auto;
    display: none;
    position: absolute;
    right: 0;
    border: 0;
    padding: 0;
    line-height: 1;
    margin: 0;
    min-width: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
}


.ms-timeline-left {
    list-style-type: none;
    margin-left: 300px;
    border-left: solid 3px #006544;
    position: relative;
    padding-left: 0;
}

    .ms-timeline-left .ms-timeline-left-item:before {
        content: "";
        display: block;
        position: absolute;
        border-radius: 100%;
        border: solid 3px #006544;
        background-color: #fff;
        height: 21px;
        width: 21px;
        left: -12px;
        top: 0;
    }

    .ms-timeline-left .ms-timeline-left-item:after {
        content: "";
        display: block;
        position: absolute;
        border-radius: 100%;
        background-color: #006544;
        height: 9px;
        width: 9px;
        left: -6px;
        top: 6px;
        transition: all ease .2s;
    }

.ms-navbar-dark {
    background-color: rgb(9,36,50);
}

.ms-collapse .card .card-header .card-title a {
    display: block;
    color: rgb(9,36,50);
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1rem;
    padding: 1.4rem 1.5rem;
    position: relative;
}

.card .card-header {
    background-color: rgb(234, 236, 236);
    border: 0;
    color: white;
}

.alert.alert-light a {
    color: rgb(4,47, 65);
}

.alert.alert-light.alert-warning {
    border-color: rgb(230,60,77);
    color: rgb(230,60,77);
}

.colorletra {
    font-family: 'Graphik-light-f', sans-serif !important;
}

.color-boton {
   background-color: #084866!important;
}
.logo-resp {
    width: 16%;
}

.inhead-text {
    font-size: 40px;
}
.gob-hidalgo-img {
    width: 70%;
    height: 70%;
}
@media (max-width:767px) {
    .logo-resp {
        width: 45% !important;
    }
    .inhead-text {
        font-size: 25px !important;
    }
    .alto-logo-foot {
    height:200px;
    margin-bottom:-10px;
    }
    .gob-hidalgo-img {
        height: 34%;
        margin-bottom: -10px;
    }
    .mar-t-22 {
        margin-top: 5% !important;
    }
    .spc-h3mrg {
        margin-left: .7em;
    }
    
    
}