    <style>


        .navbar{
            /* padding: 0px 0px 0px 15px!important;
            box-shadow: 2px 2px 3px #ccc;
            margin-bottom: 15px!important;
            background-color: <?php echo $d_color_fondo_menu ?>;*/
            background: transparent;
        }
        .nav-link {

            color: <?php echo $d_color_menu ?>;
            font-family: <?php echo $style_titulo ?>;
            font-weight: 700;
        }

        .caret{
        color: <?php echo $d_color_fondo_menu ?>;

        }

        .dropdown-menu {

            padding: 0;
        }

        .dropdown-menu li a{

            padding: .5rem;
            font-size: 1rem;

        }

            .dropdown-menu .nav-item .nav-link:hover{

            background-color: <?php echo $d_color_fondo_menu ?>;
            color: <?php echo $d_color_menu_sobre ?>;

        }


        .nav-item .dropdown:hover ul{
            display: block;

        }
        .topbar{
            /*border-bottom: 1px solid #e4e4e4;
            height: 42px!important;
            line-height: 38px;*/
            background:transparent;
        }
        .menuBusqueda{
            border: 0px none;
            width: 100%;
            position: absolute;
            will-change: transform;
            top: 0px;
            left: 0px;
            transform: translate3d(0px, 0px, 0px)!important;
            -webkit-transition: all 1s ease-in;
            -moz-transition: all 1s ease-in;
            -o-transition: all 1s ease-in;
            transition: all 1s ease-in;
        }

        .menuBusqueda2{
            border: 0px none;
            position: absolute;
            will-change: transform;
            top: 0px;
            left: 0px;
            transform: translate3d(0px, 0px, 0px)!important;
            -webkit-transition: all 1s ease-in;
            -moz-transition: all 1s ease-in;
            -o-transition: all 1s ease-in;
            transition: all 1s ease-in;

        }

        .menuBusqueda2 > form > input {
            min-height: 56px;
        }

        .submenu{
            font-size: 12px;
            font-weight: 200;
        }
        #logo4{
            fill: <? echo $d_color_menu?>;
            max-width: 18px;
        }
    </style>

    <div id="header-wrapper" class="fixed-top">

            <header class="container-fluid d-none header">
                

                    <div class="<?if ($opcion101 == 1) { echo 'container-fluid';}if ($opcion101 == 0){echo 'container';}?>">


                        <div class="row">

                            <?php   include 'mostrar_prop_header.php'; ?>


                             <?  if ($funcion1 == 'si') { ?>

                            <div class="col-12 col-md-12 col-lg-12 text-center">

                                    <a href="<?php echo $dom ?>/principal.php">
                                    <img src="<?
                                        $logo_C = str_replace('http://', 'https://', $logo_C);


                                         echo $logo_C; ?>"
                                        class="img-fluid"
                                        style="padding-top:20px; padding-bottom: 20px;max-height: 170px;"
                                        alt="<?php echo $nombresitio ?>" title="<?php echo $nombresitio ?>"></a>

                            </div>

                            <!--div  class="col-6 col-md-3 col-lg-3 d-none justify-content-center align-items-center">
                                <? //if ($weather2 == 'si'){ include 'weather4.php';} else {}  ?>
                            </div-->

                            <?php } else { ?>

                            <div class="d-none d-block  d-lg-block <? if ($weather2 == 'si'){ echo 'col-6 col-md-6';} else { echo 'col-12 col-md-12 text-center';}  ?>">

                                    <a href="<?php echo $dom ?>/principal.php">
                                    <img src="<? $logo_C = str_replace('http://', 'https://', $logo_C); echo $logo_C; ?>"
                                        class="img-fluid"
                                        style="padding-top:20px; padding-bottom: 20px;max-height: 170px;"
                                        alt="<?php echo $nombresitio ?>" title="<?php echo $nombresitio ?>"></a>

                            </div>


                                <? if ($weather2 == 'si'){?>

                                <div  class="col-6 col-md-6 d-flex justify-content-center align-items-center">

                                    <? include 'weather4_magazine.php';?>

                                </div>

                                <?} else {}  ?>


                            <? } ?>



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

            <nav id="navigato" class="navbar navbar-default navbar-expand-lg justify-content-center">
                
                <a class="d-none " href="<?php echo $dom ?>/principal.php">
                        <img src="<? $logo_C = str_replace('http://', 'https://', $logo_C);
                                     echo $logo_C; ?>"
                             class="img-fluid"
                             style="max-height: 70px;"
                             alt="<?php echo $nombresitio ?>" 
                             title="<?php echo $nombresitio ?>">
                </a>
        
                <button class="navbar-toggler d-none" type="button" data-toggle="collapse" data-target="#myNavbar">
        
                    <i class="fas fa-bars" style="color: <? echo $d_color_menu?>;"></i>
        
                </button>
                
                <div class="collapse navbar-collapse  justify-content-center d-none" id="myNavbar" style="max-width:1140px;margin:0 auto;">
                    
                    <a class="d-none" href="<?php echo $dom ?>/principal.php">
                        <img src="<? $logo_C = str_replace('http://', 'https://', $logo_C);
                                     echo $logo_C; ?>"
                             class="img-fluid"
                             style="max-height: 70px;"
                             alt="<?php echo $nombresitio ?>" 
                             title="<?php echo $nombresitio ?>">
                    </a>
        
                    <ul class="navbar-nav">
                    </ul>
        
                </div>
        
        
            </nav>
    </div>


    <style>
                 .show2{
                    position: fixed;
                    top: -90px;
                    z-index: 999;
                    width: 100%;

                 }
                 .show-top{
                    -webkit-transition: all 0.6s ease-in;
                    -moz-transition: all 0.6s ease-in;
                    -o-transition: all 0.6s ease-in;
                    transition: all 0.6s ease-in;
                    display: flex!important;
                    align-items: space;
                    position: fixed;
                    top: 0!important;
                    width: 100%;
                    background-color:<? echo $d_color_fondo_menu?>;
                 }
                 .yiyin{
                     width: calc(100% - 50px)!important;
                 }

    </style>

    <!--script>
        const nav = document.querySelector('#navigato2');

        const navbar = document.querySelector('#header-wrapper');
        const tito = navbar.offsetHeight + 130;


        // console.log('esrt ', tito);

        window.addEventListener('scroll', () => {
            if(window.scrollY > tito) {
                nav.classList.add('show-top');
                var i = setInterval(myTimer ,4000);

                setTimeout(function( ) { clearInterval( i ); }, 8000);


                function myTimer() {
                  $('.grid').isotope({
                        itemSelector: '.grid-item'
                    });
                        }
                }
            else {
                nav.classList.remove('show-top');
                }
        });




    </script-->


