No se encontró la noticia.
                                    </section>




                                    <section class="about scroll" id="about">
                                        <br><br><br><br>
                                        <div class="container2">
                                            <h2 class="text-center">
                                                Mas noticias
                                            </h2>
                                            <br>
                                                                                    </div>
                                    </section>
                                </div>

                                
                            </div>




                            <section class="logos_alca">
                                <div class="container">
                                    <div class="row">
                                        <div style="display: flex; ">
                                            

<div class="contenedor">
    <div class="flex">
  <img class="uno"  src="img/nombre_alcaldia.png" style=" position: absolute; width: 70%;   z-index: 1;     background-color: #0275B9 ; ">
    <img class="top" src="img/que_mereces.png"  style=" position: absolute; width: 100%;   z-index: 1;     background-color: #0275B9 ;">
</div>
</div>
 <style>

.flex{

display: flex;

}

.contenedor {
  position: relative;
  height: 500px;
  width: 100%;
  float: left;
}

.uno{

  margin-left: 149px;

}

.contenedor img {
  position: absolute;
  left: 0;
  transition: opacity 1.5s ease-in-out;
}

.contenedor img.top:hover {
  opacity: 0;
  position: absolute; 
  width: 100%;   
  z-index: 1;     
  background-color: #0275B9;
}

@media screen and (max-width: 491px) {

.uno{

margin-left: 55px;

}

.flex{

display: flex;

}

}
</style>
                                        </div>
                                    </div>
                                </div>
                            </section>

                            <div>
                                <br>
                            </div>

                            <section id="footer">
                                <div>
                                    <!-- partial:index.partial.html -->
<footer class="footer-section">
  <div class="container">
    <div class="footer-cta pt-5 pb-5">
      <div class="row">
        <div class="col-xl-4 col-md-4 mb-30">
          <div class="single-ctaa">
            <div class="flex" style=" margin-top: 20px;">
              <i class="fas fa-map-marker-alt"></i>
              <div class="cta-text">
                <h4>Ubicación</h4>
                <span>Av. Alberto Carnevalli, Urb. Mérida, San Cristóbal, Estado Táchira</span>
              </div>
            </div>
          </div>
        </div>
        <div> <br> </div>
        <div class="col-xl-4 col-md-1 mb-30 dos"></div>
        <div class="col-xl-4 col-md-3 mb-30 dos">
          <div class="single-cta">
            <i class="fas fa-phone"></i>
            <div class="cta-text">
              <h4>Teléfonos</h4>
              <span>0276-3472022</span>
              <br>
              <span>0276-3476036</span>
              <br>
              <span>0276-3477465</span>
            </div>
          </div>
        </div>
        <div> <br> </div>
        <div class="col-xl-4 col-md-4 mb-30">
          <div class="single-cta">
            <i class="far fa-envelope-open"></i>
            <div class="cta-text">
              <h4>Email</h4>
              <span>despacho@alcaldiasancristobal.gob.ve</span>
            </div>
          </div>
        </div>
        <div> <br><br> </div>
      </div>
    </div>
    <div class="footer-content pt-5 pb-5">
      <div class="row">
        <div class="col-xl-4 col-lg-4 col-md-4 mb-50" style="padding-top: 15px;">


          <div class="footer-widget" style="    display: flex;">
            <div class="footer-logo" style="width: 200px;">
              <a href="http://www.tachira.gob.ve/" target="_blank"><img src="img/logo_gobernacion.png" class="img-fluid"
                  alt="logo"></a>
            </div>
            <div class="footer-logo" style="width: 150px;">
              <a href="http://www.tachira.gob.ve/gobernador-freddy-bernal/" target="_blank"><img
                  src="img/freddy_gobernador.png" style="    height: 65px;     margin-left: 20px;" alt="logo"></a>
            </div>

          </div>


          <div class="footer-widget" style="    display: flex;">
            <div class="footer-logo" style="width: 200px;">
              <a href="index.php"><img src="img/nombre_alcaldia.png" class="img-fluid" alt="logo"></a>
            </div>
            <div class="footer-logo" style="width: 150px;">
              <a href="alcaldia/alcalde.php"><img src="img/logo_Silfredo_Alcalde.png"
                  style="    height: 76px;     margin-left: 20px;" alt="logo"></a>
            </div>
          </div>



        </div>
        <div class="col-md-1"></div>
        <div class="col-md-7 mb-30">
          <div class="footer-widget">
            <div class="footer-widget-heading">
              <center>
                <h3>Enlaces de Interés</h3>
              </center>

            </div>

            <div style="display: flex;  justify-content: space-around;;">
            <a href="login.php"><img src="img/login.png" alt="" style="width: 80px; height: 80px;" title="Iniciar sesión"></a>
            <a href="https://mail.alcaldiasancristobal.gob.ve" target="_blank" title="Mail"><img src="img/MAIL.png"
                style="width: 80px; height: 80px;" alt="logo"></a>
            <a href="https://repositorio.alcaldiasancristobal.gob.ve" target="_blank" title="Repositorio "><img
                src="img/Repositorio.png" style="width: 80px; height: 80px;" alt="logo"></a>
            <a href="http://192.168.0.21/sirad" target="_blank" title="Sistemas "><img src="img/Sistemas.png"
                style="width: 80px; height: 80px;" alt="logo"></a>
              </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  </div>

</footer>
<div class="copyright-area">
  <div class="container">
    <div class="row">
      <div class="col-xl-12 col-lg-12 text-center text-lg-left">
        <div class="copyright-text" style="     text-align-last: center; ">
          <p>Copyright &copy; 2025, Todos los derechos reservados <a href="../dit/">DIRECCIÓN DE INFORMÁTICA Y
              TECNOLOGÍA.</a></p>
        </div>
      </div>

    </div>
  </div>
