<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" dir="ltr">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	  <base href="http://www.myklara.it/404-page" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="author" content="Super User" />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>404 page</title>
  <link href="http://www.myklara.it/404-page" rel="canonical" />
  <link href="/templates/umbrella/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link rel="stylesheet" href="/components/com_k2/css/k2.css" type="text/css" />
  <link rel="stylesheet" href="/components/com_rsform/assets/calendar/calendar.css" type="text/css" />
  <link rel="stylesheet" href="/components/com_rsform/assets/css/front.css" type="text/css" />
  <link rel="stylesheet" href="/plugins/k2/swmap/swmap/css/style.css" type="text/css" />
  <link rel="stylesheet" href="http://www.myklara.it/media/com_uniterevolution2/assets/rs-plugin/css/settings.css" type="text/css" />
  <link rel="stylesheet" href="http://www.myklara.it/index.php?option=com_uniterevolution2&action=getcaptions" type="text/css" />
  <link rel="stylesheet" href="http://www.myklara.it/media/com_uniterevolution2/assets/rs-plugin/css/static-captions.css" type="text/css" />
  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
  <script src="/media/system/js/core.js" type="text/javascript"></script>
  <script src="/components/com_k2/js/k2.js?v2.6.8&amp;sitepath=/" type="text/javascript"></script>
  <script src="/media/system/js/caption.js" type="text/javascript"></script>
  <script src="/components/com_rsform/assets/js/script.js" type="text/javascript"></script>
  <script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="http://www.myklara.it/media/com_uniterevolution2/assets/rs-plugin/js/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
  <script src="http://www.myklara.it/media/com_uniterevolution2/assets/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
  <script type="text/javascript">
