@font-face {
    font-family: 'Grotesk Glasgow';
    src: url('/fonts/GroteskGlasgow.woff2') format('woff2'),
         url('/fonts/GroteskGlasgow.woff') format('woff'),
         url('/fonts/GroteskGlasgow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  body{
    margin: 0px;
    padding: 0px;
  }
  #flyer {
    animation-duration: 3s;
    animation-name: slidein;
  }  
  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }
@media only screen and (min-width: 319px) {    /* COMIENZA MENU PARA MOVILES*/    
  #container{
      width: 100%;
      height: auto;
      overflow: hidden;
      min-height: 700px;
  }
  #contenido {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 0%;
    margin-top: 10px;
}
  #header{
      width: 100%;
      height: auto;
      overflow:visible;
      position: relative;
      min-height: 170px;
      background-color: #F4F4F4;   
  }
  #head_1{
      width: 100%;
      height: auto;
      position: relative;
      float: left;
      z-index: 1;
      display:block;
  }
  #head_1 img {
      width: 90%;
      height: auto;
      position: relative;
      float: left;
      max-width: 180px;
      margin-left: 22%;
      margin-top: 5px;
  }
  #head_2{     
      width: 100%;
      height: auto;
      position: relative;
      float: left;
      z-index: 1;
      display: block;           
  }
  #head_3{       
      width: 100%;
      height: auto;
      position: absolute;
      float: left;
      z-index: 1;
      display: none;   
  } 
  .menucont{
      width: 100%;
      height: auto;
      position: relative;
      float: left;
      box-sizing: border-box;
      z-index: 1;
      margin-left: 0%;
  }
  .menucont a:link, .menucont a:active, .menucont a:visited {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    box-sizing: border-box;
    z-index: 1;
    margin-left: 0%;
    color: #138314;
    margin-bottom: 5px;
}
  #mostrarmenu {
      display: block;
      width: 50%;
      margin-left: 45%;
  } 
  #menueffect {
      width: 100%;
      left: 0;        
      top: 0px;        
      z-index: 5;
      text-align: center;
      background-color: #1E63B3;    
      font-weight: bold;   
  }
  #menu{
      display: none;
  }
  .socialmedia_cont{
      width: 5%;
      height: auto;
      position: relative;
      float: left;
      margin-top: 15px;
  }    
  .socialmedia_cont img {
      max-width: 35px;
  }  
      .menu1,.menu2,.menu3,.menu4,.menu5,.menu6{
          width: 16.6%;
          height: auto;
          position: relative;
          float: left;       
      }
      .menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover,.menu5:hover,.menu6:hover{ 
          color: #005bb5;
      }   
      .menu1 p,.menu2 p,.menu3 p,.menu4 p,.menu5 p,.menu6 p{
          width: 100%;
          height: auto;
          position: relative;
          float: left;
          text-align: center;
          font-family: 'Montserrat', sans-serif;
      }        
      .menu1-img{
          background-image: url(../img/icons/transparencia.png);
          background-size: cover;
          background-repeat: no-repeat;
          width: 70%;
          height: auto;
          position: relative;
          float: left;
          max-width: 60px;
          margin-left: 30%;
          min-height: 60px; 
          margin-bottom: 5px;
      }
      .menu2-img{
          background-image: url(../img/icons/gobierno.png);
          background-size: cover;
          background-repeat: no-repeat;
          width: 70%;
          height: auto;
          position: relative;
          float: left;
          max-width: 60px;
          margin-left: 30%;
          min-height: 60px; 
          margin-bottom: 5px;
      }
      .menu3-img{
          background-image: url(../img/icons/cabildo.png);
          background-size: cover;
          background-repeat: no-repeat;
          width: 70%;
          height: auto;
          position: relative;
          float: left;
          max-width: 60px;
          margin-left: 30%;
          min-height: 60px; 
          margin-bottom: 5px;
      }
      .menu4-img{
          background-image: url(../img/icons/reglamento.png);
          background-size: cover;
          background-repeat: no-repeat;
          width: 70%;
          height: auto;
          position: relative;
          float: left;
          max-width: 60px;
          margin-left: 30%;
          min-height: 60px; 
          margin-bottom: 5px;
      }
      .menu5-img{
          background-image: url(../img/icons/tramite.png);
          background-size: cover;
          background-repeat: no-repeat;
          width: 70%;
          height: auto;
          position: relative;
          float: left;
          max-width: 60px;
          margin-left: 30%;
          min-height: 60px; 
          margin-bottom: 5px;
      }
      .menu6-img{
          background-image: url(../img/icons/visitanos.png);
          background-size: cover;
          background-repeat: no-repeat;
          width: 70%;
          height: auto;
          position: relative;
          float: left;
          max-width: 60px;
          margin-left: 30%;
          min-height: 60px; 
          margin-bottom: 5px;
      }
      .menu7-img {
        background-image: url(../img/icons/buzon.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 70%;
        height: auto;
        position: relative;
        float: left;
        max-width: 50px;
        margin-left: 30%;
        min-height: 50px;
        margin-bottom: 5px;
    }
      /* TERMINA MENU*/       
    /* INDEX */
    .index_text_cont {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0px;
        width: 100%;
        padding-top: 0px;
    }    
   .item{
    width: 100%;   
    padding-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: white;
}
.item p {
    width: 95%;
    height: auto;
    font-weight: 800;
}
.item2{
    width: 100%;   
    padding: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    color: white;
}
.item2 p {
    width: 95%;
    height: auto;
    font-size: 2em;
    font-weight: 800;
}
.oval-link {
    width: 40%;
    height: 35px;
    background-color: #246b0a;
    color: white;
    text-decoration: none;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 20px;
    transition: background 0.3s;
    padding-top: 10px;
}
.oval-link a:link, .oval-link a:active, .oval-link a:visited{
    width: 40%;
    height: 30px;
    color: white;
    text-decoration: none;
}
.oval-link:hover{
    width: 40%;
    height: 30px;
    text-decoration: none;
    background-color: #1f5a09;
}
   #flyer{
       width: 100%;
       height: auto;
       position: relative;
       float: left;
       margin-left: 0%;
   }   
    #flyer img{
      width: 100%;
      max-width: 100%;
      height: auto;
    } 
  #footer {
      width: 100%;
      height: auto;
      overflow: hidden;
      position: relative;
      min-height: 70px;
      background-color: #138314;
  }    
  #footer div{
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
      color: white;
      text-align: center;
      font-size: 0.8em;      
  }
  ul, ol{
      list-style: none;
  }
  .nav {
    width: 95%;
    overflow: hidden;
    font-size: 1.1em;
    box-sizing: border-box;
    padding: 0px;
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    background-color: #f6f6f6;
    border-radius: 3%;
    margin-left: 2.5%;
}
  .nav li a{      
      text-decoration: none;
      padding: 0px;
      display: block;
      color: black;
  }
  .nav li a:hover{
      color: #35b042;
      z-index: 1;
     height: auto;
  }
  .nav > li{
      width: 100%;
      float:left;
  }
  .nav li ul {
      display: none;
      position: relative;
      min-width: 140px;       
  }
  .nav li:hover > ul{
      display:block;
  }
 .nav li p{
     text-align: center;
     color: #138314;
 }
 .nav li ul li {
  min-height: 40px;
  text-align: center;
  font-size: 0.9em;
}
 .nav li ul li:hover{
     color:#005bb5;
 }
 #clear{
     width: 100%;
     height: 75px;
     position: relative;
     float: left;
     overflow: hidden;
 }
 #contenedor{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    min-height: 650px;
 }
  #contenedor > p{
    padding: 5px;
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    overflow: hidden;
  }
  #index_img{
    width: 100%;
    height: auto;
    min-height: 800px;
    background-image: url('../img/presa_china_1.jpg');
    background-size: cover;
    background-position: center;
  }
 
 #articulos li
    {
        font-size: 16px;
        font-weight: bold;
        list-style-type: upper-roman;
        margin-bottom: 15px;
    }
    .artflagcont{
        width: 100%;
        height: auto;       
        background-color: white; 
        box-sizing: border-box;
        min-height: 60px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0px;
    }
      .admon_cont p{
        font-size: 1.2em;
        text-align: center;
      }
    .artflag {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-left: 0%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .artflag > p {
        text-align: center;
        color: #22294a;
        width: auto;
        box-sizing: border-box;
        /* position: absolute; */
        top: 10px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-family: "Agdasima", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.5em;
    }
        .artflag > img {
            width: 30%;
            max-width: 35px;
            margin-top: 10px;
            position: relative;
            float: left;
            margin-left: 15%;
        }
    #articulos{
        font-family: "Bebas Neue", serif;
        font-style: normal;
        font-size: 1em;
        text-decoration: none;
        font-weight: 100;
    }
    #articulos > li > a{
        text-decoration: none;
        color: #22294a;
        font-size: 1.2em;
    
    }
    .texto1{
        font-family: "Agdasima", sans-serif;       
        font-size: 1.2em;
        font-weight: bold;
        color: #22294a;
    }
    .tablanew a{
        font-family: "Libre Franklin", sans-serif;
        font-style: normal;
        font-size: 1em;
        color: #22294a;
        text-decoration: none;
    }
     .tablanew{
       width: 80%;
       height: auto;
       position: relative;
       margin-left: 5%;
    }
    .tablanew tr{
       width: 100%;
       height: auto;
       position: relative;
    }
      .tablanew tr td{
        width: 33%;
        height: auto;
        position: relative;
        float: left;
        text-align: center;
      }
      #clear{
        width: 100%;
        height: 50px;
        position: relative;
        float: left;
    }
    .eleindexcont{
        width: 100%;
        height: auto;
        position: relative;
        float: left;        
    }
    .eleindex{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
    }
    .eleindex img {
        width: 50%;
        max-width: 250px;
        margin-left: 25%;
    }
    .eleindex2{
        width: 100%;
        height: auto;
        position: relative;
        float:left;
    }
     .eleindex2 img{
        max-width: 310px;
     }
    /* CABILDO */
    .regidor_cont1{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        box-sizing: border-box;
        background-color: #f8feff;
    }
    .regidor_cont2{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        box-sizing: border-box;
        background-color: #f1fafc;
    }
      .regidor_img{
        width: 50%;
        height: auto;
        position: relative;
        float: left;
      }
        .regidor_img img{
            max-width: 150px;
        }     
    .regidor_txt {
        width: 50%;
        height: auto;
        position: relative;
        float: left;
        font-size: 1.1em;
        padding-top: 60px;
        text-align: center;     
    }
    .regidor_n,.regidor_p{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
    }
    .regidor_n p{
        font-family: "Libre Franklin", sans-serif;
        font-weight: bold;
        color: #22294a;
    }
    .regidor_p p{
        font-family: "Agdasima", sans-serif;
        color: #0071db;        
    }
    /* ACTAS */
    .admon_cont{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
    }
      .admon_cont h3{
        font-size: 1.5em;
        font-family: "Libre Franklin", sans-serif;
        font-weight: bold;
        color: #22294a;
        text-align: center;
      }
      .admon_cont ul, ol {
        list-style: none;
        margin: 0;
        padding: 3px;
    }
      .admon_cont li{
        padding-bottom: 10px;
      }
      .admon_cont a {
        text-decoration: none;
        font-family: "Agdasima", sans-serif;
        color: #1e952c;
        font-size: 1.1em;
    }
      .admon_cont a:hover{
        color:#22294a;
      }
          .contenedor_art_col3 table {
        width: 100%;
        height: auto;
        font-size: 1.5em;
        padding-top: 20px;
    }
      /* COMISIONES */
      .comision_group{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        background-color: #f1fff3;
      }
  .comision_cont{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding-top: 25px;
    text-align: center;
  }
  .comision_title{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    font-weight: bold;
    font-family: "Libre Franklin", sans-serif;
    color: #138314;   
    font-size: 1.3em;  
    text-align: center;
    padding-bottom: 10px;
  }
  .comision_txt {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        font-family: "Agdasima", sans-serif;
        color: #22294a;
        font-size: 1.2em;
        padding: 5px;
        text-align: center;
    }
    /* ARTICULOS */
    .contenedor_art, .contenedor_art_col3 {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        background-color: #fcfcfc;
        font-family: "Agdasima", sans-serif;
        color: #22294a;
        min-height: 650px;
        margin-left: 0%;
        padding-top: 5px;
    }
    .contenedor_art > p{
        padding: 5px;
        font-family: "Libre Franklin", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        overflow: hidden;
      }    
    .contenedor_art > table{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        font-size: 1.4em;
        text-align: center;
        padding-top: 50px;
    }
    .contenedor_art > table tr{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .contenedor_art > table td{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        min-height: 100px;
        margin: 0;
        padding: 0;        
    }
    .contenedor_art_col3 > table td {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        min-height: 100px;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .contenedor_art > table a{
       text-decoration: none;
       color: #22294a;
       padding: 5px;
    }
    .contenedor_art_col3 > table a{
        text-decoration: none;
        color: #22294a;
        padding: 5px;
     }
    .contenedor_art > table a:hover{
        text-decoration: none;
        color: white;
        background-color:#35a10c;
    }
    .contenedor_art_col3 > table a:hover{
        text-decoration: none;
        color: white;
        background-color:#35a10c;
    }
    .nom_contenido{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
    }
    .nom_cont{
        width: 95%;
        height: auto;
        position: relative;
        float: left;
        margin-left: 2.5%;
        padding-top: 35px;
        margin-bottom: 35px;
    }
     .nom_cont h3 {
        font-size: 1.5em;
        text-align: center;
        font-family: "Libre Franklin", sans-serif;
        color: #22294a;
      }
      .nom_cont table {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        font-size: 1.6em;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 40px;
        font-family: "Agdasima", sans-serif;
        font-optical-sizing: auto;
        background-color: #f1fafc;
        border-radius: 10px;
    }
      .nom_cont > table a{
        text-decoration: none;
        color: #22294a;
        padding: 5px;
     }
     .nom_cont > table a:hover{
         text-decoration: none;
         color: white;
         background-color:#1c7ad7;
     }
     .nom_cont h3 {
        font-size: 1.4em;
        text-align: center;
        margin: 0;
    }
      
   /* SECRETARIOS */
   .secre_cont{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
   }
   .elemento1{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #FDFFFC;
   }
   .elemento2{
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #F5F7F5;
   }
   .elemento_img{
    width: 50%;
    height: auto;
    position: relative;
    float: left;   
   }
   .elemento_img img{
    max-width: 150px;
   }
   .elemento_txt{
        width: 50%;
        height: auto;
        position: relative;
        float: left;
        padding-top: 20px;  
   }   
    .elemento_txt .elemento_nombre {
         font-family: "Libre Franklin", sans-serif;
        font-weight: bold;
        color: #22294a;
        text-align: center;
        margin: 0;
        padding-top: 10px;
    }
    .elemento_txt .elemento_cargo {
        
        font-family: "Agdasima", sans-serif;
        font-weight: bold;
        color: #22294a;
        text-align: center;
        margin: 0;
        padding-top: 10px;
    }
    /* ALCALDE */
    .alcalde_cont{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .alcalde_img{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
    }
        .alcalde_img img {
            max-width: 310px;
        }
    .alcalde_txt{
        font-size: 1.3em;
        text-align: center;
        width: 100%;
        background-color: #eefff0;
        font-family: "Agdasima", sans-serif;
        padding: 0px;
        color: #242a4a;
       overflow: hidden;
    }   
    .alcalde_txt p{
        margin: 0;
    }
    /*WEBMAIL*/
    .webmail{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 100px;
    }
     .webmail img{
        max-width: 300px;
     }
     /* TRAMITES */
     .tramites_cont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 30px;
        padding-bottom: 0px;
        font-family: "Bebas Neue", serif;
        font-style: normal;
        font-size: 1.2em;
    }
    .tramites_txt{
        position: relative;
        float: left;
        width: 90%;
    }
    .tramites_descarga img{
        position: relative;
        float: left;
        max-width: 45px;
    }
     td.title {
        text-align: center;
        font-family: "Libre Franklin", sans-serif;
        font-weight: bold;
        color: #22294a;
        font-size: 1.2em;
        padding-bottom: 20px;
     }
     td.row1{
        background-color: #eaeaea;
        width: 90%;
     }
     td.row2{
        background-color: #f9f9f9;
        width: 90%;
     }
     .tramites_cont table {
        font-family: "Agdasima", sans-serif;
        color: #0071db;
        font-size: 1.3em;
        margin-top: 30px;
    }
     .tramites_cont table img{
        max-width: 50px;
     }
    /* DIRECTORIO */
    .directorio_cont{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 30px;
        padding-bottom: 35px;    
    }
        .directorio_cont .elemento {
        width: 95%;
        height: auto;
        position: relative;
        float: left;
        margin-bottom: 10px;
        background-color: #FAFAFA;
        padding-top: 10px;
        margin-left: 2.5%;
    }
    .directorio_cont .elemento_nombre {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-top: 10px;
        font-family: "Libre Franklin", sans-serif;
        font-size: 1.1em;
        font-weight: bold;
    }
    .directorio_cont .elemento_secre{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-top: 10px;
        font-family: "Roboto Condensed", serif;
    }
    .directorio_cont .elemento_txt{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-top: 10px;
         font-family: "Roboto Condensed", serif;
         color: #858585;
    }
    .elemento_nombre img {
        max-width: 35px;
        height: auto;
        margin-left: 150px;
    }
    /* AVISO */
    .aviso_cont{
     width: 100%;
     height: auto;
     position: relative;
     padding-top: 15px;   
     overflow: hidden;
    }
    .aviso_cont table{
        width: 100%;
        height: auto;
        background-color: #f1fafc;
        font-family: "Agdasima", sans-serif;
        font-size: 1.2em;
        border-radius: 10px;
    }
    .aviso_cont h2{
        font-family: "Libre Franklin", sans-serif;
        font-weight: bold;
        color: #0071db;
        font-size: 1.2em;
        text-align: center;
        padding-top: 5px;
    }
     .aviso_cont table img{
        max-width: 35px;
     }
/* DIRECTORES */
        .directores_cont{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            margin-bottom: 10px;
        }
        .dire_cont1{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            background-color: #f8feff;
            margin-bottom: 5px;
        }
        .dire_cont2{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            background-color: #f1fafc;
            margin-bottom: 5px;
        }
        .dire_img{
            width: 50%;
            height: auto;
            position: relative;
            float: left;   
        }
        .dire_img img {
            max-width: 160px;
        }
        .dire_txt {
            width: 50%;
            height: auto;
            position: relative;
            float: left;
            padding-top: 10px;
        }
        .dire_n p {
            font-family: "Libre Franklin", sans-serif;
            font-weight: bold;
            color: #22294a;
            text-align: center;
            margin: 0;
            padding-top: 10px;
            font-size: 0.9em;
        }
        .dire_p p {
            font-family: "Agdasima", sans-serif;
            color: #0071db;
            text-align: center;
            font-size: 1em;
            margin: 0;
        }
        /* TURISMO */
        /* Estado inicial de las imágenes */       
 /* AVISO DE PRIVACIDAD*/
 .aviso {
    width: 40%;
    height: auto;
    position: fixed;
    right: 0px;
    top: 300;
 }
    .aviso img {
        width: 100%;
        height: auto;       
        max-width: 150px;        
        margin-top: 10px;      
    }
    .reglamento_cont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 30px;
        padding-bottom: 35px;    
    }
    .reglamento_txt{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding-top: 10px;
        text-align: center;
        font-family: "Libre Franklin", sans-serif;
    }
    .reglamento_cont table{
        width: 100%;
        height: auto;
        font-family: "Bebas Neue", serif;
        font-size: 1.3em;    
    }
    .reglamento_cont table img{
        max-width: 40px;
    }
    .reglamento_cont table tr:nth-child(even) {
        background-color: #ffffff; /* color para filas pares */
        }
    .reglamento_cont table tr:nth-child(odd) {
        background-color: #f0f0f0; /* color para filas impares */
        }
        /*BUZON*/
    .buzon-cont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 30px;
        padding-bottom: 35px;    
    }
    .buzon-cont input[type="text"],input[type="email"]{
        width: 95%;
        height: 40px;
        position: relative;
        float: left;
        margin-left: 2.5%;
        margin-top: 5px;
    }
    .buzon-cont button{
        width: 40%;
        height: 40px;
        position: relative;
        float: left;
        margin-left: 30%;
        margin-top: 10px;
        border-radius: 10px;
    }
    /*TURISMO*/
    .turismo_cont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 150px;
        padding-bottom: 35px;    

    }
    .turismo_circulo img {
          width: 150px;      
          height: 150px;     
          border-radius: 50%; 
          object-fit: cover;  
       }
       .turismo_circulo .turismo_elemento {
          width: 100%;
          height: auto;
          position: relative;
          float: left;
          text-align: center;
            margin: 10px;
       }      
       .galeria h2{
        font-family: "Libre Franklin", sans-serif;
        text-align: center;
       }

        .turismo_elemento img {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 50%; /* hace las imágenes circulares */
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .turismo_elemento img:hover {
            transform: scale(1.05);
        }

        .lugar_nombre {
            margin-top: 8px;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            font-family: "Libre Franklin", sans-serif;
        }

       /* galerías */
       .galeria {
          display: none;
          margin-top: 20px;
          padding: 15px;
          border: 1px solid #ccc;
          background: #f9f9f9;
          clear: both;
       }
       .galeria .imagenes {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 10px;
       }
       .galeria .imagenes img {
          width: 100%;
          height: auto;
          object-fit: cover;
          border-radius: 10px;
          cursor: pointer;
          transition: transform 0.3s;
       }
       .galeria .imagenes img:hover {
          transform: scale(1.05);
       }
       .galeria video {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            margin: 10px 0;
            cursor: pointer;
        }

       /* --- Modal (visor de imágenes/videos) --- */
       .modal {
          display: none;
          position: fixed;
          z-index: 2000;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0,0,0,0.9);
          text-align: center;
       }
       .modal-contenido {
          margin: auto;
          display: block;
          max-width: 90%;
          max-height: 80vh;
          border-radius: 10px;
          margin-top: 5%;
       }
       .cerrar {
          position: absolute;
          top: 20px;
          right: 35px;
          color: white;
          font-size: 40px;
          font-weight: bold;
          cursor: pointer;
       }
       .cerrar:hover {
          color: red;
       }
}
@media only screen and (min-width: 379px) {
    #head_1 img {       
        margin-left: 27%;       
    }
    .secre_img {
        width: 45%;       
    }    
    /* ALCALDE */
    .alcalde_img img {
        max-width: 365px;
    }
        /*INDEX*/
    .eleindex2 img {
        max-width: 365px;
    }
}
@media only screen and (min-width: 439px) {
    #head_1 img {
        margin-left: 30%;
    }
    .nav{
        font-size: 1.4em;
    }
    /* ACTAS */
    .artflag > img {      
        margin-top: 5px;      
        margin-left: 20%;
    }
    /* CABILDO */ 
    .regidor_img {
        width: 45%;       
    }
    /*ARTICULOS*/
    #contenedor > p {      
        margin-top: 70px;
    }
    #articulos > li > a {      
        font-size: 1.3em;
    }   
    /* SECRETARIOS */
    .secre_txt {       
        padding-top: 40px;
    }
    /* ALCALDE */
    .alcalde_img {
        width: 90%;       
        margin-left: 7%;
    }
      /*INDEX*/
      .eleindex2 img {
        max-width: 425px;
    }
    .item {
        padding-top: 35px;        
    }
    .item2 {       
        padding-top: 40px;
    }
    /* DIRECTORES */
    .dire_img {
        width: 45%;       
    }
    /* AVISO DE PRIVACIDAD */
    .aviso {
        width: 25%;        
    }
    .aviso img {        
        max-width: 120px;             
    }
}
@media only screen and (min-width: 600px) {    
  
#head_1{
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  z-index: 1;
}
    #head_1 img {
        margin-left: 33%;
    }
