< /iframe ></noscript > <div class="wrapper"> <script type="text/javascript" id="gfl-hf-script" hf-ticket="" hf-name="gfl" site-name="gfl" src="https://cliente.giuffre.it/hf2/Scripts/hfimport.js"></script> <script> window.addEventListener('message', function (event) { //alert(event.data.task); if (event.data.task === 'gethfticket') { var token = event.data.params.ticket; } }); </script> <header id="header"> <div class="header-hp"> <div class="header-bottom-hp"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12 header-top-in-hp"> <div class="logo-main-hp logo-main-ghp"> <div class="logo-hp"><a href="/" ><img src="/images/GFL_logo.svg" alt="" /></a></div> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="navigation-main-hp navigation-main-ghp"> <div class="navigation-main-overlay-hp"></div> <div class="stellarnav"> <ul class="menu"> <li><a href="/it/chi-siamo">Chi siamo</a><ul><li><a href="/it/chi-siamo#vision">Vision</a></li><li><a href="/it/chi-siamo#mission">Mission</a></li><li><a href="/it/chi-siamo#valori">Valori</a></li><li><a href="/it/storia">Storia</a></li><li><a href="/it/chi-siamo#esg">ESG</a></li><li><a href="/it/ai_innovazione">AI e innovazione</a></li></ul></li><li><a href="/it/fiscale">Area Fiscale e Lavoro</a><ul><li><a href="/it/fiscale/volumi">Volumi</a></li><li><a href="/it/fiscale/riviste">Riviste</a></li><li><a href="/it/fiscale/banche-dati">Banche dati e servizi informativi</a></li><li><a href="/it/fiscale/software-e-tool">Software e tool</a></li><li><a href="/it/fiscale/siti-web">Portali tematici e siti web</a></li><li><a href="/it/fiscale/../../it/formazione">Formazione</a></li></ul></li><li><a href="/it/legale">Area Legale</a><ul><li><a href="/it/legale/volumi-legale">Volumi</a></li><li><a href="/it/legale/riviste-legale">Riviste</a></li><li><a href="/it/legale/banche-dati-legali">Banche dati e servizi informativi</a></li><li><a href="/it/legale/software-e-tool-legali">Software e Tool</a></li><li><a href="/it/legale/portali-tematici-legali">Portali Tematici e siti web</a></li><li><a href="/it/legale/../../it/formazione">Formazione</a></li></ul></li><li><a href="/it/area-aziende">Area Aziende</a><ul><li><a href="/it/area-aziende/volumi-aziende">Volumi</a></li><li><a href="/it/area-aziende/riviste-aziende">Riviste</a></li><li><a href="/it/area-aziende/banche-dati-aziendali">Banche dati e servizi informativi</a></li><li><a href="/it/area-aziende/software-e-tool-aziendali">Software e Tool</a></li><li><a href="/it/area-aziende/portali-tematici-e-siti-web">Portali tematici e siti web</a></li><li><a href="/it/area-aziende/../../it/formazione">Formazione</a></li><li><a href="/it/area-aziende/esg">ESG</a></li></ul></li><li><a href="/formazione">Formazione</a></li><li><a href="/it/eventi">Eventi</a><ul><li><a href="/it/eventi">Eventi Formativi</a></li><li><a href="/it/75-anni-di-costituzione">75 anni di Costituzione</a></li></ul></li><li><a href="/it/agenzie">Agenzie</a></li><li><a href="/competencehub">Competence Hub</a></li><li><a href="/it/supporto">Supporto</a></li><li><a href="https://shop.giuffre.it/" target="_blank" style="font-weight:bold;">SHOP</a></li> </ul> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div> </header> <div class="clearfix"></div> <section id="contain"> <style> .btn.btn-white { color: #003572; background-color: #fff; border-color: #003572; } </style> <div class="single-block-gcsp" style="padding-top:60px; padding-bottom:60px;"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-6 single-block-in-gcsp"> <div class="single-block-content-gcsp2"> <div class="stage-data-title-scp2" style="margin-left:20px;"> <h3>Calcolatori</h3></div> <div class="stage-data-content-scp2"> <div class="stage-content-scp2"> Strumenti di calcolo e percorsi guidati per automatizzare le attività. </div> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-6 single-block-in-gcsp"> <div class="single-block-content-gcsp2"> <div style="text-align:right;"> </div> </div> </div> </div> </div> </div> <div class="online-block-ghp"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12 online-block-in-ghp"> <div class="common-title-main-ghp shop-title-ghp"> <div class="common-title-ghp">Scopri le funzionalità dei nostri prodotti </div> <div class="clearfix"></div> </div> <div class="online-content-ghp owl-theme row"> <div class="col-lg-6 col-md-6 col-sm-12 col-12"> <a href="/it/supporto/tariffe-forensi-web" id="cardautore" style="width:100%"> <div class="container"> <div class="row"> <div class="col-md-5"> <img src="/media/thumb.php?src=1732616664.jfif&w=300&h=300" class="img-fluid"> </div> <div class="col-md-7 nome_qualifica"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.85 53.08"><defs><style>.cls-17373{fill:none;stroke:#1a346d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.11px;}</style></defs><g id="Livello_2" data-name="Livello 2"><g id="Layer_1" data-name="Layer 1"><polyline class="cls-17373" points="4.83 26.19 35.23 1.05 39.49 3.84 42.18 7.1 44.09 11.78 13.69 36.91"></polyline><line class="cls-17373" x1="39.66" y1="6.42" x2="9.26" y2="31.55"></line><polyline class="cls-17373" points="4.83 26.19 1.05 38.33 13.69 36.91"></polyline><path class="cls-17373" d="M2.05,43.75C9.83,55,17.59,52.72,19,48.86s2.07-8.17,1.73-6-1.7,6,2.59,6,3.46-5.11,3.46-5.11a2.8,2.8,0,0,1,3.87,0c1.95,1.81,9.08-7.09,9.08-7.09s-6.48,2-1.53,7.68,9.39,2,11.61-.59"></path></g></g></svg> <span class="nome" style="color:#003572">Tariffe forensi web</span> <span class="qualifica" style="color:#003572;">Il software online di parcellazione elettronica: parcelle, note spese giudiziali e fatture elettroniche. </span> </div> </div> </div> </a> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-12"> <a href="/it/supporto/compensa-CTU" id="cardautore" style="width:100%"> <div class="container"> <div class="row"> <div class="col-md-5"> <img src="/media/thumb.php?src=1635413431.jpg&w=300&h=300" class="img-fluid"> </div> <div class="col-md-7 nome_qualifica"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.85 53.08"><defs><style>.cls-17373{fill:none;stroke:#1a346d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.11px;}</style></defs><g id="Livello_2" data-name="Livello 2"><g id="Layer_1" data-name="Layer 1"><polyline class="cls-17373" points="4.83 26.19 35.23 1.05 39.49 3.84 42.18 7.1 44.09 11.78 13.69 36.91"></polyline><line class="cls-17373" x1="39.66" y1="6.42" x2="9.26" y2="31.55"></line><polyline class="cls-17373" points="4.83 26.19 1.05 38.33 13.69 36.91"></polyline><path class="cls-17373" d="M2.05,43.75C9.83,55,17.59,52.72,19,48.86s2.07-8.17,1.73-6-1.7,6,2.59,6,3.46-5.11,3.46-5.11a2.8,2.8,0,0,1,3.87,0c1.95,1.81,9.08-7.09,9.08-7.09s-6.48,2-1.53,7.68,9.39,2,11.61-.59"></path></g></g></svg> <span class="nome" style="color:#003572">Compenso del CTU</span> <span class="qualifica" style="color:#003572;">Un valido supporto al professionista nelle complesse dinamiche civili e penali. </span> </div> </div> </div> </a> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-12"> <a href="/it/supporto/esecuzione-pena" id="cardautore" style="width:100%"> <div class="container"> <div class="row"> <div class="col-md-5"> <img src="/media/thumb.php?src=1635413609.jpg&w=300&h=300" class="img-fluid"> </div> <div class="col-md-7 nome_qualifica"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.85 53.08"><defs><style>.cls-17373{fill:none;stroke:#1a346d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.11px;}</style></defs><g id="Livello_2" data-name="Livello 2"><g id="Layer_1" data-name="Layer 1"><polyline class="cls-17373" points="4.83 26.19 35.23 1.05 39.49 3.84 42.18 7.1 44.09 11.78 13.69 36.91"></polyline><line class="cls-17373" x1="39.66" y1="6.42" x2="9.26" y2="31.55"></line><polyline class="cls-17373" points="4.83 26.19 1.05 38.33 13.69 36.91"></polyline><path class="cls-17373" d="M2.05,43.75C9.83,55,17.59,52.72,19,48.86s2.07-8.17,1.73-6-1.7,6,2.59,6,3.46-5.11,3.46-5.11a2.8,2.8,0,0,1,3.87,0c1.95,1.81,9.08-7.09,9.08-7.09s-6.48,2-1.53,7.68,9.39,2,11.61-.59"></path></g></g></svg> <span class="nome" style="color:#003572">Esecuzione della pena</span> <span class="qualifica" style="color:#003572;">Accompagna il professionista nelle fasi e nelle procedure del post giudicato.</span> </div> </div> </div> </a> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-12"> <a href="/it/supporto/esecuzioni-civili" id="cardautore" style="width:100%"> <div class="container"> <div class="row"> <div class="col-md-5"> <img src="/media/thumb.php?src=1635413976.png&w=300&h=300" class="img-fluid"> </div> <div class="col-md-7 nome_qualifica"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.85 53.08"><defs><style>.cls-17373{fill:none;stroke:#1a346d;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.11px;}</style></defs><g id="Livello_2" data-name="Livello 2"><g id="Layer_1" data-name="Layer 1"><polyline class="cls-17373" points="4.83 26.19 35.23 1.05 39.49 3.84 42.18 7.1 44.09 11.78 13.69 36.91"></polyline><line class="cls-17373" x1="39.66" y1="6.42" x2="9.26" y2="31.55"></line><polyline class="cls-17373" points="4.83 26.19 1.05 38.33 13.69 36.91"></polyline><path class="cls-17373" d="M2.05,43.75C9.83,55,17.59,52.72,19,48.86s2.07-8.17,1.73-6-1.7,6,2.59,6,3.46-5.11,3.46-5.11a2.8,2.8,0,0,1,3.87,0c1.95,1.81,9.08-7.09,9.08-7.09s-6.48,2-1.53,7.68,9.39,2,11.61-.59"></path></g></g></svg> <span class="nome" style="color:#003572">Esecuzioni civili</span> <span class="qualifica" style="color:#003572;">Uno strumento di calcolo che consente di svolgere operazioni relative al calcolo dei compensi.</span> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </section> <script type="text/javascript" id="gfl-ff-script" ff-name="gfl" src="https://cliente.giuffre.it/hf2/Scripts/ffimport.js" ></script> </div> <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <!--<script src="/js/codemirror.js"></script> <script src="/assets/js/htmlmixed.js"></script>--> <script type="text/javascript" src="/js/stellarnav.js"></script> <script src="/js/owl.carousel.min.js"></script> <!--<script src="/js/customLoader.js"></script>--> <script type="text/javascript"> jQuery('.openall').click(function() { jQuery('.openall').hide(); jQuery('.closeall').show(); jQuery('.guardamauro').show(); }); jQuery('.closeall').click(function() { jQuery('.openall').show(); jQuery('.closeall').hide(); jQuery('.guardamauro').hide(); }); jQuery('.openall2').click(function() { jQuery('.guardamauro2').show(); jQuery('.openall2').hide(); jQuery('.closeall2').show(); }); jQuery('.closeall2').click(function() { jQuery('.guardamauro2').hide(); jQuery('.openall2').show(); jQuery('.closeall2').hide(); }); $("#banner_slider").owlCarousel({ loop:true, margin:0, items:1, nav:false, dots:true, touchDrag : false, mouseDrag : false, animateOut: 'fadeOut', autoplay:true }); $("#banner_sliderx").owlCarousel({ loop:true, margin:0, items:1, nav:true, dots:true, animateOut: 'fadeOut', autoplay:true }); $("#news_slider1").owlCarousel({ loop:true, margin:0, items:1, nav:true, dots:false, animateOut: 'fadeOut', autoplay:true }); $("#news_slider2").owlCarousel({ loop:true, margin:0, items:1, nav:true, dots:false, autoplayTimeout:'5500', animateOut: 'fadeOut', autoplay:true }); $("#news_slider3").owlCarousel({ loop:true, margin:0, items:1, nav:true, dots:false, autoplayTimeout:'6000', animateOut: 'fadeOut', autoplay:true }); $("#news_slider4").owlCarousel({ loop:true, margin:0, items:1, nav:true, dots:false, animateOut: 'fadeOut', autoplay:true }); $("#prod_slider").owlCarousel({ loop:false, margin:0, nav:true, dots:false, autoplayTimeout:'10000', animateOut: 'fadeOut', rewind: true, autoplay:true, responsive:{ 0:{ items:1, }, 600:{ items:2, }, 1000:{ items:6, } } }); /* $('.checkbox').change(function(){ if($('.checkbox:checked').length==0){ $('.result-item-rip').show(); //Show all,when nothing is checked $('.old').hide(); }else{ $('.result-item-rip').hide(); $('.checkbox:checked').each(function(){ $('.'+$(this).attr('id')).show(); $('.old').hide(); }); } }); */ $('.materiax').change(function(){ if($('.materiax:checked').length==0) { $('input[name="filter1"]').prop('checked', false); $('.data-generale-agenda').show(); //Show all,when nothing is checked } else { //alert('ciao'); $('input[name="filter1"]').prop('checked', true); $('.data-generale-agenda').show(); //Show all,when nothing is checked } }); $('.periodox').change(function(){ if($('.periodox:checked').length==0) { $('input[name="filter3"]').prop('checked', false); $('.data-generale-agenda').show(); //Show all,when nothing is checked } else { //alert('ciao'); $('input[name="filter3"]').prop('checked', true); $('.data-generale-agenda').show(); //Show all,when nothing is checked } }); $('.cittax').change(function(){ if($('.cittax:checked').length==0) { $('input[name="filter4"]').prop('checked', false); $('.data-generale-agenda').show(); //Show all,when nothing is checked } else { //alert('ciao'); $('input[name="filter4"]').prop('checked', true); $('.data-generale-agenda').show(); //Show all,when nothing is checked } }); $('.professionix').change(function(){ if($('.professionix:checked').length==0) { $('input[name="filter5"]').prop('checked', false); $('.data-generale-agenda').show(); //Show all,when nothing is checked } else { //alert('ciao'); $('input[name="filter5"]').prop('checked', true); $('.data-generale-agenda').show(); //Show all,when nothing is checked } }); $('.materiax').change(function(){ if($('.materiax:checked').length==0) { $('input[name="filter1"]').prop('checked', false); $('.data-generale-agenda').show(); //Show all,when nothing is checked } else { //alert('ciao'); $('input[name="filter1"]').prop('checked', true); $('.data-generale-agenda').show(); //Show all,when nothing is checked } }); $('.tipologiax').change(function(){ if($('.tipologiax:checked').length==0) { $('input[name="filter2"]').prop('checked', false); $('.data-generale-agenda').show(); //Show all,when nothing is checked } else { //alert('ciao'); $('input[name="filter2"]').prop('checked', true); $('.data-generale-agenda').show(); //Show all,when nothing is checked } }); $('.checkbox2').change(function(){ if($('.checkbox2:checked').length==0) { $('.data-generale-agenda').show(); //Show all,when nothing is checked $('.old').hide(); } else { $('.data-generale-agenda').hide(); var val = []; $('.checkbox2:checked').each(function(i) { val[i] = $(this).attr('id'); $('.'+$(this).attr('id')).show(); $('.old').hide(); }); //alert(val); } }); $("#filter1 :checkbox,#filter2 :checkbox,#filter3 :checkbox,#filter4 :checkbox,#filter5 :checkbox").click(function () { $("div.list").hide(); var Filter1Array = []; var Filter2Array = []; var Filter3Array = []; var Filter4Array = []; var Filter5Array = []; var filter1_Count = 0, filter2_Count = 0, filter3_Count = 0, filter4_Count = 0, filter5_Count = 0; $("#filter1 :checkbox:checked").each(function () { Filter1Array[filter1_Count] = $(this).val(); filter1_Count++ }); $("#filter2 :checkbox:checked").each(function () { Filter2Array[filter2_Count] = $(this).val(); filter2_Count++ }); $("#filter3 :checkbox:checked").each(function () { Filter3Array[filter3_Count] = $(this).val(); filter3_Count++ }); $("#filter4 :checkbox:checked").each(function () { Filter4Array[filter4_Count] = $(this).val(); filter4_Count++ }); $("#filter5 :checkbox:checked").each(function () { Filter5Array[filter5_Count] = $(this).val(); filter5_Count++ }); var filter1string var filter2string var filter3string var filter4string var filter5string var filter1checked = false var filter2checked = false var filter3checked = false var filter4checked = false var filter5checked = false if (filter1_Count == 0) { filter1_Count = 1; } else { filter1checked = true; } if (filter2_Count == 0) { filter2_Count = 1; } else { filter2checked = true; } if (filter3_Count == 0) { filter3_Count = 1; } else { filter3checked = true; } if (filter4_Count == 0) { filter4_Count = 1; } else { filter4checked = true; } if (filter5_Count == 0) { filter5_Count = 1; } else { filter5checked = true; } for (f1 = 0; f1 < filter1_Count; f1++) { if (Filter1Array[f1] != null) { filter1string = '.' + Filter1Array[f1] } else { filter1string = '' } for (f2 = 0; f2 < filter2_Count; f2++) { if (Filter2Array[f2] != null) { filter2string = '.' + Filter2Array[f2] } else { filter2string = '' } for (f3 = 0; f3 < filter3_Count; f3++) { if (Filter3Array[f3] != null) { filter3string = '.' + Filter3Array[f3] } else { filter3string = '' } for (f4 = 0; f4 < filter4_Count; f4++) { if (Filter4Array[f4] != null) { filter4string = '.' + Filter4Array[f4] } else { filter4string = '' } for (f5 = 0; f5 < filter5_Count; f5++) { if (Filter5Array[f5] != null) { filter5string = '.' + Filter5Array[f5] } else { filter5string = '' } var QueryString = filter1string + filter2string + filter3string + filter4string + filter5string $(QueryString).fadeIn('fast'); } } } } } if (!filter1checked && !filter2checked && !filter3checked && !filter4checked && !filter5checked) { $("div.list").fadeIn('fast'); }; if ($('div.list:visible').length === 0) { $(".NoResults").html("<p class='error'>No products match your filter selections. Please try a different combination.</p>"); } else { $(".NoResults").html(""); } }); /* $(document).ready(function() { var $results=$('.data-generale-agenda').text(function(){ //return $(this).data('category') }) var $checks=$(':checkbox[name^=fl]').change(function(){ var $checked=$checks.filter(':checked'); show all when nothing checked if(!$checked.length){ $results.show(); return; } var checkedVals= $.map($checked, function(el){ return el.value alert(el.value); }); $results.hide().filter(function(){ var cats=$(this).data('category').split(' '); var checkMatches=$.grep(checkedVals, function(val){ return $.inArray(val, cats) >-1; }); return checkMatches.length === checkedVals.length; }).show(); }); });*/ $('.event-scap').click(function() { $('.result-item-rip').hide(); $('.data-'+$(this).attr('id')).show(); }); </script> <script> $(document).ready(function(){ $("#form-invia").click(function(e){ e.preventDefault(); var dati = $("#form-inoltra").serialize(); $.ajax({ type: "POST", url: "/ajax/sendsuggerisci.php", data: dati, success: function(response){ if(response=='1') { $("#carrello").html('<span style="color:green"><br>Dati compilati <strong>correttamente</strong>,<br>la mail è stata inviata al collega</span>'); $("#domanda").hide(); //$('input[type=text]').val(''); } else { $("#carrello").html(response); } } }); }); }); $('.showall').click(function() { $('.hid').toggle(); $('.showall').hide(); $('.showmeno').show(); }); $('.showmeno').click(function() { $('.hid').toggle(); $('.showall').show(); $('.showmeno').hide(); }); $(function() { $("#provincia").change(function() { var $form = $(".assistenza"); $.ajax({ type: "POST", url: "/ajax/assistenza.php", data: $form.serialize(), success: function(response){ $("#result").html(response); } }); $.ajax({ type: "POST", url: "/ajax/assistenza2.php", data: $form.serialize(), success: function(response){ $("#mapBig").html(response); } }); }); }); $(function() { $("#inputTitolo").change(function() { var $form = $(".assistenza_agenzia"); $.ajax({ type: "POST", url: "/ajax/assistenza5.php", data: $form.serialize(), success: function(response){ $("#result").html(response); } }); $.ajax({ type: "POST", url: "/ajax/assistenza4.php", data: $form.serialize(), success: function(response){ $("#mapBig").html(response); $("#mapBig").show(); } }); }); }); $(function() { $("#inputTipo").change(function() { var $form = $(".assistenza_agenzia"); $.ajax({ type: "POST", url: "/ajax/assistenza5.php", data: $form.serialize(), success: function(response){ $("#result").html(response); } }); $.ajax({ type: "POST", url: "/ajax/assistenza4.php", data: $form.serialize(), success: function(response){ $("#mapBig").html(response); $("#mapBig").show(); } }); }); }); $(function() { $(".tipox").change(function() { var $form = $(".assistenza"); $.ajax({ type: "POST", url: "/ajax/assistenza.php", data: $form.serialize(), success: function(response){ $("#result").html(response); } }); $.ajax({ type: "POST", url: "/ajax/assistenza2.php", data: $form.serialize(), success: function(response){ $("#mapBig").html(response); } }); }); }); $('.assistenza').submit(function(e) { // return false so form submits through jQuery rather than reloading page. if (e.preventDefault) e.preventDefault(); else e.returnValue = false; var $form = $(".assistenza"); $.ajax({ type: "POST", url: "/ajax/assistenza.php", data: $form.serialize(), success: function(response){ $("#result").html(response); } }); $.ajax({ type: "POST", url: "/ajax/assistenza2.php", data: $form.serialize(), success: function(response){ $("#mapBig").html(response); } }); }); $(".change_month").click(function(e){ e.preventDefault(); $.ajax({ type: "GET", url: "/ajax/calendario.php", data: $(this).attr("id"), success: function(response){ $("#vedicalendario").html(response); } }); }); </script> <script src="/js/prism.js"></script> <script src="/js/custom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script> <link rel="stylesheet" href="/css/jquery.modal.min.css" /> <script> $('a.open-modal').click(function(event) { $(this).modal({ fadeDuration: 250 }); return false; }); </script><script> $(window).scroll(function() { var scroll = $(window).scrollTop(); //>=, not <= if (scroll >= 60) { //clearHeader, not clearheader - caps H $("body").addClass("scrolled"); } else if (scroll < 60) { //clearHeader, not clearheader - caps H $("body").removeClass("scrolled"); } }); </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js" type="text/javascript"></script> <style> .scrolled .header-bottom-hp{ position:fixed; width:100%; background:#fff; z-index:1000; top:0px; box-shadow: 0 4px 10px -2px #ccc; } </style> </body> </html>