EVOLUTION-MANAGER

Edit File: 54bc68b8bd76e9a1076ed2a25e59d138e567c16b.php

<style>

.nav_content_color{
            background: rgb(0,51,98) !important;
            background: linear-gradient(90deg, rgba(0,51,98,1) 0%, rgba(0,113,193,1) 43%, rgba(90,226,165,1) 100%) !important;

-webkit-box-shadow: 2px 9px 18px -7px rgba(0,113,193,0.68);
            -moz-box-shadow: 2px 9px 18px -7px rgba(0,113,193,0.68);
            box-shadow: 2px 9px 18px -7px rgba(0,113,193,0.68);
        }

.nav_scroll{
            width: 100%;
            position: fixed;
            top:0;
            z-index: 99999;
        }

.nav_menu img{
            width: 80%;
            margin: auto;
            display: block;
        }

.item-menu:hover{
            background: #fff;
            border-radius: 0px 0px 0px 0px;
        }
        .item-menu:hover .nav-link{
            /* color: #003362 !important; */
        }

.dropdown-menu{
            background: rgb(0,51,98) !important;
            background: linear-gradient(90deg, rgba(0,51,98,1) 0%, rgba(0,113,193,1) 43%, rgba(90,226,165,1) 100%) !important;
            margin-top: 0px;
            border-top: 2px solid #fff;
            border-radius: 5px 5px 5px 5px;
        }
        .dropdown-menu .botonera div{
            border: solid transparent;
            border-width: 0px 2px 2px 2px;
            padding-top: 30px;
        }
        .dropdown-menu .botonera div:hover{
            border: solid #fff;
            border-width: 0px 2px 2px 2px;
        }

.item-menu:hover .dropdown-menu{
            /* display: inline-flex; */
        }

.nav_imginicio_lg{ display: block; }
        .nav_imginicio_sm{ display: none; }

/* ---- SOLO PARA MOBILE ---- */
        @media(max-width:575px){

.nav_imginicio_lg{ display: none; }
            .nav_imginicio_sm{ display: block !important; }

}

/* ---- SOLO PARA MOBILE Y TABLET ---- */

@media(max-width: 991px){

.nav_menu img{
                width: 100%;
                margin: auto;
                display: block;
            }

.dropdown-menu{
                background: transparent !important;
            }
            .item-menu:hover {
                background: transparent;

border-radius: 5px 5px 0px 0px;
            }

.nav_mobil_button{
                position: absolute;
                top: -35px;
                right: -40px;
            }
            #navbarSupportedContent{
                margin-top: 40px;
            }
            .nav_content_color{
                /* padding-bottom: 15px; */
            }
            .nav_menu{
                margin-left: auto !important;
            }
            .dropdown-menu.show a{
                padding-bottom: 15px !important;
                color: #fff !important;
            }
            .navbar-nav .dropdown-menu {
                margin-bottom: 5px !important;
            }
            .img_dl{
                display: none;
            }

}
        @media (min-width: 992px) { /*solo escritorio*/
        
            .nav-item{
                display: flex !important;
                align-items: center !important;
            }
            .nav-item .navbar-center{
                margin-bottom: 0px !important;
                margin-top: 0px !important;

height: 50px;
                display: flex;
                align-items: center;
            }
            .item-menu:hover .nav-link{
                color: #003362 !important;
                font-weight: 700 !important;
            }
            .item-menu:hover .dropdown-menu{
                display: inline-flex;
            }

#icon_navbar1{
                display: none;
            }
            #icon_navbar1{
                display: none;
            }

}
        #icon_navbar2{
            display: none;
        }
        .nav_menu{
            /* margin-left: 180px; */
        }
    </style>

<div class="nav_menu">
        <img class="" src="<?php echo e(asset('admin/tema2023/imagen/logos-inicio.png')); ?>" alt="Logos Sucre">
        
    </div>

<div id="icon_navbar1">
            <a class="navbar-brand navbar-center" href="<?php echo e(asset('/')); ?>" style="height: 37px;padding-left: 20px;">
                <div id="img_detalle_mobil" style="display: none;">
                    <img class="nav_imginicio_sm" alt="logo sucre" src="<?php echo e(url('admin/tema2023/imagen/sucre-detalle.png')); ?>" style="width: 160px; display: none;"/>
                </div>
            </a>
        </div>