#head_2{
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  z-index: 1;
  display: block;  
}
#head_3{       
  width: 80%;
  height: auto;
  position: relative;
  float: left;
  display: none;   
}
#mostrarmenu {
    width: 45%;
}
.socialmedia_cont {
    width: 10%;    
    margin-top: 15px;
}
/* TERMINA MENU */
/* INDEX*/

.texto1 {
        font-size: 2em;      
    }
    .tablanew a{
        font-size: 1.5em;        
        color: #0071DB;
    }

   
    .nav li a{
        background-color: #f7f7f7;
    }    
    /* INDEX */
    .index_text_cont {
        padding-top: 45px;
    }
    .oval-link {       
        font-size: 1.5em;       
    }    
    /* CABILDO */
    .regidor_img {
        width: 30%;
        margin-left: 10%;
    }
    /* ACTAS */
    .admon_cont {
        width: 90%;       
        margin-left: 10%;
        text-align: center;
    }
      .admon_cont p{
        font-size: 1.4em;
      }
    /* COMISIONES */
    .comision_txt{
        padding-left: 50px;
    }
    /* ARTICULOS */
    .contenedor_art > p{
        padding-left: 15px;
        margin-top: 60px;
    }
    .artflag {
        width: 65%;
        margin-left: 23%;
    }
    .nom_cont{
        width: 80%;      
        margin-left: 10%;       
    }
    
  /* ALCALDE */
  .alcalde_img {
        width: 85%;
        margin-left: 18%;
    }
    .alcalde_txt {
        padding-top: 15px;
        padding-bottom: 15px;
    } 
    /* INDEX */
    .eleindex2 {
        width: 90%;       
        margin-left: 10%;
    }
        .eleindex2 img {
            max-width: 425px;
            margin-left: 5%;
        }
  /* ACTAS */
  .artflag > img {
    width: 30%;
    max-width: 40px;   
    margin-left: 0%;
    }      
    .artflag > p{
        font-size: 1.8em;
    }
   /* TRAMITES */
   td.row1,td.row2{
    width: 95%;
    padding-left: 10px;
   }
   /* AVISO */
   .aviso_cont {
        width: 90%;   
        margin-left: 5%;
        margin-bottom: 15px;
    }
    /* DIRECTORES */
    .directores_cont {
        width: 90%;
        margin-left: 5%;
    }
    .dire_img img {
        max-width: 180px;
    }
    /* SECRETARIOS*/
     .secre_cont {
        width: 90%;
        height: auto;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        margin-left: 5%;
    }
    .elemento_img img {
        max-width: 180px;
    }
   .elemento_txt {
        width: 40%;
        padding-top: 70px;
        font-size: 1.1em;
    }
    /*BUZON*/
    .buzon-cont{
        width: 80%;
        margin-left: 10%;;
    }
    .buzon-cont input[type="text"], input[type="email"] {
       font-size: 1em;
    }
    .buzon-cont button {       
        font-size: 1em;
    }
}
@media only screen and (min-width: 720px) { /* COMIENZA MENU PARA PC*/
    /* Menu */
    #head_m{
        width: 100%;
        height: auto;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        background-color: #f7f7f7;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
        z-index: 99;
    }
    #head_1{
        width: 15%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
      }
    #head_2{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
        display: none;
        background-color: #f7f7f7;
      }
      #head_3{       
        width: 85%;
        height: auto;
        position: relative;
        float: left;
        display: block;   
        background-color: #f7f7f7;     
      }
    #head_1 img {
        width: 90%;       
        max-width: 165px;
        margin-left: 20%;
        margin-top: 5px;
    }   
    #contenedor, #contenido {
        margin-top: 105px;
    }
    .optcont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 15px;
    }
    .nav{
        font-size: 1.3em;
        font-family: "Roboto Condensed", serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
    }  
    .nav p  {
        text-align: center;
    }
    .nav > li {
        width: 16.5%;
        float: left;
        position: relative;
    }
    .nav li ul {
        display: none;
        position: relative;
        min-width: 60px;
        margin-left: -30px;
    }
    .nav li a {
        font-size: 0.8em;
    }    
    .menu1-img,.menu2-img,.menu3-img,.menu4-img,.menu5-img,.menu6-img {
        max-width: 45px;
        min-height: 45px;
        margin-left: 26%;
    }  
    .socialmedia_cont {
        width: 4%;
    }
    /* Termina Menu */
    /* INDEX */
    .index_text_cont {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0px;
        width: 100%;
        padding-top: 90px;
    }
    
   .item{
    width: 100%;   
    padding-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    color: white;
}
.item p {
    width: 50%;
    height: auto;
    font-weight: 800;
}
.item2{
    width: 100%;   
    padding: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    color: white;
}
.item2 p {
    width: 60%;
    height: auto;
    font-size: 3.5em;
    font-weight: 800;
}
.oval-link {       
    width: 10%;
    height: 30px;
    background-color: #246b0a;
    color: white;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 50px;
    transition: background 0.3s;
    padding-top: 10px;
}
.oval-link a:link, .oval-link a:active, .oval-link a:visited{
    width: 10%;
    height: 30px;
    color: white;
    text-decoration: none;
}
.oval-link:hover{
    width: 10%;
    height: 30px;
    text-decoration: none;
    background-color: #1f5a09;
}
#index_img {
    min-height: 800px;
}
    .artflag {
        width: 40%;
        margin-left: 30%;
    }   
    .texto1 {
       width: 90%;
       margin-bottom: 15px
    }
    .eleindexcont{
        width: 100%;
        margin-left: 0%;
    }
        .eleindex {
            width: 33%;
            margin-bottom: 30px;
        }
    .eleindexcont2{
        width: 100%;
        margin-left: 0%;
    }
        .eleindex2 img {
            margin-left: 10%;
        }
    /* COMISIONES */
    .comision_group{
             padding-top: 45px;     
              padding-bottom: 45px;     
        }
        .comision_cont{
            width: 100%;   
            height: auto;         
        }
        .comision_txt{
            padding-left: 0px;
        }  
   /* ARTICULOS */
   .contenedor_art, .contenedor_art_col3 {
        width: 80%;
        min-height: 570px;
        margin-left: 10%;
        padding-top: 15px;
    }
   .contenedor_art > table td{
      width: 50%;   
    }
    .contenedor_art_col3 > table {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        font-size: 1.6em;
    }
    .contenedor_art_col3 > table td{
        width: 33%;
     
      }
    /* SECRETARIOS */
    .secre_img {
        width: 35%;
    }
        .secre_img img {
            max-width: 170px;
        }
    .secre_cont1,.secre_cont2 {
        width: 90%;
        margin-left: 5%;       
    }
    .secre_txt {
        padding-top: 60px;
    }
    /* ALCALDE */
    .alcalde_img {
        width: 80%;
        margin-left: 22%;
    }
    /* DIRECTORES */
    .dire_img img {
        max-width: 200px;
    }
    .dire_img {
        width: 40%;
    }
    .dire_txt {       
        padding-top: 30px;
    }
    /* REGLAMENTOS */
    .menucont {
        width: 94%;     
    }
    .reglamento_cont table img{
        max-width: 40px;
    }
    /*BUZON*/
        .buzon-cont {
            width: 60%;
            margin-left: 20%;
        }
    /*DIRECTORIO*/
     .elemento_nombre img {       
        margin-left: 50px;
    }
    /*TURISMO*/
    .turismo_circulo .turismo_elemento {
          width: 22%;         
       }      
    .galeria .imagenes img {
        width: 150px;
        height: 100px;
        
    }
 }
