@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');


body,a,li,p,h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif !important;}
#menu1{background: #333333 !important; opacity:1.5 !important; position: absolute; width: 100%; opacity:none; margin-top: -8px;}
#menu1>a{color: white !important;}.navbar-nav>a{color: white !important;} 
#icon_search{ margin: 11px; }#img_a{margin-left: 3%;}
#chiapas{margin-left: -2% !important;}
#button_menu1{border: none !important; } #button_menu1:focus{outline: none; }
button{outline-color: none !important; } 
#banner_pag{width: 100% !important;  margin-top:2%; }
.a_menu2{font-size: 1em !important; color: black;} #nav4{background: rgb(228, 228, 228);}
#menu2{position: static; background:#e9e4e0; height: auto !important; margin-top: -5px; border-top: 4px solid #b11f29;}
#span_menu2{color: black !important; font-family:'Roboto', sans-serif !important; font-size: 0.8em !important;}
#navbarSupportedContent>.navbar-nav>.nav-item>.nav-link{color: black; font-family:'Roboto', sans-serif !important; font-size: 0.8em !important;}
#navbarSupportedContent>.navbar-nav>.nav-item>.nav-link:hover{background-color: #b11f29;
border-radius:4px; color: aliceblue;}
#navbarSupportedContent>.navbar-nav>.nav-item>.dropdown-menu>.g-bg-morado--hover:hover{background-color: #b11f29;
  border-radius:4px; color: aliceblue;}
.navbar .nav-item:not(:last-child) {margin-right:0px;}
.navbar-nav, .ml-auto{margin-left: -30px;}
#span-m2{color:#b11f29;}
 #menu2_button>span{color:#b11f29 !important;}
  .dropdown-toggle::after {
     transition: transform 0.15s linear; 
  }
  
  .show.dropdown .dropdown-toggle::after {
    transform: translateY(3px); 
  }
  
  .dropdown-menu {
    margin-top: 0;
  }
#carrusel_id{width: 88%; margin: auto; margin-top: 50px;} .color_span{color:#b11f29 !important;}
#footer_dependencia{background: #333333 !important;} .fa-angle-right,.g-mr-5{color: white !important;}
.letter_footer{color:white !important; font-family: 'Roboto'!important; font-size:0.8em;}
.hr_footer{background:white !important; width:100px; margin-left: -3px;}
footer{background: black !important;}


.contenedor::-webkit-scrollbar-track {
  border-radius: 10px;  
}
@media only screen and (max-width: 600px)
{
    #banner_pag{margin-top:8%; }
    .letter_footer{margin-top: 20px; font-size: 13px;}
    footer{height: 42px;}
}

@media only screen and (min-width: 360px) and (max-width: 768px) 
{
    #img_logo_cjg
    {
      margin-top: 15% !important;
      width: 90% !important; 
      margin-bottom: 7% !important;
    }

    .card
    {
      width: 100% !important;
    }
}