/*
color verde de la paguina web -> #00af62
*/
/* video noticias */
.VideoNoticia{z-index: 1;}
*{border:0px; margin: 0px;}
.Menu_Centenedor{  padding: 0px 0px 50px 0px; width: 100%; height: 160px; display: flex; margin: auto; margin-top: 0px;position: relative;
justify-content:center; background-color: #fff; 
border-bottom: 1px solid rgba(0,0,0,.1); z-index: 2;}



/*-- responsive del menu fijo --*/
@media(max-width: 600px) {
.Menu_Centenedor{flex-wrap: wrap;}
}



.pararespon{
    width: 100%; display: flex; justify-content: center; 
    padding:10px 0px 20px 0px;
}
/*gopPe*/
.gopPe{width: 15%; height: 80px; padding: 20px;min-width: 110px;}
/*-- Portal de Transparencia --*/
.Portal-Transparencia{width: 20%; height: 80px; padding: 20px;min-width: 130px;}
/*-- response de gob y tranparencia --*/
@media (max-width:800px){
  .gopPe{width: 11%; height: 65px;}
  .Portal-Transparencia{width: 18%; height: 70px;}
}
/*NOTICIAS DEL DIA*/
/*img logo*/
.Conten_img_logo > img{width: 100%; height: 120px; margin-top: 0px;}

/*-- response para logo principal --*/
@media (max-width:800px){
  .Conten_img_logo,.Conten_LInk,.Conten_redes{
    width: 45%;height: 50px;padding: 10px;
  }
  .Conten_img_logo > img{width: 70%; height: 60px; margin-top: 0px;}
}
.Conten_LInk{
   width:65%;height: 60px;
}
.Conten_redes{
   width: 15%;height: 60px; min-width: 150px;
}
@media(max-width: 768px) {
.Conten_redes{display:none;}
}
.navbar-nav{width: 100%;display: flex; justify-content: center; }
.nav-link{font-size: 18px;width: 100%;}
.nav-item > a{border-radius: 3px;}
.color_red > a{
 color:rgba(0,0,0,.6); border-bottom: 3px solid #dc3545;
}
.color_verde > a{
   color:rgba(0,0,0,.6); border-bottom: 3px solid #198754;
}
.color_ambar > a{
   color:rgba(0,0,0,.6); border-bottom: 3px solid #ffc107;
}
.color_ambar > a:hover{
   color:#fff; background-color: #ffc107;
}
.color_verde > a:hover{
   color:#fff; background-color: #198754;
}
.color_red > a:hover{
  color:#fff;   background-color: #dc3545;
}
/*--- Redes sociales ---*/
.redes{display: flex;justify-content: center;align-items: center; min-width: 130px;}
.redes > a{width: 33.33%; min-width: 30px;height: auto;padding: 10px; text-align: center; font-size: 20px; text-decoration: none;
color: rgba(0,0,0,.6); transition: .3s all ease; border-radius: 4px;}

.icon-facebook:hover{
  color: #fff; background-color: #0d63ff;
}
.icon-youtube:hover{
  color: #fff; background-color: red;
}
.icon-mail:hover{
  color: #fff; background-color: green;
}

/*carrusel*/
.carousel{width: 100%; height: 100%; margin: auto; margin-top: 0px;}
@media (max-width:800px){
 .carousel{
 width: 100%; height: 100%;
 }
  }
