<?php 
$ID = (int)$_GET['ID'];

?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!-- Required meta tags -->
	
	<meta name="description" content="Panel de Administracion">
	<meta name="author" content="<?php echo $nombresitio ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?php echo $nombresitio ?> - Panel de Administracion</title>
  <!--link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'-->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&display=swap" rel="stylesheet"> 
  <link rel="shortcut icon" href="" type="image/x-icon">
	<link rel="apple-touch-icon" href="">

<link rel="stylesheet" type="text/css" href="c632769.r69.cf2.rackcdn.com/hcc_014.css" />
	<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <!-- Link to your css file -->
	<link rel="stylesheet" href="">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <!--script type="text/javascript" src="//recursos.radiosnethosting.com/ckeditor/ckeditor.js"></script-->
 
    <style>

        .carousel-cell {
          width: 66%; 
          margin-right: 5px;
        }

        .display-flex{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        *{
            border-radius: 0!important;
            
        }

        body {
            background: #e4e4e4;
        }

        .btn, a, h1, h2, h3, h4, h5, h6, b{
          font-family: 'Montserrat', sans-serif;
        }

        .btn, h1, h2, h3, h4, h5, h6 {
          font-weight: 600;
        }

        .navbar {
            position: relative;
        min-height: 50px;
        padding-bottom:  20px;
        /* border: 1px solid transparent; */
            
        }
        
      .btn-primary {
        color: #fff!important;
        background-color: #0066FF;
        border-color: #0066FF;
            }
        
        .page-header{
            margin: 0;
            padding: 1em;
            background-color: #0066FF;
            border: 0;
            text-align:center;
        }
        
        .page-header h2{
            
            color: #ffffff;
            font-weight: bold;
        }
        
        .bloqueAzul{
          /*  background-color: #0066FF;*/
          /* border: 1px solid #e4e4e4;*/
          /*  padding: 1em;*/
            text-align: center;
        }
        
        .bloqueAzul .div {
          border: 1px solid #e4e4e4;  
            background-color: #fff;
        }
        
        ul{
            list-style: none;
            padding: 0;
        }
        
        .far{
            color:#0066FF;
        } 
        .faso {
            color:#fff;
        } 
        
        .colorAzul h3{
            color:#0066FF;
            
        }
        
    </style>

    <script language=javascript>
      function ventanaSecundaria (URL){
        window.open(URL,"ventana1","width=550,height=450,scrollbars=NO")
      }
    </script>

</head>
<body>
<div class="container" style="background-color:#F1F2ED;">
        
        <?php 
            
            if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86) {
                
                include 'menu_estilo9.php'; 
            } else {
                
                include 'menu.php';  
            }
     
    ?>
    
</div>
<div role="main" style="background-color:#fff;min-height:80vh;<?php if($estiloweb == 9 || $estiloweb == 85 || $estiloweb == 86){echo 'margin-top:120px;';}?>" class="container pt-3">
    
            <div class="page-header" style="text-align:center;">
  
                <h2><? echo $asd ?>Color Categoría</h2>

            </div>

            <div class="col-12 my-3 text-center" >
    <form name="form1" method="POST" action="form_cambiar_colores_cat.php">



<div id="container"></div>
<!-- javaskripti -->
<script type="text/javascript" src="c632769.r69.cf2.rackcdn.com/cpcc_002.js"></script>
<script type="text/javascript" language="javascript">
(function() {
 var Event = YAHOO.util.Event, picker, hexcolor;

 Event.onDOMReady(function() {
 picker = new YAHOO.widget.ColorPicker("container", {
 showhsvcontrols: true,
 showhexcontrols: true,
 showwebsafe: false });
			picker.skipAnim=true;	
			var onRgbChange = function(o) {				setTimeout ("document.getElementById('yui-picker-hex').select()", 50);			}
			picker.on("rgbChange", onRgbChange);
			Event.on("newcolor", "click", function(e) {
				hexcolor = cc(document.getElementById('startcolor').value);
				picker.setValue([HexToR(hexcolor), HexToG(hexcolor), HexToB(hexcolor)], false); 
			});
 });
})();
</script>

 <input name="ID" type="hidden" value="<?php echo $ID ?>" />
<label>
<input type="submit" name="button" id="button" value="Enviar">
</label>
</form>
</div>

</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
<script type="text/javascript">

       
           window.setTimeout(function(){
                $('.grid').isotope({
                itemSelector: '.grid-item'
                });
                console.log('qwe');
                }, 3000);
        


        //window.setInterval(function(){
        //$('.grid').isotope({
        //itemSelector: '.grid-item'
        //});
        //}, 4000);

        function ventanaSecundaria56 (URL){
        window.open(URL,"ventana1","width=960,height=630,scrollbars=NO")
        }
        
</script>
 <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>   
</body>

</html>