</div>
<!-- partial -->


<style>
  .single-ctaa i {
    color: #12BCE2;
    font-size: 30px;
    float: left;
    margin-top: 8px;
    padding-left: 10px;
  }

  .flex {
    display: flex;
  }

  ul {
    margin: 0px;
    padding: 0px;
  }

  .footer-section {
    background-color: white;
    background-image: url(img/fondo_footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;


  }

  .footer-cta {
    border-bottom: 1px solid #373636;
  }

  .single-cta i {
    color: #12BCE2;
    font-size: 30px;
    float: left;
    margin-top: 8px;
  }

  .cta-text {
    padding-left: 15px;
    display: inline-block;
  }

  .cta-text h4 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
  }

  .cta-text span {
    color: #000000;
    font-size: 15px;
  }

  .footer-content {
    position: relative;
    z-index: 2;
  }

  .footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
  }

  .footer-logo {
    margin-bottom: 30px;
  }

  .footer-logo img {
    max-width: 200px;
  }

  .footer-text p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
  }

  .footer-social-icon span {
    color: #000000;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
  }

  .footer-social-icon a {
    color: #000000;
    font-size: 16px;
    margin-right: 15px;
  }

  .footer-social-icon i {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
  }

  .facebook-bg {
    background: #3B5998;
  }

  .twitter-bg {
    background: #55ACEE;
  }

  .google-bg {
    background: #DD4B39;
  }

  .footer-widget-heading h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
  }

  .footer-social-icon h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
  }


  .footer-widget-heading h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    height: 2px;
    width: 580px;
    background: #12BCE2;
  }

  .footer-widget ul li {
    display: inline-block;
    float: left;
    width: 50%;
    margin-bottom: 12px;
  }

  .footer-widget ul li a:hover {
    color: #12BCE2;
  }

  .footer-widget ul li a {
    color: #000000;
    text-transform: capitalize;
  }

  .subscribe-form {
    position: relative;
    overflow: hidden;
  }

  .subscribe-form input {
    width: 100%;
    padding: 14px 28px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E;
    color: #000000;
  }

  .subscribe-form button {
    position: absolute;
    right: 0;
    background: #12BCE2;
    padding: 13px 20px;
    border: 1px solid #12BCE2;
    top: 0;
  }

  .subscribe-form button i {
    color: #000000;
    font-size: 22px;
    transform: rotate(-6deg);
  }

  .copyright-area {
    background: #cbdcdf;
    padding: 25px 0;
  }

  .copyright-text p {
    margin: 0;
    font-size: 14px;
    color: #000000;
  }

  .copyright-text p a {
    color: #025287;
  }

  .footer-menu li {
    display: inline-block;
    margin-left: 20px;
  }

  .footer-menu li:hover a {
    color: #12BCE2;
  }

  .footer-menu li a {
    font-size: 14px;
    color: #000000;
  }

  @media screen and (max-width: 491px) {

    .flex {}

    .footer-section {
      background-image: url(img/fondo_footer_movil.png);
      background-repeat: no-repeat;
      position: relative;
      text-align: center;
      background-size: 100% 100%;
    }

    .single-cta i {
      color: #12BCE2;
      font-size: 30px;
      float: left;
      margin-top: 8px;
      padding-left: 50%;

    }

    .dos {

      display: flex;
      justify-content: center;
    }

    .espacio {

      br {
        display: none;
      }
    }

  }
  
    @media screen and (max-width: 767px) {


.footer-widget-heading h3::before {
  width: 100%; }

}
</style>                                </div>
                            </section>


                </body>

                <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
                <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
                <script src='https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js'></script>
                <script src="./script.js"></script>

            </body>
            <style>
                .container2 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

                .container-fluid {
                    background-color: aliceblue;
                }

                .card-list {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                    max-width: 100%;
                    margin: 20px auto;
                    padding: 20px;
                    gap: 20px;
                    width: 88%;
                }

                .img_banner {
                    width: 80%;
                    margin-left: 10%;
                }

                .card-text {
                    padding-left: 10%;
                    padding-right: 10%;
                }

                .img-noti {

                    width: 50%;
                }

                .quien {

                    display: flex;
                }

                .flex {

                    display: flex;

                }

                .noti {

                    width: 100%;

                }

                .info {

                    width: 20%;

                }

                .cards1 {

                    width: 100%;



                }

                .logos_alca {
                    height: 380px;
                    padding-top: 32px;
                    background-color: #0275B9;


                }

                h2 {
                    font-family: auto;
                    font-weight: 500;
                    line-height: 1.1;
                    color: black;
                }

                .h1,
                h1 {
                    font-size: 24px;
                }

                p {
                    text-align: justify;
                }

                @media screen and (max-width: 491px) {

                    .img_banner {
                        width: 50%;
                        margin-left: 25%;
                    }

                    .quien {

                        display: flex;
                        flex-direction: column;
                    }

                    .flex {

                        display: flex;
                        flex-direction: column;
                    }

                    .info {

                        display: flex;
                        width: 100%;
                    }

                    .noti {
                        text-align: center;
                        align-self: center;
                    }

                    .logos_alca {

                        height: 170px;
                        padding-top: 32px;
                        background-color: #0275B9;

                    }

                    h2 {
                        font-size: 14px;
                    }

                    .h1,
                    h1 {
                        font-size: 14px;
                    }

                    .img-noti {

                        width: 100%;
                    }

                    p {
                        text-align: justify;
                    }

                    .card-list {
                    
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                    max-width: 100%;
                    margin-bottom: 20px;
                    margin: 0px 0px;
                    padding: 0px;
                    gap: 0px;
                }

                .container2 {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.card-item{
    margin-bottom: 20px;
}



                }
            </style>

            </html>