| Server IP : 52.9.100.119 / Your IP : 216.73.216.135 Web Server : Apache/2.4.61 (Amazon) OpenSSL/1.0.2k-fips PHP/7.3.30 Phusion_Passenger/5.1.5 System : Linux ip-172-31-9-35 4.14.355-196.618.amzn1.x86_64 #1 SMP Mon Apr 7 17:09:50 UTC 2025 x86_64 User : root ( 0) PHP Version : 7.3.30 Disable Function : exec,passthru,shell_exec,system,popen,proc_open MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /data/html/guaycan/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guaycan</title>
<link rel="icon" type="image/png" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Cover-image--parallax-optional--border-top-or-down-arrows.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Carusel-Hit.css">
<link rel="stylesheet" href="assets/css/ebs-contact-form.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="assets/css/imagen_izq_tex_der.css">
<link rel="stylesheet" href="assets/css/Lightbox-Gallery.css">
<link rel="stylesheet" href="assets/css/Navbar---App-Toolbar--LG--MD---Mobile-Nav--SM--XS.css">
<link rel="stylesheet" href="assets/css/Paralax-Hero-Banner.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/slick_carousel.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
<link rel="stylesheet" href="assets/css/tooltipster.bundle.min.css">
<link rel="stylesheet" href="assets/css/tooltipster.core.min.css">
</head>
<body>
<div class="container-fluid">
<div class="row cover-img container-block" id="main_image" bg-size="1" parallax="true" url="assets/img/bg.png">
<div class="col-md-12 center-area">
<img class="img-responsive centered" src="assets/img/logo.png" id="main_logo">
<a href="#sticky-anchor" style="display:block;" id="down_button">
<span class="fa-stack">
<i class="icon ion-ios-arrow-down"></i>
</a>
<div class="arrow animated bounce">
<img width="40" height="40" alt="" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyDQoJbDE4OS45OTktMTkwYzIwLjE3OC0yMC4xNzgsNTMuMTY0LTE5LjkxMyw3My42NzIsMC41OTVsMCwwYzIwLjUwOCwyMC41MDksMjAuNzcyLDUzLjQ5MiwwLjU5NSw3My42NzFMMjkzLjc1MSw0NTUuODY4eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyMC4yNDksNDU1Ljg2OGMyMC4xOCwyMC4xNzksNTMuMTY0LDE5LjkxMyw3My42NzItMC41OTVsMCwwYzIwLjUwOS0yMC41MDgsMjAuNzc0LTUzLjQ5MywwLjU5Ni03My42NzINCglsLTE5MC0xOTBjLTIwLjE3OC0yMC4xNzgtNTMuMTY0LTE5LjkxMy03My42NzEsMC41OTVsMCwwYy0yMC41MDgsMjAuNTA5LTIwLjc3Miw1My40OTItMC41OTUsNzMuNjcxTDIyMC4yNDksNDU1Ljg2OHoiLz4NCjwvc3ZnPg0K" />
</div>
</div>
</div>
</div>
<div id="sticky-anchor" style="margin-top: 20px;"></div>
<nav class="navbar navbar-default" id="navbar_main" style="background-color:#333; padding-bottom: 12px !important">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand navbar-link" href="#">
<img src="assets/img/logo_navbar.png" id="logo_nav">
</a>
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navcol-2">
<input class="btn btn-link btn-lg navbar-btn navbar-right buttonxx" type="button" id="radioEnglish" name="radio-language" value="EN"/><label class="btn btn-link btn-lg navbar-btn navbar-right" for="radioEnglish">/</label>
<input class="btn btn-link btn-lg navbar-btn navbar-right buttonx" type="button" id="radioEsp" name="radio-language" value="ES"/><label class="btn btn-link btn-lg navbar-btn navbar-right" for="radioEsp"><i class="fa fa-globe"></i></label>
<a class="btn btn-link btn-lg navbar-btn navbar-right" role="button" href="#contacto"><span name="lbl" caption="contacto"/>Contacto </a>
<a class="btn btn-link btn-lg navbar-btn navbar-right" role="button" href="#galeria"><span name="lbl" caption="galeria"/>Galería </a>
<a class="btn btn-link btn-lg navbar-btn navbar-right" role="button" href="#productos"><span name="lbl" caption="producto"/>Productos </a>
<a class="btn btn-link active btn-lg navbar-btn navbar-right" role="button" href="#nosotros"><span name="lbl" caption="nosotros"/>Nosotros </a>
</div>
</div>
</nav>
<div id="flag_line"></div>
<div class="row">
<div class="col-sm-6">
<div id="media-right-aligned" class="media">
<div class="media-right">
<a href="#"></a>
</div>
</div>
</div>
</div>
<div></div>
<div>
<div class="container-fluid">
<div class="row" id="nosotros">
<div class="col-lg-4 pull-left col-lg-offset-1 col-md-6 colum_despr">
<img class="img-responsive" style="float:left;" src="assets/img/img_worker-1.png" width="100%">
</div>
<div id="nuestra-empresa" class="col-lg-5 col-lg-offset-0 col-md-6 col-md-offset-0 col-xs-11 col-xs-offset-0">
<h2 class="media-heading orange_font"><span name="lbl" caption="nuestra"/>Nuestra Empresa</h2>
<p class="text-justify"><span name="lbl" caption="somos">Somos una empresa 100% mexicana fundada en el año 1995 en el estado de Baja California con el objetivo
de producir y distribuir materiales asfálticos bajo los más altos estándares de calidad.</span>
<br>
<br> <span name="lbl" caption="somos-2">Actualmente contamos con nuestra planta matriz en la ciudad de Mexicali, B.C., una terminal y planta
de emulsiones en la ciudad de Hermosillo, Son., y una planta móvil de emulsiones.</span> </p>
<br>
<br>
<h2 class="media-heading"><span name="lbl" caption="mision">Misión</span></h2>
<p class="text-justify"><span name="lbl" caption="mision-2">Lograr la satisfacción de nuestros clientes al utilizar materias primas de la mejor calidad y con los
más estrictos procedimientos de producción que existen en la industria del asfalto para el desarrollo
y la elaboración de nuestros productos.</span></p>
<br>
<br>
<h2 class="media-heading"><span name="lbl" caption="vision">Visión</span> </h2>
<p class="text-justify"><span name="lbl" caption="vision-2">El desarrollar relaciones de largo plazo con nuestros clientes y nuestra comunidad a través de la investigación
y el desarrollo de nuevos productos que ayuden a mejorar la calidad de nuestras vialidades. </span>
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 yellow_banner" id="banner_nosotros">
<h1 class="text-center yellow_banner pretty_fonts font_ybanner ">"<span name="lbl" caption="con">Con</span>
<font style="font-weight:400;"><span name="lbl" caption="calidad">calidad </span></font><span name="lbl" caption="y">y</span>
<font style="font-weight:400;"><span name="lbl" caption="servicio">servicio, </font>
<small class="pretty_fonts font_smallybanner">
<span name="lbl" caption="las">las</span>
<font style="font-weight:400;"><span name="lbl" caption="brechas">brechas </span></font><span name="lbl" caption="hacemos">las hacemos</span>
<font style="font-weight:400;"><span name="lbl" caption="carreteras">carreteras</span></font>…”</small>
</h1>
</div>
<div>
<div class="container-fluid gray_background ">
<div class="row" id="productos">
<div id="fadedown"></div>
<div style="display:block; bottom:50px;">
<div class="col-xs-10 col-xs-offset-1 displaynone fadedown">
<h1 class="text-left orange_banner"><span name="lbl" caption="productos">Productos</span> </h1>
<div class="paragraph_products">
<div class="row">
<div class="col-sm-6 col-md-6 single-product-list">
<div class="single-product-list">
<h4 id="btn_ca"><span name="lbl" caption="cementos">CEMENTOS ASFÁLTICOS</span></h4>
<hr class="orange-hr">
<p class="display_none ca-txt">AC-5, AC-10, AC-20 Y AC-30</p>
<hr class="display_none gray-hr ca-txt">
</div>
<div class="single-product-list">
<h4 id="btn_ar"><span name="lbl" caption="rebajados">ASFALTOS REBAJADOS</span></h4>
<hr class="orange-hr">
<p class="display_none ar-txt">MC-70 Y MC-800</p>
<hr class="gray-hr display_none ar-txt">
</div>
<div class="single-product-list">
<h4 id="btn_ap"><span name="lbl" caption="pg">ASFALTOS PG</span></h4>
<hr class="orange-hr">
<p class="display_none ap-txt">PG 58-22, PG 58-28, PG 70-16, PG 70-22 y PG 64-22</p>
</div>
</div>
<div class="col-sm-6 col-md-6 product-list-two">
<div class="single-product-list">
<h4 id="btn_pol"><span name="lbl" caption="polimero">ASFALTOS PG CON POLÍMERO</span></h4>
<hr class="orange-hr">
<p class="display_none pol-txt">PG 70-28, PG 76-22, PG 82-22, PG 88-22 y PG 64-28</p>
<hr class="gray-hr display_none pol-txt">
</div>
<div class="single-product-list">
<h4 id="btn_ea"><span name="lbl" caption="asfalticas">EMULSIONES ASFÁLTICAS</span></h4>
<hr class="orange-hr">
<p class="display_none ea-txt">ECI-45, ECI-60, ECR-60, ECR-65, ECL-60 Y ECS-60</p>
<hr class="gray-hr display_none ea-txt">
</div>
<div class="single-product-list">
<h4 id="btn_em"><span name="lbl" caption="modificadas">EMULSIONES MODIFICADAS</span></h4>
<hr class="orange-hr">
<p class="display_none em-txt">ECRP-65, ECRP-68, ECRC-60, SLURRY, ECRC-65 MICRO</p>
</div>
</div>
</div>
<div class="row special-product-list" style="text-align:center;">
<div class="col-md-6 col-sm-6 combustibles-div">
<h4 id="prod_esp"><span name="lbl" caption="combustibles">COMBUSTIBLES</span></h4>
<hr class="orange-hr">
<div>
<img width="80%" style="display:inline-block; padding:5px; max-width:200px;padding-top:30px;" src="assets/img/GQ_Nexfuel_1.png" alt="">
<div class="tooltip" style="blo">
<span class="tooltip_content">
<a target="_blank" href="assets/ViewerJS/index.html#../PDF/Guaycan_Combustible1.pdf">
<img width="70px" src="assets/img/pdf-icon.png" />
<p>Resumen</p>
</a>
<a target="_blank" href="assets/ViewerJS/index.html#../PDF/Guaycan_Combustible2.pdf">
<img width="70px" src="assets/img/pdf-icon.png" />
<p>Análisis</p>
</a>
<a target="_blank" href="assets/ViewerJS/index.html#../PDF/Guaycan_Combustible3.pdf">
<img width="70px" src="assets/img/pdf-icon.png" />
<p>Complemento</p>
</a>
</span>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 ">
<h4 id="prod_esp"><span name="lbl" caption="especiales">PRODUCTOS ESPECIALES</span></h4>
<hr class="orange-hr">
<div>
<img width="80%" style="display:inline-block; padding:5px; max-width:200px;" src="assets/img/Emulseal_1.png" alt="">
<img width="100%" style="display:inline-block; padding:5px; max-width:280px;" src="assets/img/ultracrack.png" alt="">
<img width="80%" style="display:inline-block; padding:5px; max-width:200px;" src="assets/img/ultraseal.png" alt="">
<img width="80%" style="display:inline-block; padding:5px; max-width:250px;" src="assets/img/emulsealtr.png" alt="">
<img width="80%" style="display:inline-block; padding:5px; max-width:220px;" src="assets/img/ultrapave.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-lg-2 col-md-2 col-md-offset-0 col-xs-offset-1 col-xs-10 displaynone fadedown" >
<img src="assets/img/img_products-1.png" class="img_margintop hidden-sm hidden-xs" >
</div> -->
</div>
<div id="fadedown2"></div>
<div class=" col-xs-10 col-xs-offset-1" id="product_2bannerheader" style="margin-top: 100px; margin-bottom: 50px;">
<div class="col-lg-6 col-lg-offset-0 col-md-6 col-xs-12 ">
<h1 class="text-left orange_banner"><span name="lbl" caption="certificaciones">Certificaciones</span></h1>
<div class="carr " style="background-color:#eaeaea; padding:10px;">
<!-- <div>
<img src="assets/img/iso.png" alt="">
</div> -->
<div>
<img src="assets/img/amaac.png" alt="">
</div>
</div>
</div>
<div class="col-lg-6 col-lg-offset-0 col-md-6 col-xs-12 ">
<h1 class="text-left orange_banner" id="product_2banner"><span name="lbl" caption="afiliaciones">Afiliaciones</span></h1>
<div class="carr " style="background-color:#eaeaea; padding:10px;">
<div>
<img src="assets/img/canaco.png" alt="">
</div>
<div>
<img src="assets/img/canacar.png" alt="">
</div>
<div>
<img src="assets/img/canacintra.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carr-special">
<div id="galeria" class="photo-gallery">
<div class="container">
<div class="intro"></div>
<div class="row photos" id="gallery">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/1_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_1.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/2_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_2.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/3_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_3.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/4_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_4.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/5_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_5.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/6_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_6.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="galeria" class="photo-gallery">
<div class="container">
<div class="intro"></div>
<div class="row photos" id="gallery">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/7_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_7.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/8_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_8.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/9_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_9.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/10_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_10.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/11_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_11.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 item displaynone zoom1">
<a href="assets/img/12_img.png" data-lightbox="photos">
<div class="hovereffect">
<img class="img-responsive" src="assets/img/foto_12.png">
<div class="overl">
<i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="zoom"></div>
<div class="row">
<div class="col-md-12">
<h3 class="text-uppercase text-center"><span name="lbl" caption="nuestros">Nuestros</span>
<font style="font-weight:800;"><span name="lbl" caption="clientes">Clientes</span></font>
</h3>
<hr style="width:40px; height:3px; margin:auto; color:yellow; background-color:#ffa409;">
<div class="carr2">
<div>
<img src="assets/img/logo_sidue.png" alt="">
</div>
<div>
<img src="assets/img/logo_naf.png" alt="">
</div>
<div>
<img src="assets/img/logo_sct.png" alt="">
</div>
<div>
<img src="assets/img/pinfra.png" alt="">
</div>
<div>
<img src="assets/img/sidur.png" alt="">
</div>
<div>
<img src="assets/img/edo_bc.png" alt="">
</div>
<div>
<img src="assets/img/edo_sonora.png" alt="">
</div>
<div>
<img src="assets/img/capufe.png" alt="">
</div>
<div>
<img src="assets/img/logo_ideal.png" alt="">
</div>
<div>
<img src="assets/img/granite.png" alt="">
</div>
<div>
<img src="assets/img/tia.png" alt="">
</div>
<div>
<img src="assets/img/matich.png" alt="">
</div>
<div>
<img src="assets/img/hi-desert.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div id="side_animation"></div>
<div class="container-fluid" id="contactanos">
<div class="row orange_banner" id="contacto">
<div class="col-md-5 col-md-offset-2 col-sm-6 col-xs-12" id="contact-box">
<h2 class="text-left text-info displaynone sideleft"><span name="lbl" caption="tienes">¿Tienes Preguntas?</span></h2>
<form id="contact_form" action="send_mail.php" method="post" class="displaynone sideleft">
<p id="contact-text" style="text-align:left;" class="no_background"><span name="lbl" caption="ayudanos">Ayúdanos con el llenado de esta información y pronto nos pondremos en contacto contigo.</p>
<div class="form-group has-feedback">
<h5 class="text-left"><span name="lbl" caption="nombres">Nombres</span></h5>
<input class="form-control" type="text" name="nombre" placeholder="" onchange="c_validation(this, 'name')" onkeyup="c_validation(this, 'name');"
id="nombre">
<i class="form-control-feedback fa fa-user" aria-hidden="true"></i>
</div>
<div class="form-group has-feedback">
<h5 class="text-left"><span name="lbl" caption="apellidos">Apellidos</span></h5>
<input class="form-control" type="text" name="apellido" placeholder="" onchange="c_validation(this, 'name')" onkeyup="c_validation(this, 'name');"
id="apellido">
<i class="form-control-feedback fa fa-user" aria-hidden="true"></i>
</div>
<div class="form-group has-feedback">
<h5 class="text-left">Email</h5>
<input class="form-control" type="text" name="email" required="" placeholder="" id="email" onchange="c_validation(this, 'email')"
onkeyup="c_validation(this, 'email');">
<i class="form-control-feedback fa fa-envelope" aria-hidden="true"></i>
</div>
<div class="form-group has-feedback">
<h5 class="text-left"><span name="lbl" caption="asunto">Asunto</span></h5>
<select class="form-control" type="text" name="asunto" id="asunto">
<!-- <option value="">Asunto</option> -->
<option value="ventas">Ventas</option>
<option value="cotizacion">Mercadotecnia</option>
<option value="tecnicos">Datos Técnicos</option>
<option value="administracion">Administración</option>
</select>
<i class="form-control-feedback fa fa-user" aria-hidden="true"></i>
</div>
<div class="form-group has-feedback">
<h5 class="text-left"><span name="lbl" caption="mensaje">Mensaje</span></h5>
<textarea class="form-control" rows="8" id="mensaje" name="mensaje" required="" placeholder="" onchange="c_validation(this, 'name')"
onkeyup="c_validation(this, 'name');"></textarea>
<i class="form-control-feedback fa fa-pencil" aria-hidden="true"></i>
</div>
<button class="btn btn-default btn-lg" id="form-btn" type="submit"><span name="lbl" caption="enviar">ENVIAR</span></button>
</form>
</div>
<div class="col-md-4 col-md-offset-0 col-sm-6 col-xs-12 site-form displaynone sideleft" style="text-align:left; margin-top:55px;">
<br>
<br>
<p id="contact-text" class="no_background">
<span name="lbl" caption="planta">Planta Mexicali</span>
<br> Rua San Felipe km. 13.5 Cerro Prieto 4.
<br> C.P. 21700. Mexicali, B.C.
<br> <span name="lbl" caption="telefono">Teléfono</span>: (686)592-9311 y 12
<br>
<br> <span name="lbl" caption="planta2">Planta Hermosillo</span>
<br> Carr. a la Colorada km. 2.5 esquina con
<br> Capomo Parque Industrial.
<br> C.P. 83299. Hermosillo, SON.
<br> <span name="lbl" caption="telefono">Teléfono</span>: (622)251-0686
<br>
<br><span name="lbl" caption="administrativas">Oficinas Administrativas</span>
<br> Moreras #1199, Fracc. Los Pinos.
<br> C.P. 21230. Mexicali, B.C.
<br> <span name="lbl" caption="telefono">Teléfono</span>: (686)557-4440 y 557-3384 </p>
</div>
<div class="clearfix orange_bacground"></div>
</div>
<div class="col-md-12 col-xs-12" id="googleMap" style="width: 100%; height: 400px; padding:0 !important;"></div>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">
<p class="copyright"><span name="lbl" caption="footer">Derechos reservados Guaycan, Químicos y Petrolíferos, S.A. de C.V. 2016.</span></p>
</div>
</footer>
</div>
<div></div>
<div class="simple-slider">
<div class="swiper-container">
<div class="swiper-wrapper"></div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<div></div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/Cover-image--parallax-optional--border-top-or-down-arrows.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script src="https://maps.google.com/maps/api/js?key=AIzaSyC7WRTurR2qViXLDcyOQkUalx6ZxmkZS5I &sensor=false""></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/custom_validation.js"></script>
<script src="assets/js/tooltipster.core.min.js"></script>
<script src="assets/js/tooltipster.bundle.min.js"></script>
<script>
$('.tooltip').tooltipster({
functionInit: function (instance, helper) {
var content = $(helper.origin).find('.tooltip_content').detach();
instance.content(content);
},
animation: 'fade',
delay: 200,
interactive: true,
trigger: 'custom',
triggerOpen: {
mouseenter: true,
touchstart: true
},
triggerClose: {
mouseleave: true,
originClick: true
}
});
</script>
</body>
</html>