body {
    background-color: #F5F5F6;
    /*padding-right: 0px !important;*/
}

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


.thumbnail2 {
  border: solid 4px #fefefe;
  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:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px #FE9309; }

.div-img-container{
    
}

#correocontacto{
  color: #fff;
}

.contacto{
  color: #FE9309 !important;
}

.banner{
    height: 200px;
}

.nav-item2{
    color: #20364c;
    min-width: 200px;
    text-align: center;
}

.nav-item2:hover{       
    color: #fff;
}

.nav-link2{
    color: #20364c !important;
    min-width: 183px;     
    text-align: center;
}

.nav-link4{
    color: #20364c !important;
    max-width: 150px;     
    text-align: center;
}

.nav-item4{
    color: #20364c;
    min-width: 150px;
    text-align: center;
}

.nav-item4:hover{       
    color: #fff;
}

.nav-link4:hover{
    color: #fff !important;     
}

.nav-link4:visited{
    color: #20364c;
}

.nav-link4:hover{    
    background-color: #20364c !important;
    color: #fff;    
}

.nav-link2:hover{
    color: #fff !important;     
}

.nav-link2:visited{
    color: #20364c;
}

.nav-link2:hover{    
    background-color: #20364c !important;
    color: #fff;    
}

.nav-link3{
    color: #20364c;
    font-family:"Berlin Sans FB";
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.nav-link3:visited{
    color: #20364c;
}

.nav-link3:hover{    
    background-color: #20364c !important;
    color: #fff;
    text-decoration: none;    
}

.contenidoBanner{  
  
}

.nav-link{
  color: #fff;
}

.activeMenu{
  color: #fff;
  background-color: #ffffff;
}

.nav-link:hover{
  color: #fff;
  background-color: #343B40;
}

.pie{
  font-size: x-small;
  color: #fff;
  background-color: #343B40;
  height: 100px;
  vertical-align: middle;
}

agm-map {
  height: 300px;
}

.div-nay-desc{
    min-height: 465px;
    padding-top: 15px;
}

.btn-mnu-main {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family:"Berlin Sans FB";
  font-size: 13px;
  color: #20364C;  
  background: #e7ecf0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align: center;
}

.btn-mnu-main:hover {
  background: #20364C;
  text-decoration: none;
  color: #fff;
}

.li-mnu-main{
    padding-top: 20px;
    cursor: pointer;
}

.div-mnu{
    /*
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;  
        */
  margin: 0px;
  margin-bottom: 10px;
  font-family: "Berlin Sans FB";
  font-size: 15px;
  text-decoration: none;
}

.nav-item2-separator{
    background-image: url('/imagenes/template/ffooter.jpg');
    background-repeat: repeat-y;
    width: 2px;    
}

.nav-item2-separator-v2{
  background-image: url('/imagenes/template/ffooter.jpg');
  background-repeat: repeat-y;
  background-position-x: center;  
  background-size: 2px;
}

.nav-item2-separator-v3{
  background-image: url('/imagenes/template/ffooter.jpg');
  background-repeat: repeat-x;
  background-position-x: center;
  background-size: 2px;
  height: 2px;  
}

.div-gab-card{
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    background-color: #e7ecf0;
    height: 150px;
    
    margin-bottom: 30px;
    padding-left: 20px;
    padding-top: 15px;
    font-family:"Berlin Sans FB";
    font-size: 13px;
}

.div-gab-card2{
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    background-color: #e7ecf0;

    
    margin-bottom: 30px;
    padding-left: 20px;
    padding-top: 15px;
    font-family:"Berlin Sans FB";
    font-size: large;
}

.img-gab-photo{
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    width: 80px;
}

.div-gab-data{
    color: #20364c;    
}

.b-mail{
    color: #fe9309;
    font-size: small;
    font-weight: normal;
}

.div-main-content{
    height: 150px;
}

.div-highlight{
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family:"Berlin Sans FB";
  font-size: 13px;
  color: #20364C;
  font-size: 15px;
  background: #e7ecf0;
  padding: 0px;  
  text-decoration: none;
  text-align: center;
}

.videoDisplay {
    min-width: 10%;
    min-height: 10%;    
    height: 450px;
    z-index: -1;
}

.img-logo {
    max-width: 1140px;
}

.div-container-main{    
    background-image: url('/imagenes/template/trazos_2_s.png');
    background-size: 100% auto;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.li-dependencia{
    font-family:"Berlin Sans FB";
    font-size: 15px;
    color: #20364C;
    padding-bottom: 15px;
}

.li-dependencia:hover{    
    color: #fe9309;
}

.div-gab-card-dep{
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    background-color: #e7ecf0;
    min-height: 300px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 00px;
    padding-top: 15px;
    font-family:"Berlin Sans FB";
    font-size: 13px;
}

.div-gab-header{
    background-color: #20364C;
    margin-bottom: 10px;
}

.row-min {
    min-height: 900px;
}

.div-nota-text{
    font-family:"Berlin Sans FB";
    font-size: 14px;
    color: #20364C;
    cursor: pointer;
}

.nav-c-font{
    font-family:"Berlin Sans FB";
}

.div-nota-text:hover{
    color: #fe9309;
}

.div-text-footer{
    font-family:"Berlin Sans FB";
    font-size: 15px;
    color: #fff;
    padding: 20px;
}

.div-curr-page{
    font-family:"Berlin Sans FB";
    font-size: 20px;
    color: #fe9309;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-bottom: 10px;    
    background-image: url("/imagenes/template/sep_2x2.jpg");
    background-size: 2px;
    background-position-y: bottom;
    background-repeat: repeat-x;
}

.div-curr-page2{
    font-family:"Berlin Sans FB";
    font-size: 20px;
    color: #fe9309;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.side-bar-news{
    background-color: rgba(224, 225, 226, 0.30);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    padding: 10px;    
}
.side-bar-header{
    font-family:"Berlin Sans FB";
    font-size: 18px;    
    color: #20364C;
    padding: 0px;
}

.div-news-info{
    padding-top: 15px;
}

.side-bar-text{
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family:"Berlin Sans FB";
    font-size: 17px;    
    color: #fff;
    margin-bottom: 10px;
    background-color: #20364C;
}

.side-bar-text-short-desc{
    font-family:"Berlin Sans FB";
    font-size: 15px;    
    color: #20364C;
    padding-bottom: 10px;
    cursor: pointer;
    text-align: justify;
}

.side-bar-text-more-info{
    font-family:"Berlin Sans FB";
    font-size: 14px;    
    color: #20364C;
    text-align: right;
    cursor: pointer;
}

.div-container-dep{
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    background-color: #e7ecf0;
}

.div-scroll{
    max-height: 700px;
    overflow-y: scroll;
}

.div-header-container{
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family:"Berlin Sans FB";
    font-size: 18px;
    background-color: #b0b0b0;
    padding-left: 10px;
    margin-bottom: 10px;    
    background-size: 2px;
    background-position-y: bottom;   
    max-height: 50px;
    color: #fff;
}

.div-main-news-recent{
    padding: 0px !important;
    cursor: pointer;
}

.div-youtube{
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.div-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.div-video{    
    right: 0; 
    bottom: 0;    
    width: auto; 
    height: auto;
    min-width: 10%;
    min-height: 10%; 
    max-width: 100%;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

.img-thumbnail {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px;  /* Rounded border */
    padding: 5px; /* Some padding */
    min-width: 100px; /* Set a small width */
    cursor: pointer;
}

/* Add a hover effect (blue shadow) */
.img-thumbnail:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.div-mensaje-gobernador{
    font-family:"Berlin Sans FB";
    font-size: 16px;
    background-color: #e5e5e5;
    padding: 20px;
    color: #20364c;
    overflow-y: scroll;
    text-align: justify;
}

.div-atencion{
    font-family:"Berlin Sans FB";
    font-size: 11px;
    color: #20364c;
    padding-top: 0px;
    padding-right: 10px;
}

.div-mensaje-toma{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family:"Berlin Sans FB";
    font-size: 14px;
    background-color: #e5e5e5;
    padding: 20px;
    color: #fe9309;    
    cursor: pointer;
}

.div-mensaje-toma:hover{
    background-color: #FE9309;
    color: #fff;
}

.div-com-news{
    overflow-y: scroll;
    background-color: rgba(210, 210, 210, 0.50);
}

.div-com-news0{
    overflow-y: scroll;
    max-height: 800px;
    background-color: rgba(210, 210, 210, 0.50);
}

.div-com-news1 img{    
    border-radius: 3px;    
    padding: 5px;
    cursor: pointer;
    max-width: 90%;
    max-height: 350px;
}

.div-com-news1-text{
    font-family:"Berlin Sans FB";
    font-size: 18px;
    text-align: justify;
    cursor: pointer;
    padding-top: 15px;
}

.div-com-news1-text:hover {
    color: #fe9309;
}

.div-com-news1-date{
    font-family:"Berlin Sans FB";
    font-size: 14px;
    text-align: right;
    padding-bottom: 10px;
}

.div-com-news2 img{    
    border-radius: 3px;    
    padding: 3px;
    cursor: pointer; 
    /*max-width: 90%;
    max-height: 180px;*/
    width: 240px;
    height: 180px;
    border: solid 4px #fefefe;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
}

.div-com-news2-text{
    font-family:"Berlin Sans FB";
    font-size: 14px;
    text-align: justify;
    cursor: pointer;
    padding-top: 15px;
}

.div-com-news2-date{
    font-family:"Berlin Sans FB";
    font-size: 13px;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
}

.div-com-news2-text:hover {
    color: #fe9309;
}

.div-com-separator{
    background-image: url("../imagenes/template/sep_2x2.jpg");
    background-size: 50% 2px;
    background-position-x: center;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.div-com-separator-gray{    
    background-image: url("../imagenes/template/sep_5x1_gray_grad.jpg");
    background-size: 100% 40px;    
    background-position-x: center;
    background-repeat: no-repeat;
    min-height: 20px !important;
}

.div-boletin-titulo {
    background-color: #20364C;
    font-family:"Berlin Sans FB";
    font-size: 14px;
    color: #fff;
}

#ModalBoletinInfo{
    font-family:"Berlin Sans FB";
    font-size: 13px;
    overflow-y: scroll;
    max-height: 300px;
    text-align: justify;
    /*background-color: rgba(210, 210, 210, 0.50);*/
}

#ModalBoletinInfo{
    font-family:"Berlin Sans FB";
    font-size: 13px;
    overflow-y: scroll;
    max-height: 300px;
    text-align: justify;
    /*background-color: rgba(210, 210, 210, 0.50);*/
}


#ModalBoletinImagen img{
    max-width: 100%;
    border-radius: 3px;    
    padding: 10px;
}

.boton_1{
    -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family:"Berlin Sans FB";
  font-size: 13px;
  color: #20364C;  
  background: #e7ecf0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-align: center;
}

.boton_1:hover {
  background: #20364C;
  text-decoration: none;
  color: #fff;
}

.div-mensaje-toma-texto{
    /*overflow-y: scroll;
    text-align: justify;
    max-height: 650px;*/
    font-family:"Berlin Sans FB";
    font-size: 16px;
    
    padding: 20px;
    color: #20364c;
    /*overflow-y: scroll;*/
    text-align: justify;
    max-height: 650px;
    background-color: rgba(210, 210, 210, 0.50);
}

.div-last-news-header{
    background-color: #20364C;
    font-family:"Berlin Sans FB";
    font-size: 18px;
    color: #FFF;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.div-last-news-body{
    background-color: rgba(210, 210, 210, 0.50);
    
}