<!DOCTYPE html>
    <html lang="es">
 
    <head>
        <meta charset="UTF-8">
        <meta name="copyright" content="&copy; DIECSA - Postes de concreto y renta de grúas" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Fabricantes de prefabricados de concreto para proyectos de electrificación aérea y subterránea." />
        <meta name="theme-color" content="#005d2f">
        <meta name="twitter:card" content="summary">
        <meta property="og:type" content="website">
        <meta property="og:title" name="twitter:title" content="DIECSA - Postes de concreto y renta de grúas">
        <meta property="og:description" name="twitter:description" content="Fabricantes de prefabricados de concreto para proyectos de electrificación aérea y subterránea.">
        <meta property="og:image" name="twitter:image" content="http://diec-sa.com.mx/assets/images/carousel-1.jpg">
        <meta property="og:url" name="twitter:url" content="http://diec-sa.com.mx/">
        <link rel="canonical" href="http://diec-sa.com.mx/">
        <link rel="icon" href="http://diec-sa.com.mx/assets/images/logo.svg" type="image/icon">
        <link rel="favicon" href="http://diec-sa.com.mx/assets/images/logo.svg">
        <link rel="apple-touch-icon" href="http://diec-sa.com.mx/assets/images/logo.svg">
        <link rel="preload" as="font" href="http://diec-sa.com.mx/webfonts/franklin-gothic-heavy.ttf" crossorigin="anonymous">
        <link rel="preload" as="font" href="http://diec-sa.com.mx/webfonts/ebrima.ttf" crossorigin="anonymous">
        <link rel="preload" as="style" href="http://diec-sa.com.mx/css/normalize.min.css">
        <link rel="preload" as="style" href="http://diec-sa.com.mx/css/bootstrap.min.css">
        <link rel="preload" as="style" href="http://diec-sa.com.mx/css/all.min.css">
        <link rel="preload" as="style" href="http://diec-sa.com.mx/css/styles.min.css">
        <link rel="preload" as="script" href="http://diec-sa.com.mx/js/jquery.min.js">
        <link rel="preload" as="script" href="http://diec-sa.com.mx/js/bootstrap.bundle.min.js">
        <link rel="preload" as="script" href="http://diec-sa.com.mx/js/cotiza.min.js">
        <link rel="preload" as="script" href="http://diec-sa.com.mx/js/main.min.js">
        <link rel="stylesheet" type="text/css" href="http://diec-sa.com.mx/css/normalize.min.css" />
        <link rel="stylesheet" type="text/css" href="http://diec-sa.com.mx/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="http://diec-sa.com.mx/css/all.min.css" />
        <link rel="stylesheet" type="text/css" href="http://diec-sa.com.mx/css/styles.min.css" />
        <title>DIECSA - Postes de concreto y renta de grúas</title>
    </head>
 
    <body>
 
        <nav id="navbar" class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="cinta">
                <div>
                    <p>
                        <i class="fas fa-phone-alt"></i> Ventas: 222 573 0102
                    </p>
                    <p>
                        Atención a Clientes: 222 285 6525
                    </p>
                    <p>
                        <i class="far fa-envelope"></i> contacto@diec-sa.com.mx
                    </p>
                </div>
                <div>
                    <p>
                        <i class="far fa-clock"></i> Lunes - Sabado <span>8:30am – 6:30pm</span>
                    </p>
                    <p class="redes">
                        <a aria-label="Enlace externo hacia Facebook" href="https://www.facebook.com/Diecsa-Postes-de-concreto-y-renta-de-gr%C3%BAas-104834795143937" target="_blank" rel="noopener noreferrer">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a aria-label="Enlace externo hacia Instagram" href="https://www.instagram.com/diecsadecv/" target="_blank" rel="noopener noreferrer">
                            <i class="fab fa-instagram"></i>
                        </a>
                        <a aria-label="Enlace externo hacia Twitter" href="https://twitter.com/diecsadecv" target="_blank" rel="noopener noreferrer">
                            <i class="fab fa-twitter"></i>
                        </a>
                    </p>
                </div>
            </div>
            <div class="container">
                <a class="navbar-brand" href="http://diec-sa.com.mx/">
                    <img src="http://diec-sa.com.mx/assets/images/logo-2.svg" width="210.50" height="120" class="img-header" alt="DIECSA">
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link inicio active" data-id="inicio" href="http://diec-sa.com.mx/"><i class="fas fa-home"></i> Inicio</a>
                        </li>
                        <li class="nav-item">
                            <div class="btn-group">
                                <a class="btn nav-link " href="#productos">
                                    <i class="fas fa-cogs"></i> Productos
                                </a>
                                <button type="button" class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="visually-hidden">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu menu-productos">
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/postes-concreto">Postes de Concreto</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/registros-concreto">Registros de Concreto</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/bases-concreto">Bases de Concreto</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/muretes-medicion">Muretes de Medición</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/postes-luminaria">Postes Metálicos y Luminarias</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/torres-acero">Torres de Acero Tubular</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/material-electrico">Material Eléctrico</a></li>
                                    <li><a class="dropdown-item " href="http://diec-sa.com.mx/fundicion-polimerico">Fundición / Polimerico</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <div class="btn-group">
                                <a class="btn nav-link" href="#servicios">
                                    <i class="fas fa-truck-moving"></i> Servicios
                                </a>
                                <button type="button" class="btn dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="visually-hidden">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu menu-servicios">
                                    <li><a class="dropdown-item" data-menu="gruas" href="http://diec-sa.com.mx/#servicios">Grúas Articuladas</a></li>
                                    <li><a class="dropdown-item" data-menu="obra" href="http://diec-sa.com.mx/#servicios">Obra Eléctrica y Civil</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-id="contactanos" href="#contactanos"><i class="fas fa-phone-alt"></i> Contacto</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="title-navbar">
                <p>
                    Fabricantes de Infraestuctura Eléctrica
                </p>
            </div>
        </nav>
 
    <div id="carouselHeader" class="carousel slide carousel-fade carouselHeader" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselHeader" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselHeader" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselHeader" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="http://diec-sa.com.mx/assets/images/carousel-1.jpg" class="d-block w-100" alt="DIECSA">
                <div class="carousel-caption">
                    <h1>Empresa Con <span>20 Años de Experiencia</span></h1>
                    <p>DIECSA es una empresa dedica a la fabricación de prefabricados de concreto para satisfacer las necesidades de electrificación aérea y subterránea que requieran nuestros clientes.</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="http://diec-sa.com.mx/assets/images/carousel-2.jpg" class="d-block w-100" alt="DIECSA">
                <div class="carousel-caption">
                    <h1>Empresa Con <span>20 Años de Experiencia</span></h1>
                    <p>DIECSA es una empresa dedica a la fabricación de prefabricados de concreto para satisfacer las necesidades de electrificación aérea y subterránea que requieran nuestros clientes.</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="http://diec-sa.com.mx/assets/images/carousel-3.jpg" class="d-block w-100" alt="DIECSA">
                <div class="carousel-caption">
                    <h1>Empresa Con <span>20 Años de Experiencia</span></h1>
                    <p>DIECSA es una empresa dedica a la fabricación de prefabricados de concreto para satisfacer las necesidades de electrificación aérea y subterránea que requieran nuestros clientes.</p>
                </div>
            </div>
        </div>
    </div>
 
    <div id="productos" class="separador productos">
    <div>
        <h2>Nuestros Productos</h2>
    </div>
    <div>
        <p>cuentan con la certificacion CFE, a través de LAPEM</p>
    </div>
    </div>
 
    <div class="productos-gallery">
 
    <div class="container">
        <div class="button-group filters-button-group">
            <div class="postes-concreto">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-1.svg" class="img-fluid" alt="Postes de Concreto">
                </div>
                <a class="button" href="http://diec-sa.com.mx/postes-concreto">Postes de Concreto</a>
            </div>
            <div class="registros-concreto">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-2.svg" class="img-fluid" alt="Registros de Concreto">
                </div>
                <a class="button" href="http://diec-sa.com.mx/registros-concreto">Registros de Concreto</a>
            </div>
            <div class="bases-concreto">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-3.svg" class="img-fluid" alt="Bases de Concreto">
                </div>
                <a class="button" href="http://diec-sa.com.mx/bases-concreto">Bases de Concreto</a>
            </div>
            <div class="muretes-medicion">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-4.svg" class="img-fluid" alt="Muretes de Medición">
                </div>
                <a class="button" href="http://diec-sa.com.mx/muretes-medicion">Muretes de Medición</a>
            </div>
            <div class="postes-luminaria">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-5.svg" class="img-fluid" alt="Postes Metálicos y Luminarias">
                </div>
                <a class="button" href="http://diec-sa.com.mx/postes-luminaria">Postes Metálicos y Luminarias</a>
            </div>
            <div class="torres-acero">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-6.svg" class="img-fluid" alt="Torres de Acero Tubular">
                </div>
                <a class="button" href="http://diec-sa.com.mx/torres-acero">Torres de Acero Tubular</a>
            </div>
            <div class="material-electrico">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-7.svg" class="img-fluid" alt="Material Eléctrico">
                </div>
                <a class="button" href="http://diec-sa.com.mx/material-electrico">Material Eléctrico</a>
            </div>
            <div class="fundicion-polimerico">
                <div class="img-button">
                    <img width="234" height="223" src="http://diec-sa.com.mx/assets/images/producto-8.svg" class="img-fluid" alt="Fundición / Polimérico">
                </div>
                <a class="button" href="http://diec-sa.com.mx/fundicion-polimerico">Fundición / Polimérico</a>
            </div>
        </div>
 
    </div>
    </div>
 
    <div id="servicios" class="separador productos">
    <div>
        <h2>Nuestros Servicios</h2>
    </div>
    <div>
        <p>Ofrecemos una amplia gama de servicios logisticos y de asesoria para tus proyectos de obra eléctrica y civil</p>
    </div>
    </div>
 
    <div class="container servicios">
    <nav>
        <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
            <button class="nav-link active" id="nav-gruas-tab" data-bs-toggle="tab" data-bs-target="#nav-gruas" type="button" role="tab" aria-controls="nav-gruas">
                <i class="fas fa-truck-moving" style="color:var(--color-1-a-1)"></i>
                Grúas y Fletes
            </button>
            <button class="nav-link" id="nav-obra-tab" data-bs-toggle="tab" data-bs-target="#nav-obra" type="button" role="tab" aria-controls="nav-obra">
                <i class="fas fa-hard-hat" style="color:var(--color-1-a-3)"></i>
                Obra eléctrica y civil
            </button>
        </div>
    </nav>
    <div class="tab-content" id="nav-tabContent">
        <div class="tab-pane fade show active" id="nav-gruas" role="tabpanel" aria-labelledby="nav-gruas-tab">
            <div class="row">
                <div class="col-md-5">
                    <h3>Servicios</h3>
                    <div class="accordion accordion-flush" id="accordionServicios">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-headingOne">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                                    Renta de grúas
                                </button>
                            </h2>
                            <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionServicios">
                                <div class="accordion-body">Contratos de carga, traslado y descarga de maquinaria y mercancia. Por día, semana, mes.</div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
                                    Maniobras de carga y descarga
                                </button>
                            </h2>
                            <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionServicios">
                                <div class="accordion-body">Grúas montadas sobre camión de 5 a 14 toneladas con un alcance máximo de 20 metros</div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                                    Transporte de marcancia
                                </button>
                            </h2>
                            <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionServicios">
                                <div class="accordion-body">Contamos con diferentes unidades de diferente capacidad para el transporte de tus productos</div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-headingFour">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
                                    Operadores Certificados
                                </button>
                            </h2>
                            <div id="flush-collapseFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordionServicios">
                                <div class="accordion-body">DIECSA es una empresa comprometida en satisfacer las necesidades de sus clientes y mejorar permanentemente sus servicios bajo un sistema de gestión de calidad, proporcionando seguridad, oportunidad y precisión en cada
                                    uno de los proyectos en que participa.</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div id="carouselServicios" class="carousel slide carousel-fade" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-1.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-2.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-4.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-5.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-6.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-7.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-8.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-9.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-10.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-11.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                            <div class="carousel-item">
                                <img src="http://diec-sa.com.mx/assets/images/servicios-gruas/gruas-fletes-12.jpg" class="d-block w-100" alt="Grúas y Fletes DIECSA">
                            </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselServicios" data-bs-slide="prev" aria-label="Retroceder Carousel de imágenes">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#carouselServicios" data-bs-slide="next" aria-label="Adelantar Carousel de imágenes">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="nav-obra" role="tabpanel" aria-labelledby="nav-obra-tab">
            <div class="row">
                <div class="col-md-6">
 
                    <div class="accordion accordion-flush" id="accordionObra">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-Obra1">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseObra1" aria-expanded="false" aria-controls="flush-collapseObra1">
                                    Contamos con el equipo necesario para los proyectos eléctricos de nuestros clientes, tales como:
                                </button>
                            </h2>
                            <div id="flush-collapseObra1" class="accordion-collapse collapse" aria-labelledby="flush-Obra1" data-bs-parent="#accordionObra">
                                <div class="accordion-body">
                                    <ul>
                                        <li>Transformadores</li>
                                        <li>Herrajes</li>
                                        <li>Iluminación</li>
                                        <li>Aisladores</li>
                                        <li>Tubería y accesorios</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-Obra2">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseObra2" aria-expanded="false" aria-controls="flush-collapseObra2">
                                    Asesoramiento en proyectos eléctricos:
                                </button>
                            </h2>
                            <div id="flush-collapseObra2" class="accordion-collapse collapse" aria-labelledby="flush-Obra2" data-bs-parent="#accordionObra">
                                <div class="accordion-body">
                                    Gestoría y tramites ante CFE
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-Obra3">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseObra3" aria-expanded="false" aria-controls="flush-collapseObra3">
                                    Construcción de infraestructura eléctrica
                                </button>
                            </h2>
                            <div id="flush-collapseObra3" class="accordion-collapse collapse" aria-labelledby="flush-Obra3" data-bs-parent="#accordionObra">
                                <div class="accordion-body">
                                    <ul>
                                        <li>Subestaciones eléctricas</li>
                                        <li>Fraccionamientos</li>
                                        <li>Lineas aeras y subterráneas de baja y media tensión</li>
                                        <li>Unidades deportivas</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="flush-Obra4">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseObra4" aria-expanded="false" aria-controls="flush-collapseObra4">
                                    Para mayor información, contactarse a contacto@diec-sa.com.mx o realizar una llamada para atención personalizada
                                </button>
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 image-service">
                    <div>
                        <img src="http://diec-sa.com.mx/assets/images/obra_civil_electrica.png" class="img-fluid" alt="Obra Civil y Eléctrica">
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
 
    <div id="contactanos" class="separador productos">
    <div>
        <h2>Contáctanos</h2>
    </div>
    <div>
        <p>Favor de contestar los siguientes campos para darle una mejor atención por medio de nuestros vendedores o bien puede realizar una llamada para atención inmediata.</p>
    </div>
    </div>
 
    <div class="container container-form">
        <form class="form-contactanos">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <input type="text" name="nombres" class="form-control" placeholder="Nombres" title="El nombre solo acepta letras y espacios en blanco" pattern="^[A-Za-zÑñÁáÉéÍíÓóÚúÜü\s]+$" autocomplete="off" required>
                    </div>
                    <div class="form-group">
                        <input type="number" name="telefono" class="form-control" placeholder="Teléfono" pattern="[0-9]{10}" title="El número es requerido" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="correo" class="form-control" placeholder="Correo" title="El correo es requerido" pattern="^[a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,15})$" autocomplete="off" required>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <textarea name="mensaje" class="form-control" placeholder="Mensaje.." title="Tu mensaje no debe exceder los 255 caracteres" data-pattern="^.{1,255}$" autocomplete="off" required></textarea>
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn enviar">Enviar</button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-contactanos-loader none">
                        <img src="http://diec-sa.com.mx/assets/images/loader.svg" alt="Cargando">
                    </div>
                    <div class="form-contactanos-response none">
                        <p>Los datos han sido enviados</p>
                    </div>
                </div>
            </div>
        </form>
        <div class="row-datos">
            <div>
                <i class="fas fa-map-marker-alt" style="color:var(--color-1-a-1)"></i>
                <p>Carretera Federal Puebla-Atlixco No. 3549</p>
                <p>Col. Concepción La Cruz, San Andrés Cholula, Puebla.</p>
            </div>
            <div>
                <i class="fas fa-phone-alt" style="color:var(--color-1-a-2)"></i>
                <p>(222)5 73 01 02</p>
                <p>(222)2 85 65 25</p>
                <p>(222)2 85 73 00</p>
            </div>
            <div>
                <i class="fa fa-envelope" style="color:var(--color-1-a-3)"></i>
                <p>Correo atención: contacto@diec-sa.com.mx</p>
                <p>Correo ventas: ventas@diec-sa.com.mx</p>
                <p>Correo ventas: ventas2@diec-sa.com.mx</p>
            </div>
        </div>
    </div>
 
    <iframe title="Ubicación de DIECSA" class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d942.9052533724118!2d-98.25166934561291!3d19.036414649871816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85cfc71051780d27%3A0x6436660ef7588100!2sDiecsa%20-%20Postes%20de%20concreto%20y%20renta%20de%20gr%C3%BAas.!5e0!3m2!1ses!2smx!4v1626835171287!5m2!1ses!2smx" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
 
    <footer class="footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-4">
                    <table class="direccion">
                        <tr>
                            <td class="icon">
                                <i class="fas fa-map-marker-alt"></i>
                            </td>
                            <td>
                                <p>Ctra. Fed. Puebla Atlixco km. 3 # 3549</p>
                                <p>Col. Concepción la Cruz</p>
                                <p>San Andrés Cholula Puebla</p>
                                <span></span>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <p>(222)5 73 01 02</p>
                                <p>(222)2 85 65 25</p>
                                <p>(222)2 85 73 00</p>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <p>contacto@diec-sa.com.mx</p>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-4">
                    <img width="175" height="100" src="http://diec-sa.com.mx/assets/images/logo-2.svg" alt="DIECSA">
                </div>
                <div class="col-md-4">
                    <table class="formas-pago">
                        <tr>
                            <td class="first-child" colspan="2">
                                Formas de pago
                                <span></span>
                            </td>
                        </tr>
                        <tr>
                            <td><i class="fas fa-money-bill-alt"></i></td>
                            <td>Efectivo</td>
                        </tr>
                        <tr>
                            <td><i class="fas fa-exchange-alt"></i></td>
                            <td>Transferencia</td>
                        </tr>
                        <tr>
                            <td><i class="far fa-credit-card"></i></td>
                            <td>Cheque</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
 
    </footer>
    <div class="copy-bottom-txt">
        <!-- © 2021 DIECSA. Todos los derechos reservados -->
    </div>
    
    <button class="btn carrito-compra"></button>
 
    <a aria-label="Enlace externo hacua Whatsapp" title="Click para chatear" class="btn whatsapp" href="https://api.whatsapp.com/send?phone=+522226611401" target="_blank" rel="noopener"></a>
 
    <div class="modal fade" id="modalCotizacion" tabindex="-1" aria-labelledby="modalCotizacionLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalCotizacionLabel">Solicitar Cotización</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body"></div>
                <div class="modal-footer">
                    <div class="result-cotizacion"></div>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    <button type="submit" form="form_cotizacion" class="btn btn-primary">Solicitar Cotización</button>
                </div>
            </div>
        </div>
    </div>
 
    <script src="http://diec-sa.com.mx/js/jquery.min.js"></script>
    <script src="http://diec-sa.com.mx/js/bootstrap.bundle.min.js"></script>
    <script src="http://diec-sa.com.mx/js/cotiza.min.js"></script>
    <script src="http://diec-sa.com.mx/js/main.min.js"></script>
    </body>
 
    </html>