<ul class="navbar-nav mr-auto" style="min-height: 3rem">
                        <li class="nav-item item-menu">
                            <a class="nav-link navbar-center" href="<?php echo e(asset('/')); ?>">
                                <i class="fa fa-home" style="font-size: 1.5rem;"></i>
                            </a>
                        </li>
                        <li class="nav-item item-menu">
                            <a class="nav-link navbar-center" href="<?php echo e(asset('/sucre')); ?>">
                                Sucre
                            </a>
                        </li>
                        <li class="nav-item item-menu dropdown">
                            <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle navbar-center" data-toggle="dropdown" href="#" id="navbarDropdown" role="button">
                                Transparencia
                            </a>
                            <div aria-labelledby="navbarDropdown" class="dropdown-menu" style="top: 100%;left: -90px;">
                                <div class="botonera bloque_plomo_azl">
                                    <div class="text-center">
                                            <a class="text-center" href="<?php echo e(asset('/transparencia#'.Carbon\Carbon::now()->year)); ?>" style="color:#fff;">
                                            <img class="menu_img" alt="" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/lotaip.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                LOTAIP GAD Sucre
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                            <a class="text-center" href="<?php echo e(asset('/rendicion-de-cuentas#'.date("Y",strtotime(date("d-m-Y")."- 1 year")))); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/rendicion-cuentas.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Rendici&oacute;n de cuentas
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                        <a class="text-center" href="<?php echo e(asset('/transparencia_ccpd')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/lotaip_ccpd.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                LOTAIP CCPD
                                            </p>
                                        </a>
                                    </div>
				    <div class="text-center">
                                            <a class="text-center" href="<?php echo e(asset('/consejocantonal-resoluciones')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/ccpd.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Resoluciones CCPD
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                        <a class="text-center" href="https://cloud.sucre.gob.ec/s/3CBY4G8EnbW7N3a" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/veeduria.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                VEEDUR&Iacute;A
                                            </p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item item-menu">
                            <a class="nav-link navbar-center" href="<?php echo e(asset('/municipio_menu')); ?>">
                                Municipio
                            </a>
                        </li>
                        <li class="nav-item item-menu">
                            <a class="nav-link navbar-center" href="<?php echo e(asset('/noticias')); ?>">
                                Noticias
                            </a>
                        </li>
                        <li class="nav-item item-menu dropdown">
                            <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle navbar-center" data-toggle="dropdown" href="#" id="navbarDropdown" role="button">
                                Cont&aacute;ctenos
                            </a>
                            <div aria-labelledby="navbarDropdown" class="dropdown-menu" style="top: 100%;left: -90px;">
                                <div class="botonera bloque_plomo_azl">
                                    <div class="text-center">
                                            <a class="text-center" href="<?php echo e(asset('mensajes_contacto')); ?>" style="color:#fff;">
                                            <img class="menu_img" alt="" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/mensaje.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Mensaje Contacto
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                            <a class="text-center" href="<?php echo e(asset('/directorio-telefonico')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/directorio-telefonico.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Directorio Telef&oacute;nico
                                            </p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>

<li class="nav-item item-menu dropdown">
                            <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle navbar-center" data-toggle="dropdown" href="#" id="navbarDropdown" role="button">
                                Servicios en línea
                            </a>
                            <div aria-labelledby="navbarDropdown" class="dropdown-menu" style="top: 100%;left: -360px;">
                                <div class="botonera bloque_plomo_azl">
                                    <div class="text-center">
                                        <a class="text-center" href="<?php echo e(asset('/consultar_deudas')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/auditoria.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Consultar
                                                <br/>
                                                deudas
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                        <a class="text-center" href="https://enlinea.sucre.gob.ec/pago/externo" target="_blank" rel="nofollow" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/metodo-de-pago.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Pago en l&iacute;nea
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                            <a class="text-center" href="https://enlinea.sucre.gob.ec/titulo-credito" style="color:#fff;">
                                            <img class="menu_img" alt="" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/pago.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Descargar
                                                <br/>
                                                comprobante
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                            <a class="text-center" href="<?php echo e(asset('/validar_documento')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/validacion.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Validar documento
                                                <br/>
                                                digital
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                        <a class="text-center" href="https://enlinea.sucre.gob.ec/tramites/iniciar" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/documento.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Ingreso de
                                                <br/>
                                                tr&aacute;mites
                                            </p>
                                        </a>
                                    </div>
                                    <div class="text-center">
                                        <a class="text-center" href="<?php echo e(asset('tramite-ciudadano/consultar')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/buscar.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Trámites ciudadano
                                                <br/>
                                                consultar
                                            </p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>

<li class="nav-item item-menu dropdown">
                            <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle navbar-center" data-toggle="dropdown" href="#" id="navbarDropdownTerminal" role="button">
                                Terminal
                            </a>
                            <div aria-labelledby="navbarDropdownTerminal" class="dropdown-menu" style="top: 100%; left: -120px;">
                                <div class="botonera bloque_plomo_azl">
                                    <div class="text-center">
                                        <a class="text-center" href="<?php echo e(asset('/terminal-rendicion-cuentas')); ?>" style="color:#fff;">
                                            <img alt="" class="menu_img" src="<?php echo e(url('admin/tema2023/imagen/icons-gen/menu/color/rendicion-cuentas.png')); ?>"/>
                                            <p class="text-center" style="font-size:1.2em;">
                                                Rendici&oacute;n de Cuentas
                                            </p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>

</ul>
                </div>
            </nav>
        </center>
    </div>
    <div id="div_space_top" style="display: none;"></div>

</div>

$(document).ready(function(){
        
        var div = document.getElementById("s4-workspace");
        // Detectar cuando el usuario hace scroll en el div
        div.addEventListener("scroll", function() {
            var top_scroll = div.scrollTop;
            var top_max = $(".nav_menu").height();
            if(top_scroll>top_max){
                if(!$(".nav_content_color").hasClass("nav_scroll")){
                    $(".nav_content_color").addClass("nav_scroll");
                    $("#div_space_top").show();
                    $("#img_detalle_mobil").show(); //imagen detalle en menu para mobile
                }
            }else{
                $(".nav_content_color").removeClass("nav_scroll");
                $("#div_space_top").hide();
                $("#img_detalle_mobil").hide(); //imagen detalle en menu para mobile
            }
        });
        $(document).ready(function () {
            var top_max = $(".nav_content_color").height();
            $("#div_space_top").css("height", top_max);
        });

});

</script>

if (consulta != '') {
        window.location="<?php echo e(asset('/busqueda')); ?>/"+consulta;
       }

}
    $('#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox').on('keydown', function(e) {
      if (e.which == 9 || e.which == 13) {
        busqueda();
      }
    });

</script>