<link rel="stylesheet" type="text/css" href="css/header-style.css">

<div id="app">
    <nav class="navbar navbar-expand-lg navbar-light ">
        <div class="container-fluid">
            <div class="col-3 ml-4 margin-0">         
                <div class="">
                    <a class="navbar-brand ml-4 pl-auto margin-0 " href="index">
                        <img src="images/index/logo_ittec.png" width="165"  alt="">
                    </a>
                </div>
            </div>
            <button class="navbar-toggler" type="button">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="col-9" id="submenu-mv">
                <div class="" id="navbar-collapse-1">
                    <ul class="navbar-nav row lista-menu" id="ejm1">
                        <div class="col">
                            <li class="nav-item mt-2 margin-t item-lista-menu pd" id="optA">
                                <a class=" text-dark h5 opt-sm" id="opt" href="conoce">{{ $t("message.fconoce") }}</a>
                                <div class="arrow-conoce">
                                    <img src="images/header/arrow-hd.png" id="rotar-conoce-mv" alt="">
                                </div>
                            </li>
                            <div class="row" id="head-mb">
                                <div id="opt-list" class="col-4">
                                    <ul class="sublista-conoce-mv" id="sublista-conoce">
                                        <li class="sublista-item-conoce-mv pullDown" id="opc1"><button class="btn btn-block btn-factura">{{ $t("message.facelec") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-fac">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-conoce" class="img-fluid " src="images/header/facturacionhd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4" id="fac-elec"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-conoce-mv pullDown" id="opc2"><button class="btn btn-block btn-nomina"> {{ $t("message.nomelec") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-nom">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-conoce" class="img-fluid " src="images/header/nominahd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4" id="nom"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-conoce-mv pullDown" id="opc3"><button class="btn btn-block btn-contabilidad"> {{ $t("message.contelec") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-cont-elec">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-conoce" class="img-fluid " src="images/header/contabilidadhd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-5 mb-4" id="cont-elec"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-conoce-mv pullDown" id="opc7"><button class="btn btn-block btn-conciliacion"> {{ $t("message.conciliacion") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-cont-conc">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-conoce" class="img-fluid " src="images/index/Concilia0.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-5 mb-4" id="cont-conc"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-conoce-mv pullDown" id="opc4"><button class="btn btn-block btn-inventario"> {{ $t("message.continventario") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-con-inv">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-conoce" class="img-fluid " src="images/header/cinventariohd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-5 mb-4" id="con-inv"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-conoce-mv pullDown" id="opc5"><button class="btn btn-block btn-cobranza"> {{ $t("message.cobranza") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-con-cob">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-conoce" class="img-fluid " src="images/header/ccobranzahd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-5 mb-4" id="con-cob"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-conoce-mv pullDown" id="opc6"><button class="btn btn-block btn-plataforma"> {{ $t("message.plataforma") }}</button>
                                            <div class="row">
                                                <div class="col-12" id="img-cont-plataforma">
                                                    <div id="img-header" class="pullDown container mt-5">
                                                        <img id="img-conoce" class="img-fluid " src="images/index/plataf0.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-5 " id="cont-plataforma"></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="header-mv">                                
                            </div>
                        </div>
                        <div class="col">
                            <li class="nav-item mt-2 margin-t pd" id="optB">
                                <a class="text-dark h5 opt-sm" id="optconst" href="construye">{{ $t("message.fconstruye") }}</a>
                                <div class="arrow-construye">
                                    <img src="images/header/arrow-hd.png" id="rotar-construye-mv" alt="">
                                </div>
                            </li>
                            <div class="row" id="head-cons-mb">
                                <div id="opt-listB" class="col-4">
                                    <ul class="sublista-construye-mv" id="sublista-construye">
                                        <li class="sublista-item-construye pullDown" id="it1"><button class="btn btn-block btn-diseño">{{ $t("message.disenio") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-dis-digital">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-construye" class="img-fluid " src="images/header/diseniodigitalhd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4 mt-5" id="dis-digital"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-construye pullDown" id="it2"><button class="btn btn-block btn-soft">{{ $t("message.desoftware") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-software">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-construye" class="img-fluid " src="images/header/desarrollosthd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4 mt-5" id="des-software"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-construye pullDown" id="it3"><button class="btn btn-block btn-aplicaciones">{{ $t("message.appweb") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-appications-web">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-construye" class="img-fluid " src="images/header/desarrolloappshd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4 mt-5" id="appications-web"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-construye pullDown" id="it4"><button class="btn btn-block btn-inteligencia">{{ $t("message.ia") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-int-artificial">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-construye" class="img-fluid " src="images/header/aihd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4 mt-5" id="int-artificial"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-construye pullDown" id="it5"><button class="btn btn-block btn-data">{{ $t("message.biddata") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-big-data-cont">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-construye" class="img-fluid " src="images/header/bigdatahd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4 mt-5" id="big-data-cont"></div>
                                            </div>
                                        </li>
                                        <li class="sublista-item-construye pullDown" id="it6"><button class="btn btn-block btn-outsourcing">{{ $t("message.outsourcing") }}</button>
                                            <div class="row">
                                                <div class="col-12 mt-4" id="img-outsourcing-process">
                                                    <div id="img-header" class="pullDown container">
                                                        <img id="img-construye" class="img-fluid " src="images/header/outsourcinghd.png" alt="">
                                                    </div>
                                                </div>
                                                <div class="col-12 mt-3 mb-4 mt-5" id="outsourcing-process"></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="header-const-mv">
                            </div>
                        </div>
                        <div class="col">
                            <li class="nav-item mt-2 margin-t pd" id="optC">
                                <a class="text-dark h5 opt-sm" href="contacto">{{$t("message.fcontacto")}}</a>
                            </li>
                        </div>
                        <div class="col">
                            <li class="nav-item mt-2 margin-t margin-b pd">
                                <div class="search">
                                    
                                    <input type="text" class="src" name="" id="buscador" :placeholder="$t('message.buscar')" autocomplete="off">
                                </div>
                                <ul id="box-search">
                                    <li><a class="btn" href="conoce"><i class="fa fa-search"></i>Facturación</a></li>
                                    <li><a class="btn" href="construye"><i class="fa fa-search"></i>Aplicaciones Web</a></li>
                                    <li><a class="btn" href="construye"><i class="fa fa-search"></i>Conciliación</a></li>
                                    <li><a class="btn" href="conoce"><i class="fa fa-search"></i>Diseño Grafico</a></li>
                                    <li><a class="btn" href="construye"><i class="fa fa-search"></i>Inteligencia Artificial</a></li>
                                    <li><a class="btn" href="conoce"><i class="fa fa-search"></i>Conoce</a></li>
                                    <li><a class="btn" href="construye"><i class="fa fa-search"></i>Construye</a></li>
                                </ul>
                            </li>
                        </div>
                        <div class="col">

                        </div>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</div>
<div class="content-header">
    <div class="submenu-conoce">
        <div id="opcs" class="row">
            <div class="col-md-4 mt-5 mb-5 margin-t-0">
                <ul class="sublista-conoce padding-l" id="sublista-conoce">
                    <h2 class="title-opc text-left ml-5 pullDown">{{ $t("message.fconoce") }}</h2>
                    <li class="sublista-item pullDown margin-bottom" id="item1"><button class="btn btn-block btn-factura">{{ $t("message.facelec") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="item2"><button class="btn btn-block btn-nomina">{{ $t("message.nomelec") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="item3"><button class="btn btn-block btn-contabilidad">{{ $t("message.contelec") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="item7"><button class="btn btn-block btn-conciliacion">{{ $t("message.conciliacion") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="item4"><button class="btn btn-block btn-inventario">{{ $t("message.continventario") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="item5"><button class="btn btn-block btn-cobranza">{{ $t("message.cobranza") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="item6"><button class="btn btn-block btn-plataforma">{{ $t("message.plataforma") }}</button></li>
                </ul>
            </div>
            <div id="text-opcs" class="col-md-4 mt-5 mb-5 margin-t-0">
                <span class="divider-header slideDown"></span>
                <div class="parrafo-factura mt-4" id="parrafo-factura">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.facelec") }}</h1>
                    </div>
                    <p id="text-factura-elec" class="pullDown option-text">
                        {{ $t("message.facelectxt") }}
                    </p>
                </div>
                <div class="parrafo-nomina mt-5">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.nomelec") }}</h1>
                    </div>
                    <p id="text-nomina" class="pullDown option-text">{{ $t("message.nomelectxt") }}</p>
                </div>
                <div class="parrafo-contabilidad mt-4 ">
                    <div class="pullDown option-title">
                        <h1>{{ $t("message.contelec") }}</h1>
                    </div>
                    <p id="text-contabilidad" class="pullDown option-text">{{ $t("message.contelectxt") }}</p>
                </div>

                <div class="parrafo-conciliacion mt-4 ">
                    <div class="pullDown option-title">
                        <h1>{{ $t("message.conciliacion") }}</h1>
                    </div>
                    <p id="text-contabilidad" class="pullDown option-text">{{ $t("message.conciliaciontxt") }}</p>
                </div>

                <div class="parrafo-inventario mt-4">
                    <div class="pullDown option-title">
                        <h1>{{ $t("message.continventario") }}</h1>
                    </div>
                    <p id="text-control-inv" class="pullDown option-text">{{ $t("message.continventariotxt") }}</p>
                </div>
                <div class="parrafo-cobranza mt-4">
                    <div class="pullDown option-title">
                        <h1>{{ $t("message.cobranza") }}</h1>
                    </div>
                    <p id="text-control-cobranza" class="pullDown option-text">{{ $t("message.cobranzatxt") }}</p>
                </div>
                <div class="parrafo-plataforma mt-4 ">
                    <div class="pullDown option-title">
                        <h1>{{ $t("message.plataforma") }}</h1>
                    </div>
                    <p id="text-contabilidad" class="pullDown option-text">{{ $t("message.plataformatxt") }}</p>
                </div>
            </div>
            <div id="img-opcs" class="col-md-4 mt-4">
                <div id="img-header" class="pullDown container mt-5">
                    <img id="img-conoce-xl" class="img-fluid " src="images/header/facturacionhd.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content-header">
    <div id="submenu-construye" class="submenu-construye">
        <div id="opcsB" class="row">
            <div class="col-md-4 mt-5 mb-5 margin-t-0">
                <ul class="sublista-construye padding-l" id="sublista-construye">
                    <h2 class="title-opc text-left ml-5 pullDown">{{ $t("message.fconstruye") }}</h2>
                    <li class="sublista-item pullDown margin-bottom" id="op2"><button class="btn btn-block btn-soft">{{ $t("message.desoftware") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="op3"><button class="btn btn-block btn-aplicaciones">{{ $t("message.appweb") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="op4"><button class="btn btn-block btn-inteligencia">{{ $t("message.ia") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="op5"><button class="btn btn-block btn-data">{{ $t("message.biddata") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="op1"><button class="btn btn-block btn-diseño">{{ $t("message.disenio") }}</button></li>
                    <li class="sublista-item pullDown margin-bottom" id="op6"><button class="btn btn-block btn-outsourcing">{{ $t("message.outsourcing") }}</button></li>
                </ul>
            </div>
            <div id="" class="col-md-4 mt-5 mb-5 margin-t-0">
                <span class="divider-header pullDown"></span>
                <div class="parrafo-digital mt-5">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.disenio") }}</h1>
                    </div>
                    <p id="text-digital" class="pullDown option-text">{{ $t("message.diseniotxt") }}</p>
                </div>
                <div class="parrafo-software mt-4">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.desoftware") }}</h1>
                    </div>
                    <p id="text-software" class="pullDown option-text">{{ $t("message.desoftwaretxt") }}</p>
                </div>
                <div class="parrafo-aplicaciones mt-5">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.appweb") }}</h1>
                    </div>
                    <p id="text-web" class="pullDown option-text">{{ $t("message.appwebtxt") }}</p>
                </div>
                <div class="parrafo-inteligencia mt-5">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.ia") }}</h1>
                    </div>
                    <p id="text-intelligencia" class="pullDown option-text">{{ $t("message.iatxt") }}</p>
                </div>
                <div class="parrafo-bigdata mt-5">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.biddata") }}</h1>
                    </div>
                    <p id="text-bigdata" class="pullDown option-text">{{ $t("message.biddatatxt") }}</p>
                </div>
                <div class="parrafo-oursourcing mt-5">
                    <div class="option-title pullDown">
                        <h1>{{ $t("message.outsourcing") }}</h1>
                    </div>
                    <p id="text-outsourcing" class="pullDown option-text">{{ $t("message.outsourcingtxt") }}</p>
                </div>
            </div>
            <div class="col-md-4 mt-4">
                <div id="img-header" class="pullDown container mt-5">
                    <img id="img-construye-xl" class="img-fluid" src="images/index/Disenio-digitalA.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>    
<!-- Vue i18n -->
<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>
<script src="lang/app.js"></script> -->
<!-- <script>
    function buscador_interno(){ for (inputBuscador=document.getElementById("buscador"), box_search=document.getElementById("box-search"), filtro=inputBuscador.value.toUpperCase(), li=box_search.getElementsByTagName("li"), i=0; i < li.length; i++) (a=li[i].getElementsByTagName("a")[0]), (textValue=a.textContent || a.innerText), textValue.toUpperCase().indexOf(filtro) >-1 ? ((li[i].style.display=""), (box_search.style.display="block"), ""===inputBuscador.value && (box_search.style.display="none")) :(li[i].style.display="none");} function updateHeader(){ var n=$(window).width(); (n >=992 || screen.width >=992) && ($("#submenu-mv").addClass("col-9"), $("#submenu-mv").removeClass("col-12"), $("#img-opcs").addClass("mt-4"), $("#img-header").addClass("mt-5"), $("div nav").css("display", "block"), $("#opt").on("mouseenter", function (){ $(".submenu-construye").slideUp("slow"), $(".submenu-conoce").slideDown("slow");}), $("#optconst").on("mouseenter", function (){ $(".submenu-conoce").slideUp("slow"), $(".submenu-construye").slideDown("slow");})), (n <=991 || screen.width <=991) && ($("#submenu-mv").removeClass("col-9"), $("#submenu-mv").addClass("col-12"), $("#img-opcs").removeClass("mt-4"), $("#img-header").removeClass("mt-5"), $("#opt").unbind("mouseenter"), $("#optconst").unbind("mouseenter")), screen.width <=600 && ($("#opcs, #opcsB").css("display", "none"), $("#opt-list, #opt-listB").removeClass("col-4"), $("#opt-list, #opt-listB").addClass("col-12"), $(".arrow-conoce").click(function (){ $(".content-hd-mv, .content-img").css("display", "none"), $("#head-mb").slideToggle();}), $(".arrow-construye").click(function (){ $(".content-img-b, .content-hd-mv-b ").css("display", "none"), $("#head-cons-mb").slideToggle();}), $(".btn-factura").click(function (){ $("#fac-elec, #img-fac").slideToggle(), $("#nom, #img-nom").hide("slow"), $("#cont-elec, #img-cont-elec").hide("slow"), $("#con-inv, #img-con-inv").hide("slow"), $("#con-cob, #img-con-cob").hide("slow"), $("#dis-dig, #img-dis-dig").hide("slow");}), $(".btn-nomina").click(function (){ $("#nom, #img-nom").slideToggle(), $("#fac-elec, #img-fac").hide("slow"), $("#cont-elec, #img-cont-elec").hide("slow"), $("#con-inv, #img-con-inv").hide("slow"), $("#con-cob, #img-con-cob").hide("slow"), $("#dis-dig, #img-dis-dig").hide("slow");}), $(".btn-contabilidad").click(function (){ $("#cont-elec, #img-cont-elec").slideToggle(), $("#nom, #img-nom").hide("slow"), $("#fac-elec, #img-fac").hide("slow"), $("#con-inv, #img-con-inv").hide("slow"), $("#con-cob, #img-con-cob").hide("slow"), $("#dis-dig, #img-dis-dig").hide("slow");}), $(".btn-conciliacion").click(function (){ $("#cont-conc, #img-cont-conc").slideToggle(), $("#nom, #img-nom").hide("slow"), $("#fac-elec, #img-fac").hide("slow"), $("#con-inv, #img-con-inv").hide("slow"), $("#con-cob, #img-con-cob").hide("slow"), $("#dis-dig, #img-dis-dig").hide("slow");}), $(".btn-inventario").click(function (){ $("#con-inv, #img-con-inv").slideToggle(), $("#cont-elec, #img-cont-elec").hide("slow"), $("#nom, #img-nom").hide("slow"), $("#fac-elec, #img-fac").hide("slow"), $("#con-cob, #img-con-cob").hide("slow"), $("#dis-dig, #img-dis-dig").hide("slow");}), $(".btn-cobranza").click(function (){ $("#con-cob, #img-con-cob").slideToggle(), $("#cont-elec, #img-cont-elec").hide("slow"), $("#nom, #img-nom").hide("slow"), $("#fac-elec, #img-fac").hide("slow"), $("#dis-dig, #img-dis-dig").hide("slow"), $("#con-inv, #img-con-inv").hide("slow");}), $(".btn-digital").click(function (){ $("#dis-dig, #img-dis-dig").slideToggle(), $("#cont-elec, #img-cont-elec").hide("slow"), $("#nom, #img-nom").hide("slow"), $("#fac-elec, #img-fac").hide("slow"), $("#con-inv, #img-con-inv").hide("slow"), $("#con-cob, #img-con-cob").hide("slow");}), $(".btn-diseño").click(function (){ $("#dis-digital, #img-dis-digital").slideToggle(), $("#des-software, #img-software").hide("slow"), $("#appications-web, #img-appications-web").hide("slow"), $("#int-artificial, #img-int-artificial").hide("slow"), $("#big-data-cont, #img-big-data-cont").hide("slow"), $("#img-outsourcing-process, #outsourcing-process").hide("slow");}), $(".btn-soft").click(function (){ $("#dis-digital, #img-dis-digital").hide("slow"), $("#des-software, #img-software").slideToggle(), $("#appications-web, #img-appications-web").hide("slow"), $("#int-artificial, #img-int-artificial").hide("slow"), $("#big-data-cont, #img-big-data-cont").hide("slow"), $("#img-outsourcing-process, #outsourcing-process").hide("slow");}), $(".btn-aplicaciones").click(function (){ $("#dis-digital, #img-dis-digital").hide("slow"), $("#des-software, #img-software").hide("slow"), $("#appications-web, #img-appications-web").slideToggle(), $("#int-artificial, #img-int-artificial").hide("slow"), $("#big-data-cont, #img-big-data-cont").hide("slow"), $("#img-outsourcing-process, #outsourcing-process").hide("slow");}), $(".btn-inteligencia").click(function (){ $("#dis-digital, #img-dis-digital").hide("slow"), $("#des-software, #img-software").hide("slow"), $("#appications-web, #img-appications-web").hide("slow"), $("#int-artificial, #img-int-artificial").slideToggle(), $("#big-data-cont, #img-big-data-cont").hide("slow"), $("#img-outsourcing-process, #outsourcing-process").hide("slow");}), $(".btn-data").click(function (){ $("#dis-digital, #img-dis-digital").hide("slow"), $("#des-software, #img-software").hide("slow"), $("#appications-web, #img-appications-web").hide("slow"), $("#int-artificial, #img-int-artificial").hide("slow"), $("#big-data-cont, #img-big-data-cont").slideToggle(), $("#img-outsourcing-process, #outsourcing-process").hide("slow");}), $(".btn-outsourcing").click(function (){ $("#dis-digital, #img-dis-digital").hide("slow"), $("#des-software, #img-software").hide("slow"), $("#appications-web, #img-appications-web").hide("slow"), $("#int-artificial, #img-int-artificial").hide("slow"), $("#big-data-cont, #img-big-data-cont").hide("slow"), $("#img-outsourcing-process, #outsourcing-process").slideToggle();}));} function cloneOption(){ ($(window).width() <=991 || screen.width <=991) && ($("#opcs").clone(!0).appendTo("#header-mv"), $("#opcsB").clone(!0).appendTo("#header-const-mv")), $("#text-factura-elec").clone().appendTo("#fac-elec"), $("#text-nomina").clone().appendTo("#nom"), $("#text-contabilidad").clone().appendTo("#cont-elec"), $("#text-conciliacion").clone().appendTo("#cont-conc"), $("#text-control-inv").clone().appendTo("#con-inv"), $("#text-control-cobranza").clone().appendTo("#con-cob"), $("#text-plataforma").clone().appendTo("#cont-plataforma"), $("#text-disenio").clone().appendTo("#dis-dig"), $("#text-digital").clone().appendTo("#dis-digital"), $("#text-software").clone().appendTo("#des-software"), $("#text-web").clone().appendTo("#appications-web"), $("#text-intelligencia").clone().appendTo("#int-artificial"), $("#text-bigdata").clone().appendTo("#big-data-cont"), $("#text-outsourcing").clone().appendTo("#outsourcing-process");} document.getElementById("buscador").addEventListener("keyup", buscador_interno), $(document).on("ready", function (){ $(".navbar-toggler").click(function (){ $("#navbar-collapse-1").slideToggle();});}), $("#item1").mouseenter(function (){ $(".parrafo-factura").css("display", "block"), $("#img-conoce-xl").attr("src", "images/header/facturacionhd.png"), $(".parrafo-nomina").css("display", "none"), $(".parrafo-contabilidad").css("display", "none"), $(".parrafo-inventario").css("display", "none"), $(".parrafo-cobranza").css("display", "none"), $(".parrafo-plataforma").css("display", "none"); $(".parrafo-conciliacion").css("display", "none");}), $("#item2").mouseenter(function (){ $(".parrafo-nomina").css("display", "block"), $("#img-conoce-xl").attr("src", "images/header/nominahd.png"), $(".parrafo-factura").css("display", "none"), $(".parrafo-contabilidad").css("display", "none"), $(".parrafo-inventario").css("display", "none"), $(".parrafo-cobranza").css("display", "none"), $(".parrafo-plataforma").css("display", "none"); $(".parrafo-conciliacion").css("display", "none");}), $("#item3").mouseenter(function (){ $(".parrafo-contabilidad").css("display", "block"), $("#img-conoce-xl").attr("src", "images/header/contabilidadhd.png"), $(".parrafo-factura").css("display", "none"), $(".parrafo-nomina").css("display", "none"), $(".parrafo-inventario").css("display", "none"), $(".parrafo-cobranza").css("display", "none"), $(".parrafo-plataforma").css("display", "none"); $(".parrafo-conciliacion").css("display", "none");}), $("#item4").mouseenter(function (){ $(".parrafo-inventario").css("display", "block"), $("#img-conoce-xl").attr("src", "images/header/cinventariohd.png"), $(".parrafo-factura").css("display", "none"), $(".parrafo-nomina").css("display", "none"), $(".parrafo-contabilidad").css("display", "none"), $(".parrafo-cobranza").css("display", "none"), $(".parrafo-plataforma").css("display", "none"); $(".parrafo-conciliacion").css("display", "none");}), $("#item5").mouseenter(function (){ $(".parrafo-cobranza").css("display", "block"), $("#img-conoce-xl").attr("src", "images/header/ccobranzahd.png"), $(".parrafo-factura").css("display", "none"), $(".parrafo-contabilidad").css("display", "none"), $(".parrafo-inventario").css("display", "none"), $(".parrafo-plataforma").css("display", "none"), $(".parrafo-nomina").css("display", "none"); $(".parrafo-conciliacion").css("display", "none");}), $("#item6").mouseenter(function (){ $(".parrafo-plataforma").css("display", "block"), $("#img-conoce-xl").attr("src", "images/index/plataf0.png"), $(".parrafo-factura").css("display", "none"), $(".parrafo-contabilidad").css("display", "none"), $(".parrafo-inventario").css("display", "none"), $(".parrafo-cobranza").css("display", "none"), $(".parrafo-nomina").css("display", "none"); $(".parrafo-conciliacion").css("display", "none");}), $("#item7").mouseenter(function (){ $(".parrafo-conciliacion").css("display", "block"), $("#img-conoce-xl").attr("src", "images/index/Concilia0.png"), $(".parrafo-factura").css("display", "none"), $(".parrafo-contabilidad").css("display", "none"), $(".parrafo-inventario").css("display", "none"), $(".parrafo-cobranza").css("display", "none"), $(".parrafo-nomina").css("display", "none");}), $("#opc1").mouseenter(function (){ $(".content-fac-elec").css("display", "block"), $(".content-nom").css("display", "none"), $(".content-con-elec").css("display", "none"), $(".content-inv").css("display", "none"), $(".content-cob").css("display", "none"), $(".content-dis").css("display", "none"); $(".content-conc").css("display", "none");}), $("#opc2").mouseenter(function (){ $(".content-nom").css("display", "block"), $(".content-fac-elec").css("display", "none"), $(".content-con-elec").css("display", "none"), $(".content-inv").css("display", "none"), $(".content-cob").css("display", "none"), $(".content-dis").css("display", "none"); $(".content-conc").css("display", "none");}), $("#opc3").mouseenter(function (){ $(".content-con-elec").css("display", "block"), $(".content-fac-elec").css("display", "none"), $(".content-nom").css("display", "none"), $(".content-inv").css("display", "none"), $(".content-cob").css("display", "none"), $(".content-dis").css("display", "none"); $(".content-conc").css("display", "none");}), $("#opc4").mouseenter(function (){ $(".content-inv").css("display", "block"), $(".content-fac-elec").css("display", "none"), $(".content-nom").css("display", "none"), $(".content-con-elec").css("display", "none"), $(".content-cob").css("display", "none"), $(".content-dis").css("display", "none"); $(".content-conc").css("display", "none");}), $("#opc5").mouseenter(function (){ $(".content-cob").css("display", "block"), $(".content-fac-elec").css("display", "none"), $(".content-nom").css("display", "none"), $(".content-con-elec").css("display", "none"), $(".content-inv").css("display", "none"), $(".content-dis").css("display", "none"); $(".content-conc").css("display", "none");}), $("#opc6").mouseenter(function (){ $(".content-dis").css("display", "block"), $(".content-fac-elec").css("display", "none"), $(".content-nom").css("display", "none"), $(".content-con-elec").css("display", "none"), $(".content-inv").css("display", "none"), $(".content-cob").css("display", "none"); $(".content-conc").css("display", "none");}), $("#opc7").mouseenter(function (){ $(".content-conc").css("display", "block"), $(".content-fac-elec").css("display", "none"), $(".content-nom").css("display", "none"), $(".content-con-elec").css("display", "none"), $(".content-inv").css("display", "none"), $(".content-cob").css("display", "none");}), $("#op1").mouseenter(function (){ $(".parrafo-digital").css("display", "block"), $("#img-construye-xl").attr("src", "images/index/Disenio-digitalA.png"), $(".parrafo-software").css("display", "none"), $(".parrafo-aplicaciones").css("display", "none"), $(".parrafo-inteligencia").css("display", "none"), $(".parrafo-bigdata").css("display", "none"), $(".parrafo-oursourcing").css("display", "none");}), $("#op2").mouseenter(function (){ $(".parrafo-software").css("display", "block"), $("#img-construye-xl").attr("src", "images/header/desarrollosthd.png"), $(".parrafo-digital").css("display", "none"), $(".parrafo-aplicaciones").css("display", "none"), $(".parrafo-inteligencia").css("display", "none"), $(".parrafo-bigdata").css("display", "none"), $(".parrafo-oursourcing").css("display", "none");}), $("#op3").mouseenter(function (){ $(".parrafo-aplicaciones").css("display", "block"), $("#img-construye-xl").attr("src", "images/header/desarrolloappshd.png"), $(".parrafo-digital").css("display", "none"), $(".parrafo-software").css("display", "none"), $(".parrafo-inteligencia").css("display", "none"), $(".parrafo-bigdata").css("display", "none"), $(".parrafo-oursourcing").css("display", "none");}), $("#op4").mouseenter(function (){ $(".parrafo-inteligencia").css("display", "block"), $("#img-construye-xl").attr("src", "images/header/aihd.png"), $(".parrafo-aplicaciones").css("display", "none"), $(".parrafo-digital").css("display", "none"), $(".parrafo-software").css("display", "none"), $(".parrafo-bigdata").css("display", "none"), $(".parrafo-oursourcing").css("display", "none");}), $("#op5").mouseenter(function (){ $(".parrafo-bigdata").css("display", "block"), $("#img-construye-xl").attr("src", "images/header/bigdatahd.png"), $(".parrafo-inteligencia").css("display", "none"), $(".parrafo-aplicaciones").css("display", "none"), $(".parrafo-digital").css("display", "none"), $(".parrafo-software").css("display", "none"), $(".parrafo-oursourcing").css("display", "none");}), $("#op6").mouseenter(function (){ $(".parrafo-oursourcing").css("display", "block"), $("#img-construye-xl").attr("src", "images/header/outsourcinghd.png"), $(".parrafo-bigdata").css("display", "none"), $(".parrafo-inteligencia").css("display", "none"), $(".parrafo-aplicaciones").css("display", "none"), $(".parrafo-digital").css("display", "none"), $(".parrafo-software").css("display", "none");}), $("#it1").mouseenter(function (){ $(".content-dig").css("display", "block"), $(".content-des-sf").css("display", "none"), $(".content-apps").css("display", "none"), $(".content-ia").css("display", "none"), $(".content-big").css("display", "none"), $(".content-out").css("display", "none");}), $("#it2").mouseenter(function (){ $(".content-des-sf").css("display", "block"), $(".content-dig").css("display", "none"), $(".content-apps").css("display", "none"), $(".content-ia").css("display", "none"), $(".content-big").css("display", "none"), $(".content-out").css("display", "none");}), $("#it3").mouseenter(function (){ $(".content-apps").css("display", "block"), $(".content-dig").css("display", "none"), $(".content-des-sf").css("display", "none"), $(".content-ia").css("display", "none"), $(".content-big").css("display", "none"), $(".content-out").css("display", "none");}), $("#it4").mouseenter(function (){ $(".content-ia").css("display", "block"), $(".content-dig").css("display", "none"), $(".content-des-sf").css("display", "none"), $(".content-apps").css("display", "none"), $(".content-big").css("display", "none"), $(".content-out").css("display", "none");}), $("#it5").mouseenter(function (){ $(".content-big").css("display", "block"), $(".content-dig").css("display", "none"), $(".content-des-sf").css("display", "none"), $(".content-apps").css("display", "none"), $(".content-ia").css("display", "none"), $(".content-out").css("display", "none");}), $("#it6").mouseenter(function (){ $(".content-out").css("display", "block"), $(".content-dig").css("display", "none"), $(".content-des-sf").css("display", "none"), $(".content-ia").css("display", "none"), $(".content-big").css("display", "none"), $(".content-apps").css("display", "none");}), $("#optA").mouseover(function (){ $(this).addClass("active"), $("#optB").removeClass("active"), $("#optC").removeClass("active");}), $("#optB").mouseover(function (){ $(this).addClass("active"), $("#optA").removeClass("active"), $("#optC").removeClass("active");}), $("#optC").mouseover(function (){ $(this).addClass("active"), $("#optA").removeClass("active"), $("#optB").removeClass("active");}), $("#rotar-conoce-mv").on("click", function (n){ n.preventDefault(), "giro"==n.currentTarget.className ? $("#rotar-conoce-mv").removeClass("giro") :$("#rotar-conoce-mv").addClass("giro");}), $("#rotar-construye-mv").on("click", function (n){ n.preventDefault(), "giro"==n.currentTarget.className ? $("#rotar-construye-mv").removeClass("giro") :$("#rotar-construye-mv").addClass("giro");}), $("#rotar-conoce-mv").on("click", function (){ $("#header-mv").slideToggle();}), $("#rotar-construye-mv").on("click", function (){ $("#header-const-mv").slideToggle();}), $(".arrow-conoce").click(function (){ $(".sublista-conoce-mv, .content-img, .content-hd-mv ").slideToggle();}), $(".arrow-construye").click(function (){ $(".sublista-construye-mv, .content-img-b, .content-hd-mv-b ").slideToggle();}), $("document").ready(function (){ updateHeader(), cloneOption(), /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || $(window).resize(function (){ updateHeader();});}), $("#opt").mouseenter(function (){ $(".submenu-construye").slideUp("slow"), $(".submenu-conoce").slideDown("slow"), $("#box-search").css("display", "none");}), $("#optconst").mouseenter(function (){ $(".submenu-conoce").slideUp("slow"), $(".submenu-construye").slideDown("slow"), $("#box-search").css("display", "none");});
</script> -->