/*menu de tramites documentarios y mas*/
.Conten_link_tramites{width: 80%; height: auto; display: flex; justify-content: center; margin: auto;
background-image: url('../Img/ImgTodo/fondo_icono.jpeg'); background-size: cover;background-position:center;}
.div_link_Td{width: 20%;height: 200px; padding: 30px;display: flex; justify-content: center;}
.div_link_Td > a{text-decoration: none; font-size: 17px; text-align: center;font-weight: bold;color: #fff;}
.div_link_Td > a:hover{color: yellow;}
.icono_link{
  font-size: 60px; font-weight: bold; transition: .1s all ease;color: #fff;
}
.icono_link:hover{
  font-size: 70px;color: #fff;
}

/*-- response de menu de tramites docuentarios --*/
@media (max-width:800px){
  .Conten_link_tramites{width: 100%;background-image: url('../Img/ImgTodo/fondo_icono.jpeg'); background-size: cover;background-position:center;}
  .div_link_Td > a{font-size: 13px; padding: 15px;}
  .icono_link{font-size: 30px;}
  .icono_link:hover{
    font-size: 50px;color: #fff;
  }
}

/*Modal digital*/
.TitleModal{color: rgba(0,0,0,.7); font-size: 20px;width: 85%;text-align: right; padding: 10px;}
.pdg_link{padding: 10px;width: 33%; height: 170px;}
.conten_link_modal{height: auto;display: flex; justify-content:space-around; align-items: center; flex-wrap: wrap;}
.ctn_link_digital{
  width: 100%; padding: 10px; height: auto;border-radius: 10px;
}
.titulo_link_dogitales{text-align: center;font-size: 22px; font-weight: bold; margin-top: 20px; color:#fff;}
.links_digital{display: block;border:1px solid #fff; text-align: center;text-decoration: none;width: 100%;  color:#fff;font-size: 16px; padding: 5px;
transition:.1s all ease; }

/*-- response de los link de la ventan modal --*/
@media (max-width:800px){
.titulo_link_dogitales{font-size: 12px;}
.links_digital{font-size: 12px;}
}

.links_digital:hover{background-color: rgba(255,255,255,.8);}
.B_color_a{background-color: #3cb0e1;}
.B_color_b{background-color:#f0bb00;}
.B_color_c{background-color:#eb165e;}
.B_color_d{background-color:#12b27d;}
.B_color_e{background-color:#eb165e;}
.B_color_f{background-color:#3cb0e1;}
.C_A:hover{color:#3cb0e1; transition: .2s all ease;}
.C_B:hover{color:#f0bb00; transition: .2s all ease;}
.C_C:hover{color:#eb165e; transition: .2s all ease;}
.C_D:hover{color:#12b27d; transition: .2s all ease;}
.C_E:hover{color:#eb165e; transition: .2s all ease;}
.C_F:hover{color:#3cb0e1; transition: .2s all ease;}

/*-- title noticias --*/
.noticias-title-{color:rgba(0,0,0,.5);width: 100%;font-size: 23px; text-align: center;font-weight: bold;}
.conten_noticias{width: 90%; height: auto; overflow: scroll; margin: auto; display: flex;
padding: 10px;}
.banner_noticia{border:1px solid rgba(0,0,0,.1); width:100%;height: auto; box-shadow: 3px 3px 3px 3px rgba(0,0,0,.1);
                border-radius: 3px; padding: 10px;}

/* scroll de las noticias */
.conten_noticias::-webkit-scrollbar{
    width: 0px; background: rgba(0,255,0,.3); height: 5px;
}
.conten_noticias::-webkit-scrollbar-thumb{
    width: 10px; background: rgba(0,0,0,.4);
}

.videonoticia{
    width: 100%; padding: 10px; width: 300px;
}
.texton{ height: auto;}
.Noticia_txt{width: 100%;font-size: 20px; font-weight:bold;padding: 10px;}
/*-- response de los banner de noticias --*/
@media (max-width:800px){
    .Noticia_txt{font-size: 14px;}
}
/*estilos a imagen gif*/
.gif{width: 26.5%; height:30%; position: absolute;}
.gif > img{width: 100%; height: 100%;}
@media (max-width:800px){
  .gif > img{height: 60%;}
}
/*--pie de paguina--*/
.pie_de_paguina{background-color: #00af62;width: 100%; height: 400px; display: flex; justify-content: center;align-items:center; flex-wrap: wrap;}
.dedos{width: 33.33%; height: 100%; padding: 5px;min-width: 300px; text-align: center;}
.dedos > p{padding: 10px; font-size: 25px; color:#fff; font-weight: bold; text-align: center;}
/*-- Mision y Vision --*/
/* .M-V-Title{color:#fff; padding:0px 10px 0px 10px; text-decoration:underline;}
.MV{color:#fff; padding:0px 10px 0px 10px; font-size: 15px; font-family: verdana; text-align: center;} */
/*-- slogan --*/
.slogan{
height: 70px; width: 45%; margin-right: auto;
}
.slogan > img{width: 100%; height: 100%; padding: 10px;}
/*-- marca --*/
.marca{width: 20%; height: 200px; margin: auto;}
/*-- gpsStaic --*/
.gpsStatic{height:50%; width: 70%; margin: auto;}
/*response de pie de paguina*/
@media (max-width:900px) {
  .pie_de_paguina{height: auto;}
  .gpsStatic{width:100%;}
}
/*-- ubicacion --*/
.-ubicacion{font-size: 13px; color:#fff; font-weight: bold;}
.direeciom_exacta{text-align: left; font-size: 20px; color: #fff; font-weight:bold;}
.Horario{font-size: 18px; color:#fff; font-weight: bold;}
.Hora{font-size: 13px; color:rgba(255,255,255,.6); font-weight: bold;}
/* estilos de las tablas */
.tdC{font-size: 15px; color: rgba(0,0,0,.7);}
.N{font-size: 13px;}
/* response de la tabla */
@media (max-width: 800px){
    .tdC{font-size: 12px;}
    .N{font-size: 11px;} 
}
/* estilos a nuetros regidores */
.banner_regidores{width: 100%; height: 220px;}
.regidoredpadre{display: flex; justify-content:center; flex-wrap: wrap;}
.Conten_Regidores{width: 25%; height: 350px; padding: 10px; min-width: 200px;
transition: .2s all ease;}
.Conten_Regidores > p{font-size: 13px; padding: 3px; color: rgba(0,0,0,.7);font-weight: bold;}
.Conten_Regidores:hover{transform: scale(1.1);}

/*icon de pdf*/
.icon-file-pdf{
    background: red; color: #fff; font-size: 13px; padding: 5px; border-radius: 5px; text-decoration: none;    
}
.icon-file-pdf:hover{
    color: #fff;
}

/* btn nosotros de pie de paguina */
.nosotros_irammv{display: block; width: 50%; padding: 0px 0px 0px 20px; text-align: left; color: #fff;
font-weight: bold; text-decoration: none;}
.nosotros_irammv:hover{color:#fff; text-decoration: underline;}

 /* pie de pie */
.pie_de_pie{background: #084f2d;width: 100%; height: auto;}
.parrafotxt{text-align: center; color: #fff; }
.Libro_reclamos_pie{display: block; width: 13%; height: 75px; margin: auto; min-width: 150px;}
.color_otros{text-align: center;color:rgba(255,255,255,0.4); }
.text_nos_Q{font-size: 15px; color: rgba(255,255,255,.7); text-align: justify;padding: 20px;}
/* texto de transparencia */
.txt_abogado{font-size: 17px; color: #fff; font-weight: bold; text-align:justify;}
.txt_oal{font-size: 15px; color: #fff;text-align: justify;}
.txt_resolucion{display: block;font-size: 15px; color: rgba(0,0,255,.8); text-align: justify;}

/* estilos del data-tooltip */
[data-tooltip]{
    position: relative;
}
[data-tooltip]:before{
    content: attr(data-tooltip);
    position: absolute;
    background: #333;
    color: #fff;
    padding: 10px;
    border-radius: 50px 50px 50px 0px;
    font-size: 13px;
    opacity: 0;
    transition: opacity 0.3s;
    bottom: 80%;
    left: 130%;
    transform: translateX(-50%);
    white-space: nowrap;
}
[data-tooltip]:hover:before{opacity: 1;}


/*barra sicial*/

.contenbarrasocial{
    background:#00adf2;padding:10px;z-index:5; position: fixed; margin-top: 200px; width: 50px; height: 100px;
    border-radius: 0px 50px 50px 50px; align-items: center; opacity: 0;
    overflow:hidden;
}
.contenbarrasocial:hover{
    width: 50px;
}
.contenbarrasocial > a{
    text-decoration: none; font-size: 20px; text-align: center; margin: auto; padding: 5px; color: #fff; 
}

@media (max-width: 768px){
    .contenbarrasocial{
        opacity: 1;
    }
}





















/*//////////////////*/