->1<-
fine immissione cookie
<style type="text/css">
body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
#sfondo_inputbox{
    width:100%;
    background:grey;
    position:absolute;
    left:0px;
    top:0px;
    display:none;
    opacity:0.6;
	z-index:99998;
}
#inputbox{
	-webkit-border-radius: 6px;  /*bordo stondato*/
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  /*ombreggiature*/
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     box-shadow: 2px 2px 5px rgba(0,0,0,0.2);


    text-align:left;
	padding:10px;
	border-color:red;
	border-style:solid;
	border-width:1px;
    background-color:white;
    width:600px;
    height:400px;
    left:0px;
    top:0px;
    position:absolute;
    display:none;
    z-index:99999;
	background: #E4E6FE;
	background: -moz-linear-gradient(180deg, #F0F0F0 0%, white 100%);
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,#F0F0F0), color-stop(100%,white));
	background: -webkit-linear-gradient(-90deg, #F0F0F0 0%, white 100%);
	background: -o-linear-gradient(-90deg, #F0F0F0 0%, white 100%);
	background: -ms-linear-gradient(-90deg, #F0F0F0 0%, white 100%);
	background: linear-gradient(180deg, #FFFFFF 0%, white 100%);
	font-family: Arial, sans;
}
.popupbox {
	-webkit-border-radius: 6px;  /*bordo stondato*/
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  /*ombreggiature*/
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);


    text-align:left;
	padding:10px;
	border-color: red;
	border-style:solid;
	border-width:1px;
    background-color:white;
    width:500px;
    height:400px;
    left:0px;
    top:0px;
    position:absolute;
    display:none;
    z-index:99999;
	background: #FFFFFF;
	background: -moz-linear-gradient(180deg, #F0F0F0 0%, #E4E6FE 37%, #C4C6EE 100%);
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,#F0F0F0), color-stop(37%,#E4E6FE), color-stop(100%,#C4C6EE));
	background: -webkit-linear-gradient(-90deg, #F0F0F0 0%, #E4E6FE 37%, #C4C6EE 100%);
	background: -o-linear-gradient(-90deg, #F0F0F0 0%, #E4E6FE 37%, #C4C6EE 100%);
	background: -ms-linear-gradient(-90deg, #F0F0F0 0%, #E4E6FE 37%, #C4C6EE 100%);
	background: linear-gradient(180deg, #FFFFFF 0%, white 100%);
	font-family: Arial, sans;
	color: rgb(90,90,90);
}
</style>
<script>
// variabili per le dimensioni della pagina/finestra
var windowWidth, windowHeight;
var pageWidth,pageHeight;
// creo gli elementi per il prompt e li mantengo nelle relative variabili
var div_Sfondo_inputbox=document.createElement("DIV");
var div_inputbox=document.createElement("DIV");
var div_popupbox=document.createElement("DIV");
var div_popupbox_img=document.createElement("DIV");
// creo le variabili dei tasti
var tasto1, tasto2;
// variabile del tasto premuto
var restituito;
// variabile dell'input restituito
var input_restituito;

var global_img_attuale=0;

function creaPrompt(titolo,scritta,t_1,t_2,t_3,tb,tb_default,funzione_resa,stile){
	if (!document.getElementById("sfondo_inputbox")){
	    // non č stato mai appeso il div sfondo_inputbox al body.
		// lo faccio ora.
		div_Sfondo_inputbox.id="sfondo_inputbox";
		document.getElementsByTagName('body')[0].appendChild(div_Sfondo_inputbox);
	}
	if (!document.getElementById("inputbox")){
		// non č stato mai appeso il div inputbox al body.
		// lo faccio ora.
		div_inputbox.id="inputbox";
		document.getElementsByTagName('body')[0].appendChild(div_inputbox);
	}
	var dainserire;
	if (titolo!="") {
		dainserire='<div style="height:30px;clear:both;background-color:white;width:100%;color:rgb(90,90,90);border-radius:4px 4px 0px 0px;font-weight:bold;padding-top: 5px;">&nbsp;&nbsp;&nbsp;'+titolo+'</div>';
		dainserire+='<div style="height:320px;padding-top:5px;color:rgb(90,90,90); overflow-y: auto;overflow-x: hidden;';
	} else {
		dainserire+='<div style="height:350px;padding-top:5px;color:rgb(90,90,90); overflow-y: auto;overflow-x: hidden;';
	}
	
	// creo lo style
	switch (stile){
		case "1":
			dainserire += 'text-align:center;';
			dainserire += 'font-size:20px;';
			break;
		case "2":
			dainserire += 'text-align:center;';
			dainserire += 'color:red;';
			dainserire += 'font-size:20px;';
		default:
	}
	dainserire+='">';
	if(scritta.substring(0, 1)=="#"){
		dainserire+=$(scritta).html();
	} else {
		dainserire+=scritta;
	}
	if (tb=="1") {
	    //si vuole una textbox
		dainserire+='<br /><br/><input type="text" id="tb" value="'+tb_default+'" style="width:294px;text-align:center;"/>';
	}
	if (tb=="2") {
	    //si vuole una data
		dainserire+='<br /><div style="text-align:center;"><div style="width:10px;background-color:red;"><input type="text" id="tb" value="'+tb_default+'" style="width:100px;text-align:center;"/><div style="float:left;width:10px;display:inline;"><a href="javascript:incrementa(3);"><img src="images/piu11.jpg" style="width:10px;"> </a><a href="javascript:incrementa(4);"><img src="images/piu21.jpg" style="width:10px;"></a></div></div></div>';
	}
	dainserire+='</div>';
	dainserire+='<div style="text-align:center;">';
	// Inserisco gli eventuali pulsanti
	t_1 = t_1 || "";  // nel caso il tasto 1 non sia definito
	// Se non č previsto un tasto1, metto un ok altrimenti non ci sarebbe modo di chiudere il prompt
	if (t_1==""){
		t_1="Ok";
	}
	t_1_nome=epura_per_nome(t_1);
	dainserire+='<input type="button" name="'+t_1_nome+'" onclick="chiudiBox(this,\''+funzione_resa+'\');" value="  '+t_1+'  " />';
	dainserire+='&nbsp;&nbsp;';
	t_2 = t_2 || "";  // nel caso il tasto 2 non sia definito
	t_2_nome=epura_per_nome(t_2);
	if (t_2!=""){
	  dainserire+='<input type="button" name="'+t_2+'" onclick="chiudiBox(this,\''+funzione_resa+'\');" value="  '+t_2+'  " />';
	  dainserire+='&nbsp;&nbsp;';
	}
	t_3 = t_3 || ""; // nel caso il tasto 3 non sia definito
	t_3_nome=epura_per_nome(t_3);
	if (t_3!=""){
	  dainserire+='<input type="button" name="'+t_3+'" onclick="chiudiBox(this,\''+funzione_resa+'\');" value="  '+t_3+'  " />';
	  dainserire+='&nbsp;&nbsp;';
	}
	
	dainserire+='</div>';
	// Carico l'inputbox
	div_inputbox.innerHTML=dainserire;
	// Apro l'inputbox
	apriBox();
}
function apriBox() {
    getPageSize();
    s=document.getElementById('sfondo_inputbox');
    s.style.height=pageHeight+"px";
	s.style.width=pageWidth+"px";
    s.style.display="block";
    i=document.getElementById('inputbox');
    i.style.left=((windowWidth-600)/2)+"px";
    i.style.top=((windowHeight-400)/2+$(window).scrollTop())+"px";
    i.style.display="block";
    document.getElementsByTagName('body')[0].style.overflow="hidden";
}
function chiudiBox(tasto_premuto,funzione_resa){
    s=document.getElementById('sfondo_inputbox');
    s.style.display="none";
    i=document.getElementById('inputbox');
    i.style.display="none";
    document.getElementsByTagName('body')[0].style.overflow="auto";
	restituito=tasto_premuto.name.toString();
	if(document.getElementById('tb')){
		input_restituito=document.getElementById('tb').value;
	} else {
		input_restituito="";
	}
        if (funzione_resa.indexOf("(")<0) {
             funzione_resa+="()";
        }
	eval(funzione_resa);
}
function apri_popup(quale) {
	//$('body').addClass('noscroll');
	if (!document.getElementById("sfondo_inputbox")){
	    // non č stato mai appeso il div sfondo_inputbox al body.
		// lo faccio ora.
		div_Sfondo_inputbox.id="sfondo_inputbox";
		document.getElementsByTagName('body')[0].appendChild(div_Sfondo_inputbox);
	}
	if (!document.getElementById("pupupbox")){
		// non č stato mai appeso il div popupbox al body.
		// lo faccio ora.
		div_popupbox.id="popupbox";
		div_popupbox.className="popupbox";
		div_popupbox.style.cursor="pointer";
		interno="<div style='position:absolute;top:-20px;left:518px;cursor:pointer;' id='div_p_close_icon' onclick=\"chiudiBoxsfondo()\">";
		interno+="<svg id='p_close_icon' version='1.0' xmlns='http://www.w3.org/2000/svg' width='20.000000pt' height='20.000000pt' viewBox='0 0 100.000000 100.000000'";
		interno+="preserveAspectRatio='xMidYMid meet'>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"white\" stroke-width=\"4\"/>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"36\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\" fill=\"white\" />";
		interno+="<circle cx=\"63\" cy=\"63\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"63\" cy=\"37\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"37\" cy=\"37\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"37\" cy=\"63\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<line x1=\"37\" y1=\"37\" x2=\"63\" y2=\"63\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		interno+="<line x1=\"37\" y1=\"63\" x2=\"63\" y2=\"37\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		interno+="</svg>";
		interno+="</div>";
		div_popupbox.innerHTML=interno;
		div_popupbox.onclick=chiudiBoxsfondo;
		document.getElementsByTagName('body')[0].appendChild(div_popupbox);
	}
    getPageSize();
    s=document.getElementById('sfondo_inputbox');
    s.style.height=pageHeight+"px";
	s.style.width=pageWidth+"px";
	s.style.opacity="0";
    s.style.display="block";
	i=document.getElementById('popupbox');
	interno=document.getElementById(quale).innerHTML;
	
	i.innerHTML+="<div style=\"overflow:auto;height:300px;\">"+interno+"</div>";
    i.style.left=((windowWidth-600)/2)+"px";
    i.style.top=((windowHeight-400)/2+$(window).scrollTop())+"px";
	i.style.opacity="0";
    i.style.display="block";
	$("#sfondo_inputbox").fadeTo(300, 0.6);
	$('#popupbox').fadeTo(300, 1);
    document.getElementsByTagName('body')[0].style.overflow="hidden";
	
}
function apri_popup_img(quale,idRis,img_attuale,img_ultima,orientation){
	
	global_img_attuale	=img_attuale;
	el = document.getElementById("img_show_"+quale);
	el_img=document.getElementById("imm_ris_"+idRis+"_"+img_attuale+"_"+img_ultima);
	var altezza=590;
	/*if (orientation==0) {
		larghezza=el_img.getAttribute('larghezza');
		altezza=el_img.getAttribute('altezza');
		rapporto=450*100/larghezza;
		altezza=290-(altezza/100*rapporto);
	}*/
	interno="<div style=\"width:450px;height:"+altezza.toString()+"px;overflow:hidden;\">";
	interno+="<img id=\"img_popup_internoAAA\" src=\""+el_img.src+"\"";
	if(orientation==0){
		interno+="orientation=0 style=\"width:450px;\">";
	} else {
		interno+="orientation=1 style=\"height:290px;\">";
	}
	interno+="</div>";
	//interno+="style=\"width:450px;height:290px;\">";
	el.innerHTML=interno;
	if (!document.getElementById("sfondo_inputbox")){
		// non č stato mai appeso il div sfondo_inputbox al body.
		// lo faccio ora.
		div_Sfondo_inputbox.id="sfondo_inputbox";
		document.getElementsByTagName('body')[0].appendChild(div_Sfondo_inputbox);
	}
	if (!document.getElementById("pupupbox_img")){
		// non č stato mai appeso il div popupbox al body.
		// lo faccio ora.
		div_popupbox_img.id="popupbox_img";
		div_popupbox_img.className="popupbox";
		div_popupbox_img.style.cursor="pointer";
		interno="<div style='position:absolute;top:-20px;left:518px;cursor:pointer;' id='div_p_img_close_icon' onclick=\"chiudiBoxsfondo_img()\">";
		interno+="<svg id='p_close_icon' version='1.0' xmlns='http://www.w3.org/2000/svg' width='20.000000pt' height='20.000000pt' viewBox='0 0 100.000000 100.000000'";
		interno+="preserveAspectRatio='xMidYMid meet'>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"white\" stroke-width=\"4\"/>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"36\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\" fill=\"white\" />";
		interno+="<circle cx=\"63\" cy=\"63\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"63\" cy=\"37\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"37\" cy=\"37\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"37\" cy=\"63\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<line x1=\"37\" y1=\"37\" x2=\"63\" y2=\"63\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		interno+="<line x1=\"37\" y1=\"63\" x2=\"63\" y2=\"37\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		interno+="</svg>";
		interno+="</div>";
		
		div_popupbox_img.innerHTML=interno;
		document.getElementsByTagName('body')[0].appendChild(div_popupbox_img);
	}
	getPageSize();
	s=document.getElementById('sfondo_inputbox');
	s.style.height=pageHeight+"px";
	s.style.width=pageWidth+"px";
	s.style.opacity="0";
	s.style.display="block";
	i=document.getElementById('popupbox_img');
	
	interno="<table style=\"border-collapse:collapse\"><tr style=\"height:300px;\">";
	interno+="<td style=\"width:25px;\"";
	if(parseInt(img_ultima)>0){
		interno+=" onclick=\"incrementa_img(0,"+idRis+","+img_attuale+","+img_ultima+")\">";
		interno+="<svg id='p_close_icon' version='1.0' xmlns='http://www.w3.org/2000/svg' width='20.000000pt' height='20.000000pt' viewBox='0 0 100.000000 100.000000'";
		interno+="preserveAspectRatio='xMidYMid meet'>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"white\" stroke-width=\"4\"/>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"36\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\" fill=\"white\" />";
		interno+="<circle cx=\"56\" cy=\"63\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"56\" cy=\"37\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<line x1=\"56\" y1=\"63\" x2=\"39\" y2=\"47\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		interno+="<line x1=\"56\" y1=\"37\" x2=\"39\" y2=\"55\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		//interno+="<img src=\"images/left.png\"></td><td id=\"td_img_popup\">";
		interno+="</svg>";
	} else {
		interno+=">";
	}
	interno+="</td><td id=\"td_img_popup\" style=\"width:400px;min-width:450px;text-align:center;\" onclick=\"chiudiBoxsfondo_img()\">";
	interno+=el.innerHTML;
	interno+="</td><td style=\"width:25px;\"";
	if(parseInt(img_ultima)>0){
		interno+=" onclick=\"incrementa_img(1,"+idRis+","+img_attuale+","+img_ultima+")\">";
		interno+="<svg id='p_close_icon' version='1.0' xmlns='http://www.w3.org/2000/svg' width='20.000000pt' height='20.000000pt' viewBox='0 0 100.000000 100.000000'";
		interno+="preserveAspectRatio='xMidYMid meet'>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"white\" stroke-width=\"4\"/>";
		interno+="<circle cx=\"50\" cy=\"50\" r=\"36\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\" fill=\"white\" />";
		interno+="<circle cx=\"44\" cy=\"37\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<circle cx=\"44\" cy=\"63\" r=\"3\" stroke=\"rgb(90,90,90)\" stroke-width=\"6\"/>";
		interno+="<line x1=\"44\" y1=\"37\" x2=\"61\" y2=\"53\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		interno+="<line x1=\"44\" y1=\"63\" x2=\"61\" y2=\"45\" style=\"stroke:rgb(90,90,90);stroke-width:12\" />";
		//interno+="<img src=\"images/right.png\"></td><td id=\"td_img_popup\">";
		interno+="</svg>";
	} else {
		interno+=">";
	}
	interno+="</td></tr></table>";
	i.innerHTML+=interno;
	i.style.left=((windowWidth-600)/2)+"px";
	i.style.top=((windowHeight-400)/2+$(window).scrollTop())+"px";
	i.style.opacity="0";
	i.style.display="block";
	$("#sfondo_inputbox").fadeTo(300, 0.6);
	$('#popupbox_img').fadeTo(300, 1);
	document.getElementsByTagName('body')[0].style.overflow="hidden";
}
function chiudiBoxsfondo(){
	$("#sfondo_inputbox").fadeTo(300, 0);
	$('#popupbox').fadeTo(300, 0, "swing", function(){
		s=document.getElementById('sfondo_inputbox');
		s.style.display="none";
		i=document.getElementById('popupbox');
		i.style.display="none";
		document.getElementsByTagName('body')[0].style.overflow="auto";
	});
	document.getElementById('popupbox').innerHTML="";
	//$('body').removeClass('noscroll');
}
function chiudiBoxsfondo_img(){
	$("#sfondo_inputbox").fadeTo(300, 0);
	$('#popupbox_img').fadeTo(300, 0, "swing", function(){
		s=document.getElementById('sfondo_inputbox');
		s.style.display="none";
		i=document.getElementById('popupbox_img');
		i.style.display="none";
		document.getElementsByTagName('body')[0].style.overflow="auto";
	});
	document.getElementById('popupbox_img').innerHTML="";
	//$('body').removeClass('noscroll');
}
function incrementa_img(verso,idRis,img_attuale,img_ultima){
	if(verso==0){
		global_img_attuale--;
		cambia_immagine(idRis,img_ultima,'-')
	} else {
		global_img_attuale++;
		cambia_immagine(idRis,img_ultima,'+')
	}
	if (global_img_attuale<0){global_img_attuale=img_ultima;}
	if (global_img_attuale>img_ultima){global_img_attuale=0;}
	srcI=document.getElementById("imm_ris_"+idRis+"_"+global_img_attuale+"_"+img_ultima).src;
	$("#td_img_popup").toggle(300,function(){
	interno="<div style=\"width:450px;height:290px;overflow:hidden;\">";
	interno+= "<img id=\"img_popup_internoAAA\" src=\""+srcI+"\" ";
	orientation=document.getElementById("imm_ris_"+idRis+"_"+global_img_attuale+"_"+img_ultima).getAttribute("orientamento");
	if(orientation=="0"){
		interno+="orientation=0 style=\"width:450px;\">";
	} else {
		interno+="orientation=1 style=\"height:290px;\">";
	}
	interno+="</div>";
	//interno+="style=\"width:450px;height:290px;\">";
	document.getElementById("td_img_popup").innerHTML=interno;
	$("#td_img_popup").show(300);
	});
}
function epura_per_nome(cosa){
	cosa=cosa.replace(/&agrave;/g,"a");
	cosa=cosa.replace(/&egrave;/g,"e");
	cosa=cosa.replace(/&eacute;/g,"e");
	cosa=cosa.replace(/&igrave;/g,"i");
	cosa=cosa.replace(/&ograve;/g,"o");
	cosa=cosa.replace(/&ugrave;/g,"u");
	return cosa;
}
// la larghezza e l'altezza della pagina reale(scroll compreso) e la larghezza e l'altezza della finestra visibile
function getPageSize() {

 var xScroll, yScroll;

 // ---> RICAVO LE DIMENSIONI DELLA PAGINA <--- //

 // window.innerHeight : altezza della finestra visibile
 // window.innerWidth&nbsp; : larghezza della finestra visibile

 // window.scrollMaxY&nbsp; : dimensioni massime dello scroll verticale
 // window.scrollMaxX&nbsp; : dimensioni massime dello scroll orizzontale

 // document.body.offsetHeight : altezza di default del browser
 // document.body.offsetWidth&nbsp; : larghezza di default del browser

 // se esiste l'altezza della finestra e lo scroll verticale(quindi esiste anche la barra x lo scorrimento)
 // xScroll č la somma dello scroll orizzontale e della larghezza della finestra
 // yScroll č la somma dello scroll verticale e dell'altezza della finestra

if (window.innerHeight && window.scrollMaxY) {
    xScroll = window.innerWidth + window.scrollMaxX;
    yScroll = window.innerHeight + window.scrollMaxY;
}else if (document.body.scrollHeight > document.body.offsetHeight){
    xScroll = document.body.scrollWidth;
    yScroll = document.body.scrollHeight;
}else{
    xScroll = document.body.offsetWidth;
    yScroll = document.body.offsetHeight;
}



 // ---> RICAVO LE DIMENSIONI DELLA FINESTRA <--- //

 // self.innerHeight : altezza di default della finestra
 // self.innerWidth : larghezza di default della finestra


if (self.innerHeight) {
    windowHeight = self.innerHeight;
    windowWidth = self.innerWidth;
}else if (document.body) {
    windowWidth = document.body.clientWidth;
    windowHeight = document.body.clientHeight;
}

//per le pagine con l'altezza totale minore dell'altezza della finestra del browser
if(yScroll < windowHeight){
     pageHeight = windowHeight;
}else {
     pageHeight = yScroll;
}

//per le pagine con larghezza totale minore della larghezza della finestra del browser
if(xScroll < windowWidth){
    pageWidth = xScroll;
}else{
    pageWidth = windowWidth;
}
}


</script>
<!DOCTYPE html>
<html lang="en">
<head>
	    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Camping La Cappelletta">
    <meta name="author" content="Sottolinea.com">
	<link rel="shortcut icon" href="https://www.cappellettacampingbolsena.it/favicon.ico" />
	
    <title>Camping La Cappelletta</title>	    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	
	<!-- Lightbox CSS -->
	<link href="css/lightbox.css" rel="stylesheet" />

    <!-- Custom CSS -->
    <link href="css/stile.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
	    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"  onscroll="document.getElementById('div_cookie').style.display='none';">
	<div onclick="togli_div('div_cookie'); creaPrompt('Cookie policy','#info_cookie');"id="div_cookie" style="cursor:pointer;bottom:0px;height:70px;min-height:70px;text-align:center;width:100%;position:absolute;z-index:999999999999;background-color:white;color:rgb(25,25,25);font-family: 'Nobile', Helvetica Neue,Arial, FreeSans,sans-serif; font-size: 11px; padding: 20px;">
		Questo sito utilizza cookies, anche di terze parti.<br>
Continuando la navigazione, acconsenti al loro impiego in conformitĂ  alla nostra Cookie Policy.<br>
Clicca qui per maggiori informazioni.
	</div>
	    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    <i class="fa fa-play-circle"></i>  <span class="light">Camping</span> La Cappelletta
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">Camping</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contents">Gallery</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contacts</a>
                    </li>
					<li>
													<a class="page-scroll" href="index.php?lang=it"><img src="/img/italia.jpg" style="width:20px;height:10px;">Italiano</a>
						                    </li>
					<li>
                        							<a class="page-scroll" href="index.php?lang=de"><img src="/img/germania.jpg" style="width:20px;height:10px;">Deutsch</a>
						                    </li>
					<li>
                        							<a class="page-scroll" href="index.php?lang=nl"><img src="/img/paesibassi.jpg" style="width:20px;height:10px;">Nederlands</a>
						                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
    <!-- Intro Header -->
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <h1 class="brand-heading">La Cappelletta</h1>
                        <p class="intro-text">The campsite in Bolsena<br>next to the lake</p>
                        <a href="#about" class="btn btn-circle page-scroll">
                            <i class="fa fa-angle-double-down animated"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- About Section -->
    <section id="about" class="container content-section text-center">
        <div class="row">
            <div class="col-lg-8">
				                <h2>Welcome to Camping La Cappelletta!</h2>
				<p>The campsite is located just 3 km from the centre of Bolsena<br>
				and is on one of the most beautiful beaches of Lake Bolsena.<br>
				<p>We run a family business which started in 1960 where you can<br>
				enjoy your holiday in a welcoming, peaceful and informal setting,<br>
				complete with a bar and restaurant serving local food.</p>
                <p>The campsite has plenty of shade, next to the lake with a lovely beach,<br>
				comfortable bar and restaurant as well as free wifi.</p>
                <p>We look forward to seeing you!</p>            </div>
			<div class="col-lg-4">
				<div style="width: 100%; text-align: center; margin-top: 20px;">
					<div class="fb-page" data-href="https://www.facebook.com/pages/Camping-la-Cappelletta/1442670365994362?fref=pb&hc_location=profile_browser" data-width="280px" data-height="500px" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/Camping-la-Cappelletta/1442670365994362?fref=pb&hc_location=profile_browser"><a href="https://www.facebook.com/pages/Camping-la-Cappelletta/1442670365994362?fref=pb&hc_location=profile_browser">Camping La Cappelletta</a></blockquote></div></div>
				</div>
			</div>
        </div>
    </section>

    <!-- Gallery Section -->
	<section id="gallery" class="container content-section text-center">
                <div class="col-lg-8 col-lg-offset-2">
					<h2>Gallery</h2>        </div>
		</section>
		            <div class="container"><!-- immagini -->
			<div class="row">
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/bolsena_camping_caravan_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/01_bolsena_camping_caravan_thumb.jpg" alt="bolsena camping caravan">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/bolsena_camping_sul_lago_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/02_bolsena_camping_sul_lago_thumb.jpg" alt="bolsena camping sul lago">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_lake_tent_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/03_camping_lake_tent_thumb.jpg" alt="camping lake tent">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/bolsena_lake_camping_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/04_bolsena_lake_camping_thumb.jpg" alt="bolsena lake camping">
</a>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/campeggio_a_bolsena_sul_lago_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/05_campeggio_a_bolsena_sul_lago_thumb.jpg" alt="campeggio a bolsena sul lago">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/campeggio_con_ombra_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/06_campeggio_con_ombra_thumb.jpg" alt="campeggio con ombra">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_a_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/07_camping_a_bolsena_thumb.jpg" alt="camping a bolsena">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_lake_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/08_camping_lake_bolsena_thumb.jpg" alt="camping lake bolsena">
</a>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_direct_lake_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/09_camping_direct_lake_thumb.jpg" alt="camping direct lake">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_restaurant_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/10_camping_restaurant_bolsena_thumb.jpg" alt="camping restaurant bolsena">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_sulle_rive_lago_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/11_camping_sulle_rive_lago_bolsena_thumb.jpg" alt="camping sulle rive lago bolsena">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/lago_bolsena_in_campeggio_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/12_lago_bolsena_in_campeggio_thumb.jpg" alt="lago bolsena in campeggio">
</a>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_direttamente_sul_lago_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/13_camping_direttamente_sul_lago_thumb.jpg" alt="camping direttamente sul lago">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/ristorante_camping_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/14_ristorante_camping_bolsena_thumb.jpg" alt="ristorante camping bolsena">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/restaurant_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/15_restaurant_bolsena_thumb.jpg" alt="restaurant bolsena">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/ristorante_bolsena_sul_lago_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/16_ristorante_bolsena_sul_lago_thumb.jpg" alt="ristorante bolsena sul lago">
</a>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/campeggio_con_ristorante_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/17_campeggio_con_ristorante_thumb.jpg" alt="campeggio con ristorante">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_bolsena_restaurant_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/18_camping_bolsena_restaurant_thumb.jpg" alt="camping bolsena restaurant">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_bolsena_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/19_camping_bolsena_thumb.jpg" alt="camping bolsena">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_bolsena_fish_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/20_camping_bolsena_fish_thumb.jpg" alt="camping bolsena fish">
</a>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_bolsena_lake_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/21_camping_bolsena_lake_thumb.jpg" alt="camping bolsena lake">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/camping_bolsena_sul_lago_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/22_camping_bolsena_sul_lago_thumb.jpg" alt="camping bolsena sul lago">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/bolsena_dal_lago_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/23_bolsena_dal_lago_thumb.jpg" alt="bolsena dal lago">
</a>
</div>
<div class="col-xs-6 col-md-3 img-portfolio">
<a href="img/gallery/camping_bolsena/bolsena_dintorni_new.jpg" data-lightbox="gallery">
<img class="img-responsive img-hover" src="img/gallery/24_bolsena_dintorni_thumb.jpg" alt="bolsena dintorni">
</a>
</div>
</div>
			
            </div>		
		<!-- Map Section -->
    <section id="map" class="container content-section text-center">
	                <h2>Map</h2>
        <div style="text-align:center;position:relative;">				
		    <img src="img/mappaLago.png" style="width:100%;"/>
			<div style="position:absolute;width:100%;text-align:center;top: calc(50% - 22px);">
				<a style="background-color: white;" target="_blank" href="https://www.google.it/maps/place/Camping+la+Cappelletta+di+Stella+P.+Luigi/@42.652726,11.9425429,17z/data=!4m5!3m4!1s0x13292eee815c481d:0x553bea421de4972a!8m2!3d42.652326!4d11.946034?hl=it" class="btn btn-default btn-lg"><i class="fa fa-map-marker fa-fw"></i> <span class="network-name">google maps</span></a>
			</div>	
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="container content-section text-center">
        <div class="row">
      		                <h2>Contact us</h2>
				                
				<ul class="list-inline banner-social-buttons">
					<li>
                        <a target="_blank" href="https://www.facebook.com/pages/Camping-la-Cappelletta/1442670365994362?fref=pb&hc_location=profile_browser" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
                    </li>
					<li>
                        <span class="btn btn-default btn-lg"><i class="fa fa-phone fa-fw"></i> <span class="network-name">0761 799543</span></span>
                    </li>
					<li>
                        <a target="_blank" href="mailto:campinglacappelletta@hotmail.it" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name">campinglacappelletta@hotmail.it</span></a>
                    </li>
                </ul>
        </div>
    </section>

	    <!-- Footer -->
    <footer>
        <div class="container text-center">
			<p>Copyright &copy; Camping La Cappelletta</p>
			<p>Stella Pierluigi e C. SNC</p>
			<p>Via Cassia Km 116.500, 01023 - Bolsena (VT)</p>
			<p>C.F./P.I. 01213320565</p>
        </div>
		</br>
			<div class="container text-center">
			<p>Data: 30/12/2021</p> 
			<p>Denominazione e CF soggetto ricevente: Stella Pierluigi e C. SNC  P.I. 01213320565</p>
			<p>Denominazione soggetto erogante: Banca del Mezzogiorno MedioCredito Centrale S.p.A.  C.F. 00594040586</p>
			<p>Somma incassata: € 25 000,00</p>
			<p>Data di concessione: 31/07/2020</p>
			<p>Causale: Fondo di garanzia PMI Aiuto di stato SA. 56966 (2020/N) - Garanzia diretta</p>
			</div>
    </footer>
			<div class="container text-right credits">
			<p>Credits: <a title="sottolinea.com - realizzazione siti web ad Arezzo" href="http://www.sottolinea.com" target="_blank"><img style="vertical-align: middle;" title="sottolinea.com - realizzazione siti web ad Arezzo" src="img/sottolinea.png" alt="sottolinea.com - realizzazione siti web ad Arezzo" border="0" /></a></p>
		</div>
	    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>

    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
    <!--script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script-->

    <!-- Custom Theme JavaScript -->
    <script src="js/camping.js"></script>
	
	<!-- Lightbox -->
	<script src="js/lightbox.min.js"></script>
	
	<!-- Script per page plugin facebook -->
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/it_IT/sdk.js#xfbml=1&version=v2.3";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	
	<!-- Funzioni di servizio -->
	<script>
		function togli_div(quale){
			$( "#"+quale ).fadeOut( "fast");
		}
	</script>
	<div id="info_cookie">
		Informativa e consenso per l'uso dei cookie<br>
		<br>
		I cookie sono piccoli file di testo che i siti visitati dagli utenti inviano ai loro terminali, ove vengono memorizzati per essere poi ritrasmessi agli stessi siti alla visita successiva. I cookie delle c.d. "terze parti" vengono, invece, impostati da un sito web diverso da quello che l'utente sta visitando. Questo perché su ogni sito possono essere presenti elementi (immagini, mappe, suoni, specifici link a pagine web di altri domini, ecc.) che risiedono su server diversi da quello del sito visitato.<br>
		<br>
		I cookie sono usati per differenti finalitĂ : esecuzione di autenticazioni informatiche, monitoraggio di sessioni, memorizzazione di informazioni su specifiche configurazioni riguardanti gli utenti che accedono al server, memorizzazione delle preferenze, ecc.<br>
		<br>
		<strong>Cookie tecnici</strong><br>
		Sono i cookie che servono a effettuare la navigazione o a fornire un servizio richiesto dall'utente. Non vengono utilizzati per scopi ulteriori e sono normalmente installati direttamente dal titolare del sito web.<br>
		<br>
		Senza il ricorso a tali cookie, alcune operazioni non potrebbero essere compiute o sarebbero piĂą complesse e/o meno sicure, come ad esempio le attivitĂ  di home banking (visualizzazione dell'estratto conto, bonifici, pagamento di bollette, ecc.), per le quali i cookie, che consentono di effettuare e mantenere l'identificazione dell'utente nell'ambito della sessione, risultano indispensabili.<br>
		<br>
		<strong>Cookie di profilazione</strong><br>
		Sono i cookie utilizzati per tracciare la navigazione dell'utente in rete e creare profili sui suoi gusti, abitudini, scelte, ecc. Con questi cookie possono essere trasmessi al terminale dell'utente messaggi pubblicitari in linea con le preferenze giĂ  manifestate dallo stesso utente nella navigazione online.<br>
		<br>
		I cookie possono essere erogati direttamente dal gestore del sito sul quale si sta navigando (cookie di prima parte) o, nel caso il sito si appoggi a servizi esterni per particolari funzioni, da terzi (cookie di terze parti).<br>
		<br>
		Questo sito utilizza cookie tecnici per la coretta fruizione dei contenuti e cookie di profilazione di terze parti:<br>
		Facebook -> <a href="https://www.facebook.com/help/cookies" target="_blank">https://www.facebook.com/help/cookies</a><br>
		Google -> <a href="https://www.google.it/intl/it/policies/technologies/cookies/" target="_blank">https://www.google.it/intl/it/policies/technologies/cookies/</a><br>
		<br>
		<br>
		Come modificare le impostazioni sui cookies<br>
		La maggior parte dei browser accetta automaticamente i cookies, ma l’utente normalmente può modificare le impostazioni per disabilitare tale funzione.<br>
		E' possibile bloccare tutte le tipologie di cookies, oppure accettare di riceverne soltanto alcuni e disabilitarne altri.<br>
		La sezione "Opzioni" o "Preferenze" nel menu del browser permettono di evitare di ricevere cookies e altre tecnologie di tracciamento utente, e come ottenere notifica dal browser dell’attivazione di queste tecnologie. In alternativa, è anche possibile consultare la sezione “Aiuto” della barra degli strumenti presente nella maggior parte dei browser.<br>
		<br>
		E' anche possibile selezionare il browser utilizzato dalla lista di seguito e seguire le istruzioni:<br>
		- Internet Explorer(<a href="http://windows.microsoft.com/it-it/windows7/how-to-manage-cookies-in-internet-explorer-9" target="_blank">http://windows.microsoft.com/it-it/windows7/how-to-manage-cookies-in-internet-explorer-9</a>)<br>
		- Chrome (<a href="https://support.google.com/chrome/answer/95647" target="_blank">https://support.google.com/chrome/answer/95647</a>)<br>
		- Safari (<a href="https://support.apple.com/it-it/HT201265" target="_blank">https://support.apple.com/it-it/HT201265</a>)<br>
		- Firefox (<a href="https://support.mozilla.org/it/kb/Attivare%20e%20disattivare%20i%20cookie" target="_blank">https://support.mozilla.org/it/kb/Attivare%20e%20disattivare%20i%20cookie</a>)<br>
		- Opera (<a href="http://www.opera.com/help/tutorials/security/" target="_blank">http://www.opera.com/help/tutorials/security/</a>)<br>
		<br>
		Da dispositivo mobile:<br>
		- Android (<a href="https://support.google.com/chrome/answer/95647?hl=it" target="_blank">https://support.google.com/chrome/answer/95647?hl=it</a>)<br>
		- Safari (<a href="https://support.apple.com/it-it/HT201265" target="_blank">https://support.apple.com/it-it/HT201265</a>)<br>
		- Windows Phone (<a href="http://www.windowsphone.com/it-it/how-to/wp7/web/changing-privacy-and-other-browser-settings" target="_blank">http://www.windowsphone.com/it-it/how-to/wp7/web/changing-privacy-and-other-browser-settings</a>)<br>
		- Blackberry (<a href="http://docs.blackberry.com/en/smartphone_users/deliverables/32004/Turn_off_cookies_in_the_browser_60_1072866_11.jsp" target="_blank">http://docs.blackberry.com/en/smartphone_users/deliverables/32004/Turn_off_cookies_in_the_browser_60_1072866_11.jsp</a>)<br>
		<br><br>
		Per maggiori informazioni sui cookie e per gestire le preferenze sui cookie (di prima e/o terza parte) si invitano gli utenti a visitare anche la piattaforma <a href="http://www.youronlinechoices.com" target="_blank">www.youronlinechoices.com</a>.
		<br>Si ricorda però che la disabilitazione dei cookie di navigazione o quelli funzionali può causare il malfunzionamento del Sito e/o limitare i servizi offerti.<br>
	</div>
</body>

</html>