jQuery(window).on('load',  function() {
				new JCaption('img.caption');
			});
  </script>

    
	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/custom.css" media="screen">
    		<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
		<style type="text/css">
			h1,h2,h3,h4,h5,h6,.site-title{
				font-family: 'Open Sans', sans-serif;
			}
		</style>
			<style type="text/css">
		body.site
		{
			border-top: 3px solid #0088cc;
			background-color: #f4f6f7		}
	</style>
	    	<style type="text/css">
		div.navbar 
		{
			background-color: #ffffff		}
	</style>
	    	<style type="text/css">
		.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover
		{
			color: #f13f0f		}
	</style>
	    	<style type="text/css">
		footer
		{
			background-color: #252525		}
	</style>
	    	<style type="text/css">
		.statistic-counter p span.timer,
        .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover        
		{
			color: #0088cc		}
        footer,.hover-post,.post-date,.hover-team,.services-box2 .services-post:hover a,.services-box1 .services-post:hover a
        {
			background-color: #0088cc		}
        .services-box2 .services-post:hover a,.services-box1 .services-post:hover a{
            border: #0088cc        }
	</style>
	   

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-59403613-1', 'auto');
  ga('send', 'pageview');

</script>  	

<script>
function anchorPoint()
{
  x=document.getElementById("userForm");
  x.setAttribute("action","#contact-section");
} 
</script>
</head>

<body class="site com_content view-article no-layout no-task itemid-137">

	<!-- Body -->
	<div class="body">
		<div id="container" >
			<input type="hidden" id="u_root" value="http://www.myklara.it/templates/umbrella/" />
            <!-- Header
		    ================================================== -->
                       <link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/bootstrap.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/magnific-popup.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/flexslider.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/animate.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/font-awesome.css" media="screen">
        	 <link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/style.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/jquery.bxslider.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/YTPlayer.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/responsive.css" media="screen">
        	<link rel="stylesheet" type="text/css" href="http://www.myklara.it/templates/umbrella/css/custom.css" media="screen">
        	


            </style>
    		<header class="clearfix">
    			<!-- Static navbar -->
    			<div class="navbar navbar-default navbar-fixed-top">
    				<div class="container">
    					<div class="navbar-header">
    						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    							<span class="icon-bar"></span>
    							<span class="icon-bar"></span>
    							<span class="icon-bar"></span>
    						</button>
    						<a class="navbar-brand" href="#"><img src="http://www.myklara.it/images/logo_klara.png" alt="Klara" /> </a>
    					</div>
    					<div class="navbar-collapse collapse">
    						                			
                				<ul class="menu  nav navbar-nav navbar-right">
<li class="item-102"><a  class="active"  href="#" >Home</a></li><li class="item-103"><a  class=""  href="#about_klara" >Che cos'è Klara</a></li><li class="item-104"><a  class=""  href="#klara-differente" >Perché è differente</a></li><li class="item-160"><a  class=""  href="http://www.myklara.it/registrazione-evento" >Seminario Gratuito</a></li><li class="item-108"><a  class=""  href="#contact-section" >Contattaci</a></li></ul>

                		
                			    					</div>
    				</div>
    			</div>
    		</header>
                		<!-- End Header -->
						<div class="">
						<div class="moduletable">
					<!-- START REVOLUTION SLIDER 4.3.6 fullwidth mode -->
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#fff;padding:0px;margin-top:0px;margin-bottom:0px;max-height:780px;">
	<div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;max-height:780px;height:780;">
<ul>	<!-- SLIDE  -->
	<li data-transition="random" data-slotamount="7" data-masterspeed="300" >
		<!-- MAIN IMAGE -->
		<img src="http://www.myklara.it/images/slider1pan.jpg"  alt="slider1pan"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		<!-- LAYERS -->

		<!-- LAYER NR. 1 -->
		<div class="tp-caption bottoneklara tp-fade tp-resizeme"
			data-x="554"
			data-y="728" 
			data-speed="300"
			data-start="500"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;"><a href="#about_klara">scopri di più</a>
		</div>

		<!-- LAYER NR. 2 -->
		<div class="tp-caption titoloblu tp-fade tp-resizeme"
			data-x="785"
			data-y="496" 
			data-speed="300"
			data-start="800"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">L'unica nuvola che amerai nel tuo cielo
		</div>

		<!-- LAYER NR. 3 -->
		<div class="tp-caption thintext_dark_2 tp-fade tp-resizeme"
			data-x="784"
			data-y="553" 
			data-speed="300"
			data-start="1100"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">Tutto ciò che ti serve per lavorare <strong> sarà sempre con te <br/> ovunque tu sia</strong>, perfettamente   <strong> organizzato</strong> e <strong>aggiornato</strong>.
		</div>

		<!-- LAYER NR. 4 -->
		<div class="tp-caption tp-fade"
			data-x="654"
			data-y="118" 
			data-speed="300"
			data-start="1400"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 5;"><img src="http://www.myklara.it/images/nuvola-serena.png" alt="">
		</div>
	</li>
	<!-- SLIDE  -->
	<li data-transition="random" data-slotamount="7" data-masterspeed="300" >
		<!-- MAIN IMAGE -->
		<img src="http://www.myklara.it/images/slider3pan.jpg"  alt="slider3pan"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		<!-- LAYERS -->

		<!-- LAYER NR. 1 -->
		<div class="tp-caption titologrigio tp-fade tp-resizeme"
			data-x="339"
			data-y="334" 
			data-speed="300"
			data-start="500"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">Il tuo lavoro tutto su klara = semplicità + sicurezza
		</div>

		<!-- LAYER NR. 2 -->
		<div class="tp-caption thintext_dark2 tp-fade tp-resizeme"
			data-x="440"
			data-y="397" 
			data-speed="300"
			data-start="800"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;"><p align="center">Calendario, Rubrica, Posta Elettronica, Documenti e Files:<br/>
tutti in un <strong>unico spazio</strong>, accessibili da un <strong>solo punto</strong>, <br/> sempre <strong>sicuri</strong> e <strong>protetti</strong></p>
		</div>

		<!-- LAYER NR. 3 -->
		<div class="tp-caption tp-fade"
			data-x="491"
			data-y="44" 
			data-speed="300"
			data-start="1100"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 4;"><img src="http://www.myklara.it/images/slide2.png" alt="">
		</div>

		<!-- LAYER NR. 4 -->
		<div class="tp-caption bottoneklara tp-fade tp-resizeme"
			data-x="534"
			data-y="733" 
			data-speed="300"
			data-start="1400"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;"><a href="#about_klara">scopri di più</a>
		</div>
	</li>
	<!-- SLIDE  -->
	<li data-transition="random" data-slotamount="7" data-masterspeed="300" >
		<!-- MAIN IMAGE -->
		<img src="http://www.myklara.it/images/slider2pan.jpg"  alt="slider2pan"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		<!-- LAYERS -->

		<!-- LAYER NR. 1 -->
		<div class="tp-caption bottoneklara tp-fade tp-resizeme"
			data-x="539"
			data-y="728" 
			data-speed="300"
			data-start="500"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;"><a href="#about_klara">scopri di più</a>
		</div>

		<!-- LAYER NR. 2 -->
		<div class="tp-caption titolobianco tp-fade tp-resizeme"
			data-x="666"
			data-y="166" 
			data-speed="300"
			data-start="800"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">Dove sarai oggi ? Quale device porterai con te ?
		</div>

		<!-- LAYER NR. 3 -->
		<div class="tp-caption thintext_dark_blue tp-fade tp-resizeme"
			data-x="666"
			data-y="241" 
			data-speed="300"
			data-start="1100"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"><strong>Non importa.</strong> Con Klara sarà semplicissimo accedere a <br/>tutto ciò che ti serve per lavorare: <strong>produttività massima, sempre e ovunque</strong>
		</div>

		<!-- LAYER NR. 4 -->
		<div class="tp-caption tp-fade"
			data-x="178"
			data-y="20" 
			data-speed="300"
			data-start="1400"
			data-easing="Power3.easeInOut"
			data-splitin="none"
			data-splitout="none"
			data-elementdelay="0.1"
			data-endelementdelay="0.1"
			data-endspeed="300"
			style="z-index: 5;"><img src="http://www.myklara.it/images/slide3.png" alt="">
		</div>
	</li>
</ul>
<div class="tp-bannertimer"></div>	</div>
</div>			
			<script type="text/javascript">

				var tpj=jQuery;				
												
				var revapi1;
				
				tpj(document).ready(function() {
								
				if(tpj('#rev_slider_1_1').revolution == undefined)
					revslider_showDoubleJqueryError('#rev_slider_1_1');
				else
				   revapi1 = tpj('#rev_slider_1_1').show().revolution(
					{
						dottedOverlay:"none",
						delay:9000,
						startwidth:1263,
						startheight:780,
						hideThumbs:200,
						
						thumbWidth:100,
						thumbHeight:50,
						thumbAmount:3,
						
						navigationType:"none",
						navigationArrows:"solo",
						navigationStyle:"round",
						
						touchenabled:"on",
						onHoverStop:"on",
						
						swipe_velocity: 0.7,
							swipe_min_touches: 1,
							swipe_max_touches: 1,
							drag_block_vertical: false,
						
						keyboardNavigation:"off",
						
						navigationHAlign:"center",
						navigationVAlign:"bottom",
						navigationHOffset:0,
						navigationVOffset:20,

						soloArrowLeftHalign:"left",
						soloArrowLeftValign:"center",
						soloArrowLeftHOffset:20,
						soloArrowLeftVOffset:0,

						soloArrowRightHalign:"right",
						soloArrowRightValign:"center",
						soloArrowRightHOffset:20,
						soloArrowRightVOffset:0,
								
						shadow:0,
						fullWidth:"on",
						fullScreen:"off",

						spinner:"spinner0",
						
						stopLoop:"off",
						stopAfterLoops:-1,
						stopAtSlide:-1,

						
						shuffle:"off",
						
						autoHeight:"off",						
						forceFullWidth:"off",						
												
												
												
						hideThumbsOnMobile:"off",
						hideNavDelayOnMobile:1500,						hideBulletsOnMobile:"off",
						hideArrowsOnMobile:"off",
						hideThumbsUnderResolution:0,
						
						hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						startWithSlide:0,
						fullScreenOffsetContainer: "",
						isJoomla:true
					});
				
				});	//ready
				
			</script>
			
			<!-- END REVOLUTION SLIDER -->			</div>
	
			</div>
			            <!-- Header
		    ================================================== -->
                		<!-- End Header -->
            			
			<div class="row-fluid" >
				                				<main id="content" role="main">
					<!-- Begin Content -->
					
					<div id="system-message-container">
	</div>

					<div class="item-page" itemscope itemtype="http://schema.org/Article">
	<meta itemprop="inLanguage" content="it-IT" />
							
	
	
		
								<div itemprop="articleBody">
		<section id="not-found" class="pad-common border-top-main">
<h2>404</h2>
<h3>Opps! Page Not Found</h3>
<p>We couldn't able to find the page you were looking for, so cool down, please go back and search again thanks.<br /> <br /><br /> <a class="button line-color centered btn-identity-color" href="/index.php"> Back to Home Page</a></p>
</section>	</div>

	
						 </div>

					
					<!-- End Content -->
				</main>
                							</div>
            			<div class="">
						<div class="moduletable">
					<h3>Contattaci</h3>
					
<div class="section">
	<div id="contact-section">
		<div class="container">
			

			<div class="services-box">
				<div class="row">
                    					<div class="col-md-6">
						<div class="services-post triggerAnimation animated" data-animate="fadeInLeft">
							<h2>Contattaci</h2>
							<div><p><span style="color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; text-align: center;"><form method="post"  id="userForm" class="formResponsive" enctype="multipart/form-data" action="http://www.myklara.it/404-page">
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formHorizontal formContainer" id="rsform_3_page_0">
	<div class="rsform-block rsform-block-name">
		<div class="formControlLabel">Nome<strong class="formRequired">(*)</strong></div>
		<div class="formControls">
		<div class="formBody"><input type="text" value="" size="20"  name="form[Name]" id="Name"  class="rsform-input-box"/><span class="formValidation"><span id="component23" class="formNoError">Please let us know your name.</span></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-email">
		<div class="formControlLabel">La tua E-Mail<strong class="formRequired">(*)</strong></div>
		<div class="formControls">
		<div class="formBody"><input type="text" value="" size="20"  name="form[Email]" id="Email"  class="rsform-input-box"/><span class="formValidation"><span id="component24" class="formNoError">Please let us know your email address.</span></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-subject">
		<div class="formControlLabel">Azienda<strong class="formRequired">(*)</strong></div>
		<div class="formControls">
		<div class="formBody"><input type="text" value="" size="20"  name="form[Subject]" id="Subject"  class="rsform-input-box"/><span class="formValidation"><span id="component25" class="formNoError">Please write a subject for your message.</span></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-message">
		<div class="formControlLabel">Messagio<strong class="formRequired">(*)</strong></div>
		<div class="formControls">
		<div class="formBody"><textarea cols="50" rows="5" name="form[Message]" id="Message"  class="rsform-text-box"></textarea><span class="formValidation"><span id="component26" class="formNoError">Please let us know your message.</span></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-privacy">
		<div class="formControlLabel"></div>
		<div class="formControls">
		<div class="formBody"><div class="privacy">Informativa ai sensi del D.lgs. 196/2003 Desideriamo informarLa che il D.lgs. n. 196 del 30 giugno 2003 ("Codice in materia di protezione dei dati personali") prevede la tutela delle persone e di altri soggetti rispetto al trattamento dei dati personali. Secondo la normativa indicata, tale trattamento sarà improntato ai principi di correttezza, liceità e trasparenza e di tutela della Sua riservatezza e dei Suoi diritti. Ai sensi dell'articolo 13 del D.lgs. n.196/2003, pertanto, Le forniamo le seguenti informazioni: 1) I dati da Lei forniti verranno trattati esclusivamente per finalità commerciali, amministrative e tecniche necessarie alla normale erogazione del servizio fornito; 2) Il trattamento dei dati a noi conferiti in occasioni di attività promozionali e/o rapporti commerciali/ amministrativi sarà effettuato --- mediante idonee procedure informatiche e manuali, secondo procedure atte a garantire la sicurezza e la riservatezza --- delle informazioni; 3) I dati in questione verranno trattati dal personale commerciale, tecnico e amministrativo secondo le loro funzioni, il quale potrà renderli noti alle società del gruppo a cui ESALAB srl appartiene, nonché ad agenti e clienti per loro attività commerciali; 4) Il titolare del trattamento è ESALAB srl; 5) In ogni momento potrà esercitare i Suoi diritti nei confronti del titolare del trattamento, ai sensi dell'art.7 del D.lgs.196/2003 (testo integrale: http://www.garanteprivacy.it/garante/doc.jsp?ID=722132#art_7) Se non desidera ricevere comunicazioni da parte nostra e vuole essere cancellato dal nostro database invii a info@netco.it una email con la richiesta di cancellazione.</div><span class="formValidation"></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-accettazione-privacy">
		<div class="formControlLabel">Accetto<strong class="formRequired">(*)</strong></div>
		<div class="formControls">
		<div class="formBody"><input  name="form[Accettazione privacy][]" type="checkbox" value="si" id="Accettazione privacy0"  /><label for="Accettazione privacy0">si</label><span class="formValidation"><span id="component42" class="formNoError">Invalid Input</span></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-security">
		<div class="formControlLabel"><strong class="formRequired">(*)</strong></div>
		<div class="formControls">
		<div class="formBody"><input type="text" name="Username" value="" style="display: none !important" /><span class="formValidation"><span id="component30" class="formNoError">Invalid Input</span></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
	<div class="rsform-block rsform-block-send">
		<div class="formControlLabel"></div>
		<div class="formControls">
		<div class="formBody"><input type="submit" value="Invia" name="form[Send]" id="Send" onclick="anchorPoint()" class="rsform-submit-button" /><span class="formValidation"></span></div>
		<p class="formDescription"></p>
		</div>
	</div>
</fieldset>
<input type="hidden" name="form[formId]" value="3"/></form><script type="text/javascript">ajaxExtraValidationScript[3] = function(task, formId, data) {var formComponents = {};formComponents[23]='Name';formComponents[24]='Email';formComponents[25]='Subject';formComponents[26]='Message';formComponents[42]='Accettazione privacy';formComponents[30]='security';if (task == 'afterSend') {
		var ids = data.response[0].split(',');
		for (var i=0; i<ids.length; i++) {
			var id = parseInt(ids[i]);
			if (!isNaN(id) && typeof formComponents[id] != 'undefined') {
				var formComponent = rsfp_getFieldsByName(formId, formComponents[id]);
				if (formComponent && formComponent.length > 0) {
					for (var j=0; j<formComponent.length; j++) {
						if (formComponent[j]) {
							formComponent[j].className = formComponent[j].className.replace(' rsform-error', '');
						}
					}
				}
			}
		}
		var ids = data.response[1].split(',');
		for (var i=0; i<ids.length; i++) {
			var id = parseInt(ids[i]);
			if (!isNaN(id) && typeof formComponents[id] != 'undefined') {
				var formComponent = rsfp_getFieldsByName(formId, formComponents[id]);
				if (formComponent && formComponent.length > 0) {
					for (var j=0; j<formComponent.length; j++) {
						if (formComponent[j]) {
							formComponent[j].className = formComponent[j].className.replace(' rsform-error', '') + ' rsform-error';
						}
					}
				}
			}
		}
		}
}</script>
<script type="text/javascript">	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
	try {
	var pageTracker = _gat._getTracker("UA-59403613-1");
	pageTracker._trackPageview();
	} catch(err) {}
</script></span></p></div>
														
						</div>
					</div>
                    					<div class="col-md-6">
						<div class="services-post triggerAnimation animated" data-animate="fadeInRight">
							<h2>Dove siamo</h2>
							<div></div>
							
			
			<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;v=3.exp&amp;language=it&amp;libraries=panoramio,weather,places"></script>
			<script type="text/javascript">
					
					/* Fix for mootools conflict with googlemap api
					  (function(){
							// set mootools expandos to non-enumerables under ES5
							var key,
							a = [],
							enums = { enumerable: false };
       
							for (key in a) a.hasOwnProperty(key) || Object.defineProperty(Array.prototype, key, enums);
						}());
					*/
					
					
					var myLocation = null;
					var geocoder;
					var map;
					var address = "Via Andrea Costa, 65 61122 Pesaro PU";
					var lat 	= "43.9007196";
					var lng 	= "12.9025812";
					var directionDisplay;
					var directionsService;
					var stepDisplay;
					
					var sv = new google.maps.StreetViewService();
					var panorama;
					function calcRoute() {
						
						var start = document.getElementById("start").value;
						
						if(start.length < 1 && myLocation){
							var start = myLocation;
						}
						
						var end = document.getElementById("end").value;
						var request = {
							origin: start,
							destination: end,
							travelMode: google.maps.DirectionsTravelMode.DRIVING
						};
						
						directionsService.route(request, function (response, status) {
							if(status == google.maps.DirectionsStatus.OK) {
								var warnings = document.getElementById("warnings_panel");
								warnings.innerHTML = "<b>" + response.routes[0].warnings + "</b>";
								directionsDisplay.setDirections(response);
								showSteps(response);
							}
							else {
								alert("Wrong Address");
							}
						});
					}
					
					function showSteps(directionResult) {
						var myRoute = directionResult.routes[0].legs[0];
						for(var i = 0; i < myRoute.steps.length; i++) {
							var marker = new google.maps.Marker({
								position: myRoute.steps[i].start_point,
								map: null
							});
							attachInstructionText(marker, myRoute.steps[i].instructions);
							/* markers[i] = marker;*/
						}
					}
					
					function attachInstructionText(marker, text) {
						google.maps.event.addListener(marker, "click", function () {
							stepDisplay.setContent(text);
							stepDisplay.open(map, marker);
						});
					}
					
					function initialize() {
						
						geocoder = new google.maps.Geocoder();
						
						var latlng = new google.maps.LatLng(lat, lng);
						
						var myOptions = {
							zoom: 18,
							center: latlng,
							mapTypeControl: true,
							mapTypeControlOptions: {
								style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
							},
							navigationControl: true,
							
							mapTypeId: google.maps.MapTypeId.ROADMAP
						};
						
                        google.maps.visualRefresh = true;
						map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
						
						
						
						
						
						
						
						
							
							
						
						function getCoord() {
							if(lat.length > 0 && lng.length > 0) {
								return {'latLng': new google.maps.LatLng(lat, lng)};
							}
							return { 'address': address};
						}
								
						if (geocoder) {
							geocoder.geocode(getCoord(), function(results, status) {
								if (status == google.maps.GeocoderStatus.OK) {
									if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
									map.setCenter(latlng);
									var infowindow = new google.maps.InfoWindow(
										{ content: 
											'<div id="content">'+
												'<h1 id="firstHeading" class="firstHeading">Dove siamo</h1>'+
												'<div id="bodyContent">'+
													'<p><b><i>Via Andrea Costa, 65 61122 Pesaro PU</i></b></p>' +
													'<p><span class="swmap-intro">...'+
													'</span></p>'+
												'</div>'+
												
											'</div>',
											size: new google.maps.Size(150,50),
												maxWidth:200
										});
										var marker = new google.maps.Marker({
											position: latlng,
											icon : 'http://www.myklara.it/plugins/k2/swmap/swmap/blue/search.png',
											map: map, 
											title:address});
										if(document.getElementById("end")){	
											document.getElementById("end").value = results[0].geometry.location.lat()+","+results[0].geometry.location.lng();
										}
										
										google.maps.event.addListener(marker,'click', function() {
											infowindow.open(map,marker);
										});
										
										directionsService = new google.maps.DirectionsService();
										var rendererOptions = {
												map: map,
												suppressMarkers: 1
											};
										
										directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
										directionsDisplay.setPanel(document.getElementById("stepDir"));
		
									} else {
										alert("No results found");
									}
								} else {
									alert("Geocode was not successful for the following reason: " + status);
							}
						});
					}							
				}
						google.maps.event.addDomListener(window, 'load', initialize);
						
				</script>
				<style type="text/css">
					#map_canvas {
						width:400px;
						height:200px;
						overflow: hidden;
						clear: both;
						float:left;
						background: none !important;
						margin:0 0 5px;
					}
					#map_canvas img {
						background: none !important;
						max-width:none !important;
					}
					#pano{
						 width: 617px; 
						 height:406px;
						 float:left;
						 margin:0 0 5px;
					}
					#pano img {
						background: none !important;
						max-width:none !important;
					}
				</style>
		  <div id="map_canvas"></div>							
						</div>
					</div>
                    				</div>
			</div>

		</div>
	</div>
</div>		</div>
	
			</div>
					</div>
        <!-- Footer -->
    	<footer class="footer" role="contentinfo">
    		<div class="container">
    			

<div class="custom"  >
	<!-- <ul class="social-icons">
<li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="google"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a></li>
</ul> -->
<p>&nbsp;</p>
<p>KLARA è un prodotto</p>
<div class="logo"><a href="http://www.netco.it" target="_blank"><img alt="" src="/images/netcoadv.png" /></a>&nbsp;<a href="http://www.endesis.com/" target="_blank"><img alt="" src="/images/endesis2.png" /></a></div>
<p><br />Info e Contatti<br /><br /><strong>NetcoAdv S.r.l.</strong></p>
<p>Sede legale: Via Andrea Costa, 65 | 61122 Pesaro (PU)<br />Tel: 0721.415141 | Fax: 0721.456545 | <a href="mailto:info@netcoadv.it">info@netcoadv.it</a><br />PEC: <a href="mailto:netcoadv@legalmail.it">netcoadv@legalmail.it</a> | CF e P.Iva: 02612790424<br />Ufficio registro: Pesaro e Urbino - REA: PS-189669 - Capitale sociale: € 50.000,00</p>
<p>Sede secondaria: <br />Viale Don Minzoni, 6<br />60035 Jesi (AN)</p>
<p>Continuando la navigazione si accetta che possano essere usati cookie per migliorare l'esperienza di navigazione e a scopo statistico.<a href="/informativa-cookies"> Informativa completa</a></p></div>

    		</div>
    	</footer>
	</div>
    
	<div class="preloader">
		<img alt="" src="http://www.myklara.it/templates/umbrella/images/preloader.gif">
	</div>
	
    <script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.min.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.migrate.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.appear.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.mb.YTPlayer.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.bxslider.min.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.magnific-popup.min.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/bootstrap.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/waypoints.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.imagesloaded.min.js"></script>
  	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.isotope.min.js"></script>
  	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.stellar.min.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/smooth-scroll.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/plugins-scroll.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.quovolver.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/jquery.countTo.js"></script>
  	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/gmap3.min.js"></script>
	<script type="text/javascript" src="http://www.myklara.it/templates/umbrella/js/script.js"></script>
</body>
</html>