@media only screen and (min-width: 980px) { 
    #head_1 img {
        max-width: 140px;
    }
    
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img, .menu6-img {      
        margin-left: 33%;
    }
   
    .nav li a {
        font-size: 0.9em;      
    } 
    /* CABILDO */
    .regidor_cont1,.regidor_cont2 {
        width: 80%;       
        margin-left: 10%;
    }    
    .regidor_p p {       
        font-size: 1.3em;
    }
    /* ACTAS */
    .admon_cont {
        width: 90%;
        margin-left: 0%;
    }
    /* ARTICULOS */
    .contenedor_art > p {
        padding-left: 15px;
        font-size: 1.2em;
    }
    .nom_cont {
        width: 50%;
        margin-left: 25%;
        padding-top: 35px;
        margin-bottom: 35px;
    }    
    /* ALCALDE */
    .alcalde_img {
        margin-left: 30%;
    }
    .alcalde_txt {
        font-size: 1.4em;
    }
    /* INDEX */
    .eleindex2 img {
        max-width: 550px;
    }
    
     /* AVISO */
   .aviso_cont {
        width: 80%;   
        margin-left: 10%;
    }
    /*SECRETARIOS*/
    .secre_cont {
        width: 75%;  
        margin-left: 12.5%;
        margin-top: 25px;
    }
    .elemento_img img {
      max-width: 200px;
    }
    /* DIRECTORES */
    .directores_cont {
        width: 80%;
        margin-left: 10%;
    }
    .dire_n p {     
        font-size: 1.1em;
    }
    .dire_P p {     
        font-size: 1.2em;
    }
    /* AVISO DE PRIVACIDAD */
        .aviso {
        width: 15%;
    }
    /* REGLAMENTOS */
    .reglamento_cont table {
        width: 90%;       
        margin-left: 5%;
    }
    /*DIRECTORIO*/
        .directorio_cont {
            width: 80%;            
            margin-left: 10%;
        }
        .directorio_cont .elemento_nombre {            
            font-size: 1.2em;            
        }
   
}
@media only screen and (min-width: 1020px) { 
    /* CABILDO */
    .regidor_cont1,.regidor_cont2 {
        width: 70%;       
        margin-left: 15%;
    }    
    /* INDEX */
    .eleindex2 img {
        margin-left: 12%;
    } 
    /* TRAMITES */
    .tramites_cont table {       
        font-size: 1.4em;
    }
    
}
@media only screen and (min-width: 1260px) { 
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img, .menu6-img {      
        margin-left: 35%;
    }    
    #flyer {
        width: 80%;       
        margin-left: 20%;
        
    }
    #flyer img{
        max-width: 650px;
        margin-left: 5%;
    }
    /* ACTAS */
    .admon_cont ul, ol {          
        font-size: 1.2em;
    }
    /* COMISIONES */
    .comision_group {
        width: 90%;
        margin-left: 5%;
    }
    /* ARTICULOS */
    .contenedor_art{
        width: 90%;
        height: auto;
        position: relative;
        margin-left: 5%;
        border-radius: 10px;
    }
    .contenedor_art > p {        
        font-size: 1.3em;
    }
    .nom_contenido {
        width: 80%;      
        margin-left: 10%;
    }
    /* SECRETARIOS */
       .secre_cont {
        width: 60%;
        margin-left: 20%;      
    }
    .elemento_img img {
        max-width: 250px;
    }
    .elemento_txt {
        width: 40%;
        padding-top: 110px;
        font-size: 1.3em;
    }
    /* ALCALDE */
    .alcalde_cont {
        width: 94%;
        margin-left: 2.5%;
        min-height: 650px;
    }
    .alcalde_img {
        width: 31%;
        margin-left: 11%;
    }
    .alcalde_txt {
        width: 50%;
        font-size: 1.5em;
        position: relative;
        float: left;
        min-height: 538px;
        padding: 5px;
        border-radius: 10px;
    }
    /* INDEX */
    .eleindex2 {
        width: 85%;
        margin-left: 15%;
    }
    /* TRAMITES */
    .tramites_cont {
        width: 80%;  
        margin-left: 10%;
    }
    /* DIRECTORIO */
   
      /* AVISO */
    .aviso_cont {
        width: 70%;   
        margin-left: 15%;
    }
    /* DIRECTORES */
    .directores_cont {
        width: 70%;
        margin-left: 15%;
    }
    .dire_img img {
        max-width: 240px;
    }
    .dire_txt {
        padding-top: 45px;
    }
    .aviso {
        width: 10%;
        top: 610px;
    }
    /* REGLAMENTOS */
    .reglamento_txt{
        font-size: 1.4em;
    }
    .reglamento_cont table{
        font-size: 1.5em;
    }
    /*BUZON*/
    .buzon-cont {
        width: 40%;
        margin-left: 30%;
    }
    /*DIRECTORIO*/
    .directorio_cont {
        width: 70%;
        margin-left: 15%;
    }
}
@media only screen and (min-width: 1440px) { 
    #head_1 img {
        width: 80%;
        margin-left: 32%;
        max-width: 150px;
    }  
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img, .menu6-img {      
        margin-left: 39%;
    }   
    
    .eleindexcont {
        width: 80%;
        margin-left: 10%;
    }
    /* CABILDO */
    .regidor_cont1, .regidor_cont2 {
        width: 60%;
        margin-left: 20%;
    }
    .regidor_img img {
        max-width: 200px;
    }
    /* COMISIONES */
    .comision_txt {
        padding-left: 40px;
    }
    /* ARTICULOS */
    .contenedor_art > table {
        width: 60%;      
        margin-left: 20%;
    }
    .nom_contenido {
        width: 70%;
        margin-left: 15%;
    }
    /* ALCALDE */
    .alcalde_cont {
        width: 88%;
    }
    .alcalde_img img {
        max-width: 648px;
    }
    .alcalde_txt {       
        min-height: 570px;
    }    
    /* INDEX */
    .eleindex2 {
        width: 80%;
        margin-left: 20%;
    }
    #flyer img {
        margin-left: 10%;
    }
    /* TRAMITES */
    .tramites_cont {
        width: 70%;  
        margin-left: 15%;
    }
   
        /* AVISO */
    .aviso_cont {
        width: 65%;   
        margin-left: 17.5%;
    }
    /* SECRETARIOS */
    .elemento_img img {
        max-width: 260px;
    }
    /* DIRECTORES */
    .directores_cont {
        width: 60%;
        margin-left: 20%;
    }
    .dire_img img {
        max-width: 255px;
    }
    /*DIRECTORIO*/
    .directorio_cont {
        width: 60%;
        margin-left: 20%;
    }
    .comision_group{
        padding-top: 55px;       
    }
}
@media only screen and (min-width: 1660px) { 
.menucont{
    margin-top: 10px;
}
#head_1 {
    width: 30%;
}
#head_1 img {
    max-width: 140px;
    margin-left: 70%;
}
#head_3 {
    width: 70%; 
}
.menucont {
    width: 75%;
    margin-left: 10%;
}
    .nav > li {
        width: 16.5%;
        float: left;
        position: relative;
    }
    .nav li a p {
        width: 100%;
        position: relative;
        float: left;
    }
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img, .menu6-img {       
        margin-left: 40%;
    }
    .admon_cont{
        margin-top: 0px;
     }
     .menucont {
        width: 60%;
        margin-left: 15%;
    }
    /*Termina menu */
    .artflag {
       width: 40%;
        margin-left: 30%;
    }
    .artflag > img {
        width: auto;        
        margin-top: 10px;        
    }
    .artflag > p {
        width: auto;
        font-size: 2em;
        position: relative;
        float: left;
        margin-left: 45%;
    }
    .eleindexcont {
        width: 60%;
        margin-left: 20%;
    }
    /* COMISIONES */
    .comision_txt {
        padding-left: 60px;
    }
    /* ARTICULOS */
    .contenedor_art > table {
        font-size: 1.6em;
    }
    .artflag > img {       
        margin-left: 4%;
    }
     .artflag > p {      
        margin-left: 25%;
    }
    /* SECRETARIOS */
    .secre_cont {
        width: 55%;
        margin-left: 22.5%;
    }
    /* ALCALDE */
    .alcalde_cont {
        margin-left: 6.5%;
        min-height: 650px;
        padding-top: 40px;
    }
    .alcalde_img {
        width: 45%;
        margin-left: 4%;
    }
    /* INDEX */
    .eleindex2 img {
        max-width: 600px;
    }
    /* TRAMITES */
    .tramites_cont {
        width: 60%;
        margin-left: 20%;
    }
    /* DIRECTORIO */
    
     /* AVISO */
     .aviso_cont {
        width: 60%;   
        margin-left: 20%;
    }
    .aviso_cont h2 {   
        font-size: 1.3em;
    }
    .aviso_cont table {      
        font-size: 1.3em;
    }
    /* DIRECTORES */
    .directores_cont {
        width: 55%;
        margin-left: 22.5%;
    }
    .dire_txt {
        padding-top: 50px;
    }
    .dire_img img {
        max-width: 265px;
    }
    #contenedor {    
        margin-top: 175px;  
        min-height: 820px;
    }
    /*TURISMO*/
        .lugar_nombre {       
        font-size: 1.3em;
    }


}
@media only screen and (min-width: 1720px) {    
   
  #head_1{
    width: 40%;
  }
    #head_1 img {
        max-width: 160px;
        margin-left: 60%;
    }
  #head_3{
    width: 60%;
  } 
 
    .menucont{
        width: 70%;
    }
    .nav {
        font-size: 1em;
    }
    .nav > li {
        width: 16.5%;
        float: left;
        position: relative;
    }    
    .nav li a {
        font-size: 1.2em;
    }
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img, .menu6-img {
        max-width: 55px;
        min-height: 55px;
        margin-left: 30%;
    }
    /* ALCALDE */
    .alcalde_cont {
        width: 100%;
        margin-left: 0%;
    }
    .alcalde_img {
        width: 50%;
        margin-left: 0%;
        position: relative;
        float: left;
        padding-right: 0%;
        margin-left: 0%;
    }
    .alcalde_img img {
        max-width: 700px;
    }
    .alcalde_txt {
        width: 30%;      
        min-height: auto;      
         position: relative;
        float: left; 
        margin-left: 15%;
    }
    /* CABILDO */
    .regidor_cont1, .regidor_cont2 {
        width: 50%;
        margin-left: 25%;
    }    
    /* COMISIONES */
    .comision_txt {
        padding-left: 80px;
    }
     /* SECRETARIOS */
     .secre_img img{       
        max-width: 230px;
    }
    .secre_n p {
        font-size: 1.5em;
    }
    .secre_p p {
        font-size: 1.6em;
    }
    /* ALCALDE */
    .alcalde_cont {
        margin-left: 8.5%;   
    }
    .alcalde_img {
        width: 23%;
        margin-left: 11%;
    }
    /* INDEX */
    .eleindex2 img {
        margin-left: 15%;
    }
    #flyer img {
        max-width: 700px;
    }
    /* DIRECTORIO */
   
     /* AVISO */
     .aviso_cont {
        width: 50%;   
        margin-left: 25%;
    }
    /* SECRETARIOS */
    .secre_cont {
        width: 40%;
        margin-left: 30%;
    }
     /* DIRECTORES */
     .directores_cont {
        width: 50%;
        margin-left: 25%;
    }
    .dire_txt {
        padding-top: 55px;
    }
    .dire_img img {
        max-width: 275px;
    }
    .contenedor_art_col3 > table {       
        font-size: 1.6em;
    }
}
@media only screen and (min-width: 1960px) { 
    #index_img {
        min-height: 950px;
    }
    /* AVISO DE PRIVACIDAD */
    .aviso {
        width: 10%;
        top: 810px;
    }
        .aviso img {
        max-width: 160px;
    }
}
@media only screen and (min-width: 2559px) { 
}
@media only screen and (min-width: 3840px) { 
}
@media only screen and (min-width: 4095px) { 
    
}