<!DOCTYPE HTML>
<html>
	<!-- ------------------------------------------------------------------------------------------------------------------------------------- -->
	<head>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<title>Fjore di Lecce</title>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<link rel="shortcut icon" href="./img/icon.ico"/>
		<link type="image/png" rel="bookmark" href="http://www.fjoredilecce.it/img/icon.png"/>
		<link type="image/png" rel="shortcut icon" href="http://www.fjoredilecce.it/img/icon.png"/>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<meta name="keywords" content="bed and breakfast,b&b,ospitalità,natura,salute,benessere,cavalli,lecce,puglia">
		<meta name="description" content="bed and breakfast.">
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<META HTTP-EQUIV="Content-Type" content="text/html; charset=utf-8">
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<style type="text/css">
			html
			{
				height:100%;
			}
			body
			{
				height:100%;
				font-family:Arial, Verdana;
				font-size:18px;
				color:#333333;
			}
			.hd
			{
				font-family:Hobo std, Arial, Verdana;
				//font-size:120%;
				font-weight:bold;
				letter-spacing:1px;
				color:#cc4040;
			}
		</style>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<script src="./validation/validation.js" type="text/javascript"></script>
		<script src="./xml.js" type="text/javascript" runat="server"></script>
		<script src="./gallery/022.js" type="text/javascript"></script>
		<script src="./grfx.js" type="text/javascript"></script>
		<script src="./twf.js" type="text/javascript"></script>
		<script src="./002.js" type="text/javascript"></script>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<script defer="defer" type="text/javascript">
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			var main_div;
			var side_menu;
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			var s_m_out_color = "#7e4700";
			var s_m_over_color = "#cb8730";
			var s_m_select_color = "#f38f0e";
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			var xml_io = new XmlIo();
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			String.prototype.trim = function(){return this.replace(/^\s+|\s+$/g, "");};
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function Random(max){return Math.floor(Math.random()*max);}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function index_resize()
			{
				document.body.style.fontSize = (document.body.clientWidth/90) + "px";
				//side_menu.style.fontSize = (document.body.clientHeight/32) + "px";
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			window.onresize = index_resize;
			<!-- ------------------------------------------------------------------------------------------------------------- -->
		</script>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<script defer="defer" type="text/javascript">
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function initialize()
			{
				main_div = document.getElementById('main_div');
				side_menu = document.getElementById('side_menu');
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function get_id()
			{
				var index = document.location.href.indexOf("&id=");

				if(index<0){return null;}

				return document.location.href.substring(index+4).substring(0,15);
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function get_session()
			{
				var index = document.location.href.indexOf("?sn=");

				if(index<0){index = document.location.href.indexOf("&sn=");}

				if(index<0){return null;}

				return document.location.href.substring(index+4).substring(0,5);
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_session()
			{
				window.onpopstate();

				build_news(null, null);
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function s_m_over(sender)
			{
				if(sender.className=="S")return;

				sender.style.color = s_m_over_color;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function s_m_out(sender)
			{
				if(sender.className=="S")return;

				sender.style.color = s_m_out_color;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function menu_click(sender, args, pop_state)
			{
				var session = sender.id.substring(4);

				if(pop_state)
				{
					window.history.pushState({"html":session, "pageTitle":""}, "", document.location.pathname.split('/').pop() + "?sn=" + session);
				}

				s_m_select(sender);

				switch(session)
				{
					case "01":{build_01_session(null, args);  break;}
					case "02":{build_02_session(null, args);  break;}
					case "03":{build_03_session(null, args);  break;}
					case "04":{build_04_session(null, args);  break;}
					case "05":{build_05_session(null, args);  break;}
					case "06":{build_06_session(null, args);  break;}
					case "07":{build_07_session(null, args);  break;}
				}
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
 			window.onpopstate = function(e)
			{
				switch((e && e.state)?e.state.html:get_session())
				{
					case "01" : {menu_click(document.getElementById("s_m_01"), get_id(), false); break;}
					case "02" : {menu_click(document.getElementById("s_m_02"), get_id(), false); break;}
					case "03" : {menu_click(document.getElementById("s_m_03"), get_id(), false); break;}
					case "04" : {menu_click(document.getElementById("s_m_04"), get_id(), false); break;}
					case "05" : {menu_click(document.getElementById("s_m_05"), get_id(), false); break;}
					case "06" : {menu_click(document.getElementById("s_m_06"), get_id(), false); break;}
					case "07" : {menu_click(document.getElementById("s_m_07"), get_id(), false); break;}
					default   : {menu_click(document.getElementById("s_m_01"), null, false); break;}
				}
			};
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function s_m_select(sender)
			{
				var r,s;

				for(r=side_menu.childNodes.length-1; r>-1; r--)
				{
					if(side_menu.childNodes[r].nodeType!=1 || side_menu.childNodes[r].className!="S")continue;

					s = side_menu.childNodes[r].childNodes.length-1;
					while(s>-1 && side_menu.childNodes[r].childNodes[s].id!="s_m_i"){s--;}

					side_menu.childNodes[r].childNodes[s].src = "./img/flower_1.png";

					side_menu.childNodes[r].style.color = s_m_out_color;
					side_menu.childNodes[r].className = "";
				}

				s = sender.childNodes.length-1;
				while(s>-1 && sender.childNodes[s].id!="s_m_i"){s--;}

				sender.childNodes[s].src = "./img/flower_2.png";

				sender.className = "S";
				sender.style.color = s_m_select_color;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_news(xml, args)
			{
				if(xml==null){xml_io.Load('./home/home.xml', build_news, args); return;}

				var str = "";
				var node = xml.getElementsByTagName("news");

				for(i=node.length-1; i>-1; i--)
				{
					if(node[i].getElementsByTagName("title")[0].firstChild!=null)
					{
						str +=
						' <div style="position:relative; font-size:100%; font-weight:bold;"> ' +
							node[i].getElementsByTagName("title")[0].firstChild.data +
						' </div><br> ';
					}
					if(node[i].getElementsByTagName("content")[0].firstChild!=null)
					{
						str +=
						' <div style="position:relative; font-size:90%;"> ' +
							node[i].getElementsByTagName("content")[0].firstChild.data +
						' </div><br> ';
					}
					if(node[i].getElementsByTagName("image")[0].firstChild!=null)
					{
						str +=
						' <div style="position:relative;"> ' +
						'	<img src="./home/img/' + node[i].getElementsByTagName("image")[0].firstChild.data + '" style="display:block; margin:auto; width:100%;"> ' +
						' </div><br> ';
					}
					if(node[i].getElementsByTagName("link").length>0)
					{
						if(node[i].getElementsByTagName("link")[0].getElementsByTagName("url")[0].firstChild!=null)
						{
							if(node[i].getElementsByTagName("link")[0].getElementsByTagName("name")[0].firstChild!=null)
							{
								str +=
								' <div style="position:relative; font-size:90%;"> ' +
								'	<a target="_blank" href="' + node[i].getElementsByTagName("link")[0].getElementsByTagName("url")[0].firstChild.data + '">' + node[i].getElementsByTagName("link")[0].getElementsByTagName("name")[0].firstChild.data + '</a>' +
								' </div><br> ';
							}
							else
							{
								str +=
								' <div style="position:relative; font-size:90%;"> ' +
								'	<a target="_blank" href="' + node[i].getElementsByTagName("link")[0].getElementsByTagName("url")[0].firstChild.data + '">' + node[i].getElementsByTagName("link")[0].getElementsByTagName("url")[0].firstChild.data + '</a>' +
								' </div><br> ';
							}
						}
					}
					str +=
					'<hr>';
				}

				document.getElementById('news_div').innerHTML = str;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_01_session(xml, args)
			{
				main_div.innerHTML =
				' <div style="position:relative; padding:2%; font-family:Monotype Corsiva; font-size:170%; line-height:180%;"> ' +
				'	<div id="fade_div" style="border:0px solid silver; position:relative; float:right; margin-left:2%; margin-right:0; margin-top:2%; padding-top:30%; width:48%; cursor:pointer;" onClick="menu_click(document.getElementById(\'s_m_03\'), null);"></div> ' +
				'	Situato nel <b>centro storico di Lecce</b>, simbolo del barocco e dell\'intero Salento, <a class="hd">Fjore di Lecce</a> nasce come una struttura moderna, inserendosi armoniosamente nella tradizione caratterizzante di questa città.<br><br> ' +
				'	In grado di offrire il massimo in confort e servizi, senza rinunciare alla comodità di stare a due passi dai principali <b>siti turistici</b> e dall\'area <b>shopping</b> della città. ' +
				'	Con la nostra esperienza e professionalità vi garantiamo un soggiorno piacevole alle pari dei migliori Hotel ed Alberghi di Lecce. ' +
				' </div> ';

				var twin_fade = new Twin_Fade("fade_div");
				twin_fade.ImagePath = "./img/fade_home/";
				twin_fade.DbPath = "./img/fade_home/";
				twin_fade.FadeWait = 4000;
				twin_fade.FadeStep = 5;
				twin_fade.FadeTime = 80;
				twin_fade.LoadAndShow();
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_02_session(xml, args)
			{
				var axt = '<a style="font-family:Century Gothic; font-size:140%; color:#FF0000;">&nbsp;*&nbsp;</a>';

				main_div.innerHTML =
				' <img src="./img/session/contacts/et.png" style="position:relative; display:block; float:left; margin:1.8% auto auto 2%; width:20%;"> ' +
				' <div style="border:0px solid red; position:relative; overflow:hidden; padding-left:1%; padding-right:1%; margin-top:3%;"> ' +
				'	<div style="border:1px solid lightgray; padding:.3% 0; font-size:180%; background:url(./img/session/contacts/gr_1.png) left center repeat-x;">&nbsp;Contatti</div> ' +
				'	<br> ' +
				'	<div style="border:1px solid dimgray; line-height:160%; font-size:120%; color:#333333; background:url(./img/bg/10.png);"> ' +
				'		<span style="color:#0000DD;">&nbsp;● Per informazioni</span><br> &nbsp; &nbsp; Antonietta: 328 2840637 - 324 8638444 ' +
				'		<br> ' +
				'		<span style="color:#0000DD;">&nbsp;● Amministrazione</span><br> &nbsp; &nbsp; Tel e Fax: 0832 523856 - <a href="mailto:info@fjoredilecce.it?subject=Richiesta di informazioni da www.fjoredilecce.it">info@fjoredilecce.it</a> ' +
				'	</div> ' +
				' </div> ' +
				' <br> ' +
				' <div style="border:0px solid red; position:relative; clear:left; padding-left:1%; padding-right:1%; margin-left:4%;"> ' +
				'	<div style="border:1px solid silver; position:relative; padding:1%; float:left; background:url(./img/bg/10.png);"> ' +
				'		<div style="border:0px solid magenta; position:relative; padding-top:10%; overflow:hidden; background:url(./img/session/contacts/flowers.png) center center repeat-x;"> ' +
				'		</div> ' +
				'		<br> ' +
				'		Via Antonio Galateo, 38<br>73100 Lecce (LE)<br><br> ' +
				'		GPS: Lat N.40&deg;352798\' Lon E.18&deg;166558\'.<br><br> ' +
				'		<ul style="margin-left:-8%;"><li> A soli 13 Km dal mare. Proseguendo sulla SP364.</li></ul> ' +
				'		<ul style="margin-left:-8%;"><li> Un comodo parcheggio a soli 30 m. dal B&B in Via Adua,<br>GPS: Lat N.40&deg;352967\' Lon E.18&deg;166457\'. <a href="http://maps.google.it/maps?q=Galateo+43,+73100+Lecce&ll=40.352967,18.166457&spn=0.001533,0.003449&client=opera&oe=utf-8&channel=suggest&hnear=Via+Antonio+Galateo,+43,+73100+Lecce,+Puglia&gl=it&t=m&z=18" target="_blank" style="font-weight:bold;">Google Maps</a></li></ul> ' +
				'		<a href="doc/fjoredilecce.vcf" target="_blank"> ' +
				'			<img align="center" src="./img/session/contacts/vcard.png" name="VCard" alt="VCard" title="VCard" style="border:3px solid transparent; height:24px;" onMouseOver="this.style.borderColor=\'royalblue\'" onMouseOut="this.style.borderColor=\'transparent\'"> ' +
				'			<span style="padding:4px 0 4px 0; font-size:80%;">DOWNLOAD V-CARD</span> ' +
				'		</a> ' +
				'	</div> ' +
				'	<div style="border:0px solid silver; position:relative; padding-left:1%; padding-right:1%; text-align:center; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		<form id="mail_form" method="post" action="web_mail.asp?hl=it" onSubmit="mail_check(); return document.data_value" style="display:block; margin:auto;"> ' +
				'			<table align="center" border="0" cellpadding="0" cellspacing="0" style="border:0px solid #DDDDDD; margin-left:4%; width:90%; font-size:90%;"> ' +
				'				<tr style="background:url(./img/bg/20.png);"> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD; width:10%;"> ' +
										axt + ' Nome ' +
				'					</td> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD; padding:auto;"> ' +
				'						<input name="first_name" id="first_name" type="text" maxlength="50" style="margin:auto; width:98%; text-align:left; font-size:inherit;"> ' +
				'					</td> ' +
				'				</tr> ' +
				'				<tr style="background:url(./img/bg/20.png);"> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD;"> ' +
										axt + ' E-Mail ' +
				'					</td> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD; padding:auto;"> ' +
				'						<input name="e_mail" id="e_mail" type="text" maxlength="50" style="margin:auto; width:98%; text-align:left; font-size:inherit;"> ' +
				'					</td> ' +
				'				</tr> ' +
				'				<tr style="background:url(./img/bg/20.png);"> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD;"> ' +
				'						&nbsp;&nbsp;Oggetto&nbsp;' +
				'					</td> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD; padding:auto;"> ' +
				'						<input name="subject" id="subject" type="text" maxlength="50" style="margin:auto; width:98%; text-align:left; font-size:inherit;"> ' +
				'					</td> ' +
				'				</tr> ' +
				'				<tr style="background:url(./img/bg/20.png);"> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD;"> ' +
				'						&nbsp;&nbsp;Messaggio&nbsp;&nbsp;' +
				'					</td> ' +
				'					<td align="left" valign="middle" style="border:1px solid #DDDDDD; padding:auto;"> ' +
				'						<textarea name="message" id="message" rows="9" style="margin:auto; width:98%; font-family:Verdana; font-size:inherit;"></textarea> ' +
				'					</td> ' +
				'				</tr> ' +
				'				<tr style="background:url(./img/bg/20.png);"> ' +
				'					<td colspan="2" align="center" valign="middle" style="border:1px solid #DDDDDD; font-size:110%; color:#673E39;"> ' +
										axt + 'I campi contrassegnati da questo simbolo, sono obbligatori.' +
				'					</td> ' +
				'				</tr> ' +
				'				<tr> ' +
				'					<td colspan="2" align="center" valign="middle" style="border:1px solid #DDDDDD;"> ' +
				'						<input type="submit" name="Send" style="margin:1%; font-size:110%; font-weight:bold; color:dimgray;" value="Invia"> ' +
				'					</td> ' +
				'				</tr> ' +
				'			</table> ' +
				'		</form> ' +
				'	</div> ' +
				' <div style="clear:left;"></div> ' +
				' </div> ';
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function mail_check()
			{
				var e_mail = document.getElementById("e_mail").value.trim();
				var d = e_mail.lastIndexOf(".");
				var c = e_mail.indexOf("@");

				if(document.getElementById("first_name").value.trim().length<1)
				{
					alert("Parametro Nome, incompleto!");
					document.data_value = false;
					return;
				}
				if(e_mail.length<1 || c<1 || c>e_mail.length-3 || d<1 || d>e_mail.length-3 || d<c)
				{
					alert("Parametro E-Mail, non corretto!");
					document.data_value = false;
					return;
				}
				if(document.getElementById("message").value.trim().length<1)
				{
					alert("Parametro Messaggio, non corretto!");
					document.data_value = false;
					return;
				}
				document.data_value = true;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function friend_check()
			{
				var e_mail = document.getElementById("friend_mail").value.trim();
				var d = e_mail.lastIndexOf(".");
				var c = e_mail.indexOf("@");

				if(e_mail.length<1 || c<1 || c>e_mail.length-3 || d<1 || d>e_mail.length-3 || d<c)
				{
					alert("Parametro E-Mail, non corretto!");
					document.data_value = false;
					return;
				}
				document.data_value = true;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function news_check()
			{
				var e_mail = document.getElementById("news_mail").value.trim();
				var d = e_mail.lastIndexOf(".");
				var c = e_mail.indexOf("@");

				if(e_mail.length<1 || c<1 || c>e_mail.length-3 || d<1 || d>e_mail.length-3 || d<c)
				{
					alert("Parametro E-Mail, non corretto!");
					document.data_value = false;
					return;
				}
				document.data_value = true;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_03_session(xml, args)
			{
				main_div.innerHTML =
				' <div style="border:0px solid red; position:relative; background:url(./img/bg/10.png);"> ' +
				'	<div style="border:0px solid red; position:relative; padding:1%; text-align:left; font-size:110%; line-height:180%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		<img src="./img/session/rooms/tulip_1.jpg" class="Tulip" style="border-radius:18px; display:block; float:left; margin:1%; width:60%; cursor:pointer;" onClick="rooms_image_click(this);"> ' +
				'		<a class="hd" style="line-height:180%; font-size:220%;">● TULIP</a><br> ' +
				'		Dal design moderno e le tonalità chiare, questa camera doppia, che può diventare anche tripla, offre un ambiente rilassante e confortevole.<br> ' +
				'		La camera è dotata di bagno privato + set asciugamani, aria condizionata, tv lcd, lampade lettura.<br><br> ' +
				'		I prezzi indicati sono per camera per 2 persone.<br> ' +
				'	</div> ' +
				//'	<div style="border:0px solid red; position:relative; padding:1%; padding-left:20%; margin-top:-2%; text-align:left; font-size:110%; line-height:180%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				//'	<img src="./img/session/rooms/tulip_2.jpg" class="Tulip" style="border-radius:18px; display:block; float:right; margin:1%; width:60%; cursor:pointer;" onClick="rooms_image_click(this);"> ' +
				//'	Seconda parte della Tulip. ' +
				//'	</div> ' +
				'	<div style="border:0px solid red; position:relative; padding:1%; margin-top:-2%; text-align:left; font-size:100%; line-height:120%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		Bassa stagione: 55€<br> ' +
				'		Media stagione: 70€<br> ' +
				'		Alta stagione: 90€<br>' +
				'		<br> ' +
				'		* Letto extra: 20€ adulto.<br> ' +
				'		* Alta stagione: 80€ per soggiorni superiori a 5 notti.<br> ' +
				'		* Media stagione: 65€ per soggiorni superiori a 3 notti.<br> ' +
				'		* In alcune settimane per il soggiorno di una sola notte il prezzo può equivalere alla tariffa di alta stagione.<br> ' +
				'		&nbsp;&nbsp;Contattateci per maggior informazioni.<br> ' +
				'	</div> ' +
				'	<div style="border:0px solid red; position:relative; margin:2% 0; text-align:center; background:url(./img/bg/00.png);"> ' +
				'		<div class="res_chk_room_3" style="border:1px solid #FFF; border-radius:18px; position:relative; display:inline; padding:.5% 1%; font-size:180%; cursor:pointer; background:url(./img/bg_bk/20.png);" onMouseOver="this.style.color=\'#EEE\';" onMouseOut="this.style.color=\'inherit\';" onClick="menu_click(document.getElementById(\'s_m_06\'), this.className, true);"> ' +
				'			Prenota Ora' +
				'		</div> ' +
				'	</div> ' +
				'	<div style="position:relative; height:27px; background:url(./img/session/rooms/bg_1.png) repeat-x;"></div> ' +
				'	<div style="border:0px solid red; position:relative; padding:1%; text-align:left; font-size:110%; line-height:180%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		<img src="./img/session/rooms/rose_1.jpg" class="Rose" style="border-radius:18px; display:block; float:left; margin:1%; width:60%; cursor:pointer;" onClick="rooms_image_click(this);"> ' +
				'		<a class="hd" style="line-height:180%; font-size:220%;">● ROSE</a><br> ' +
				'		Dall\’ambiente intimo e confortevole questa camera permette l\’utilizzo della cucina (a richiesta) nonché di bagno privato in camera + set asciugamani, aria condizionata, tv lcd. ' +
				'	</div> ' +
				'	<div style="border:0px solid red; position:relative; padding:1%; margin-top:-2%; text-align:left; font-size:100%; line-height:120%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		* Alta stagione: 80€ per soggiorni superiori a 5 notti.<br> ' +
				'		* Media stagione: 65€ per soggiorni superiori a 3 notti.<br> ' +
				'		* In alcune settimane per il soggiorno di una sola notte il prezzo può equivalere alla tariffa di alta stagione.<br> ' +
				'		&nbsp;&nbsp;Contattateci per maggior informazioni.<br> ' +
				'	</div> ' +
				'	<div style="border:0px solid red; position:relative; margin:2% 0; text-align:center; background:url(./img/bg/00.png);"> ' +
				'		<div class="res_chk_room_1" style="border:1px solid #FFF; border-radius:18px; position:relative; display:inline; padding:.5% 1%; font-size:180%; cursor:pointer; background:url(./img/bg_bk/20.png);" onMouseOver="this.style.color=\'#EEE\';" onMouseOut="this.style.color=\'inherit\';" onClick="menu_click(document.getElementById(\'s_m_06\'), this.className, true);"> ' +
				'			Prenota Ora' +
				'		</div> ' +
				'	</div> ' +
				'	<div style="position:relative; height:27px; background:url(./img/session/rooms/bg_1.png) repeat-x;"></div> ' +
				'	<div style="border:0px solid red; position:relative; padding:1%; text-align:left; font-size:110%; line-height:180%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		<img src="./img/session/rooms/lilium_1.jpg" class="Lilium" style="border-radius:18px; display:block; float:right; margin:1%; width:60%; cursor:pointer;" onClick="rooms_image_click(this);"> ' +
				'		<a class="hd" style="line-height:180%; font-size:220%;">● LILIUM</a><br> ' +
				'		Uno stile principesco unito al tocco di modernità dell\'arredamento di questa camera per farvi sentire al centro dell\'attenzione.<br> ' +
				'		Ampia camera tripla che dispone di: bagno privato + set di asciugamani, aria condizionata, tv lcd, armadio, lampade lettura.<br><br> ' +
				'		I prezzi sono indicati a camera per 2 persone.<br> ' +
				'	</div> ' +
				'	<div style="border:0px solid red; position:relative; padding:1%; margin-top:-2%; text-align:left; font-size:100%; line-height:120%; overflow:hidden; background:url(./img/bg/10.png);"> ' +
				'		Bassa stagione: 55€<br> ' +
				'		Media stagione: 70€<br> ' +
				'		Alta stagione: 90€<br>' +
				'		<br> ' +
				'		* Alta stagione: 80€ per soggiorni superiori a 5 notti.<br> ' +
				'		* Media stagione: 65€ per soggiorni superiori a 3 notti.<br> ' +
				'		* In alcune settimane per il soggiorno di una sola notte il prezzo può equivalere alla tariffa di alta stagione.<br> ' +
				'		&nbsp;&nbsp;Contattateci per maggior informazioni.<br> ' +
				'	</div> ' +
				'	<div style="border:0px solid red; position:relative; margin:2% 0; text-align:center; background:url(./img/bg/00.png);"> ' +
				'		<div class="res_chk_room_2" style="border:1px solid #FFF; border-radius:18px; position:relative; display:inline; padding:.5% 1%; font-size:180%; cursor:pointer; background:url(./img/bg_bk/20.png);" onMouseOver="this.style.color=\'#EEE\';" onMouseOut="this.style.color=\'inherit\';" onClick="menu_click(document.getElementById(\'s_m_06\'), this.className, true);"> ' +
				'			Prenota Ora' +
				'		</div> ' +
				'	</div> ';
				' </div> ';
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function rooms_image_click(sender)
			{
				var grfx_tl_rms = new TopLayer("./img/session/rooms/");
				grfx_tl_rms.LabelStyle = "font-family:Monotype Corsiva; font-size:180%; font-style:italic; color:#ffba00;";
				grfx_tl_rms.FlatHorizontalStyle(false);
				grfx_tl_rms.Label(sender.className);

				var tl_ms_div = grfx_tl_rms.Show();
				tl_ms_div.style.textAlign = "center";

				var img_buff = new Image();
				img_buff.style.border = "4px solid #FFF";
				img_buff.style.borderRadius = "12px";
				img_buff.style.height = "90%";
				img_buff.onload = function(){tl_ms_div.appendChild(img_buff);};
				img_buff.src = sender.src;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_04_session(xml, args)
			{
				main_div.innerHTML =
				' <br> ' +
				' <div style="position:relative; text-align:center; font-family:Monotype Corsiva; font-size:280%; font-weight:bold; color:#292;"> ' +
				'	COME  RAGGIUNGERCI ' +
				' </div> ' +
				' <br> ' +
				' <div style="position:relative; text-align:left; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#b36d12;"> ' +
				'	● In Aereo da Brindisi o da Bari ' +
				' </div> ' +
				' <div style="position:relative; text-align:left; font-size:110%;"> ' +
				'	È possibile richiedere il servizio transfer dall’aeroporto di Brindisi, inviateci la richiesta via email all’indirizzo <a href="mailto:info@fjoredilecce.it?subject=Richiesta di informazioni dal sito web.">info@fjoredilecce.it</a> Questo indirizzo e-mail è protetto dallo spam bot. Abilita Javascript per vederlo. con 24 ore di anticipo e sarete accontentati. ' +
				' </div> ' +
				' <div style="position:relative; text-align:left; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#b36d12;"> ' +
				'	● In Auto da superstrada Bari-Brindisi-Lecce ' +
				' </div> ' +
				' <div style="position:relative; text-align:left; font-size:110%;"> ' +
				'	La superstrada SS613 Brindisi-Lecce prende il nome di Viale Porta d’Europa non appena vedrete le prime attività commerciali della città. Troverete una prima rotatoria, continuate dritti e girate a destra alla seconda rotatoria per via Francesco Calasso. Proseguendo dritti troverete il primo pezzo di storia Leccese denominato Obelisco e l’Arco di Trionfo (Porta Napoli) sulla vostra sinistra. Proseguite dritti per il viale dell’Università fino ad incontrare la seconda porta della città denominata Porta Rudiae. È necessario a quel punto fare inversione ed immettersi sulla corsia opposta superando nuovamente Porta Rudiae e ritrovandola alla vostra destra. Sulla prima strada a destra 30 metri dopo la porta troverete il parcheggio. Il costo è il seguente: 0,52 cents. per ora nelle fasce d’orario 9.00-14.00 e 16.00-21.00, gratuito la notte, la domenica ed i festivi. Il massimo della convenienza è sistemare li la macchina e salire le scale che dal parcheggio portano direttamente nelle mura storiche di Lecce. Il B&B "Fjore di Lecce" sarà pochi metri dopo sulla sinistra. Chiamateci al vostro arrivo e sarete aiutati nel trasporto dei bagagli. ' +
				' </div> ' +
				' <div style="position:relative; text-align:left; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#b36d12;"> ' +
				'	● A Piedi ' +
				' </div> ' +
				' <div style="position:relative; text-align:left; font-size:110%;"> ' +
				'	Entrando nel centro storico da Porta Rudiae basta percorrere 30 metri e svoltare alla prima traversa a sinistra nella quale si intravede il ristorane "La Corte dei Miracoli". Siete quindi in via Galateo, il nostro B&B è al numero 38, superate il ristorante sopra citato e proseguite per altri 30 metri circa, troverete il B&B alla vostra sinistra. ' +
				' </div> ' +
				' <div style="position:relative; text-align:left; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#b36d12;"> ' +
				'	● Dalla stazione treni ' + 
				' </div> ' +
				' <div style="position:relative; text-align:left; font-size:110%;"> ' +
				'	Provate a calcolare la distanza ed a vedere il percorso preciso dalla stazione treni verso il B&B, inserite negli spazi del seguente link gli indirizzi di partenza e di arrivo.<br> ' +
				'	Partenza: Viale Oronzo Quarta ( stazione treni di Lecce)<br> ' +
				'	Destinazione: Via Galateo 38 (Fjore di Lecce B&B)<br> ' +
				' </div> ' +
				' <br> ' +
				' <div style="position:relative; height:27px; background:url(./img/session/rooms/bg_1.png) repeat-x;"></div> ' +
				' <br> ' +
				' <div style="border:0px solid dimgray; padding:auto; margin:auto; width:100%; height:120%;"> ' +
				'	<iframe src="./gmap.html" frameborder="0" width="100%" height="100%" style="padding:auto; margin:auto;"></iframe> ' +
				' </div> ';
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_05_session(xml, args)
			{
				main_div.innerHTML =
				'<div id="gallery_div" style="position:relative; margin-right:1%; height:100%; font-size:130%;">';

				var psg = new PhotosStackGallery('gallery_div', './gallery/gallery.xml');
				psg.TextLanguage = "it";
				psg.GroupStyleFields = "font-weight:bold; color:#00642c;";
				psg.TitleStyleFields = "font-family:inherit; line-height:180%; font-size:140%; font-weight:bold; color:#00642c;";
				psg.ContentStyleFields = "font-family:inherit; font-size:100%; color:#333;";
				psg.CategoryStyleFields = "font-family:inherit; font-size:180%; font-weight:bold; color:#a1cb14;";

				psg.Show();
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_06_session(xml, args)
			{
				var str = "";
				var s_calendar;
				var e_calendar;

				str +=
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="width:50%; margin:5% 0; font-family:arial, verdana; font-size:100%;"> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle" colspan="2" style="font-family:Monotype Corsiva; font-size:220%; font-weight:bold; color:#292;"> ' +
				'			I prezzi ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" width="100%"> ' +
				'			Camera singola ' +
				'		</td> ' +
				'		<td align="right" valign="middle"> ' +
				'			<nobr>35-90 €</nobr> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle"> ' +
				'			Camera doppia ' +
				'		</td> ' +
				'		<td align="right" valign="middle"> ' +
				'			<nobr>50-100 €</nobr> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle"> ' +
				'			Prezzi settimanali ' +
				'		</td> ' +
				'		<td align="right" valign="middle"> ' +
				'			<nobr>250-700 €</nobr> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" colspan="2"> ' +
				'			Le camere hanno prezzi variabili a seconda della stagione. ' +
				'		</td> ' +
				'	</tr> ' +
				' </table></center> ';

				str +=
				' <table border="1" align="center" cellspacing="5" cellpadding="5" style="width:520px; color:#333;"> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle" colspan="2" style="font-family:Monotype Corsiva; font-size:220%; font-weight:bold; color:#292;"> ' +
				'			Periodo di permanenza ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle"> ' +
				'			Data di arrivo ' +
				'			<br><br> ' +
				'			<input type="text" id="s_date" name="s_date" value="Select Date" style="border:2px solid darkgray; text-align:center; font-size:14px; cursor:pointer; z-index:2;" onmouseover="this.style.borderColor=\'orange\'" onmouseout="this.style.borderColor=\'darkgray\'" onClick="txt_calendar_click(this);"> ' +
				'			<div id="s_cal_div" style="border:1px solid gray; position:absolute; margin:0px 0 0 19px; display:none; z-index:1;"></div> ' +
				'		</td> ' +
				'		<td align="center" valign="top"> ' +
				' 			Data di partenza ' +
				'			<br><br> ' +
				'			<input type="text" id="e_date" name="e_date" value="Select Date" style="border:2px solid darkgray; text-align:center; font-size:14px; cursor:pointer; z-index:2;" onmouseover="this.style.borderColor=\'orange\'" onmouseout="this.style.borderColor=\'darkgray\'" onClick="txt_calendar_click(this);"> ' +
				'			<div id="e_cal_div" style="border:1px solid gray; position:absolute; margin:0px 0 0 19px; display:none; z-index:2;"></div> ' +
				'		</td> ' +
				'	</tr> ' +
				' </table> ';

				str +=
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="width:70%; margin:5% 0; font-family:arial, verdana; font-size:100%;"> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle" colspan="2" style="font-family:Monotype Corsiva; font-size:220%; font-weight:bold; color:#292;"> ' +
				'			Ospiti ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" width="100%"> ' +
				'			Adulti ' +
				'		</td> ' +
				'		<td align="center" valign="middle"> ' +
				'			<select id="res_sel_age_1" class="Adulti" style="z-index:2;"> ' +
				'				<option>  </option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option> ' +
				'			</select> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle"> ' +
				'			Bambini (Età inferiore a 3 anni) ' +
				'		</td> ' +
				'		<td align="center" valign="middle"> ' +
				'			<select id="res_sel_age_2" class="Bambini (Età inferiore a 3 anni)" style="z-index:2;"> ' +
				'				<option>  </option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option> ' +
				'			</select> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle"> ' +
				'			Bambini (Età compresa tra 3 e 10 anni) ' +
				'		</td> ' +
				'		<td align="center" valign="middle"> ' +
				'			<select id="res_sel_age_3" class="Bambini (Età compresa tra 3 e 10 anni)" style="z-index:2;"> ' +
				'				<option>  </option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option> ' +
				'			</select> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle"> ' +
				'			Ragazzi (Età compresa tra 10 e 18 anni) ' +
				'		</td> ' +
				'		<td align="center" valign="middle"> ' +
				'			<select id="res_sel_age_4" class="Ragazzi (Età compresa tra 10 e 18 anni)" style="z-index:2;"> ' +
				'				<option>  </option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option> ' +
				'			</select> ' +
				'		</td> ' +
				'	</tr> ' +
				' </table></center> ';

				str +=
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="width:80%; margin:5% 0; font-family:arial, verdana; font-size:100%;"> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle" style="font-family:Monotype Corsiva; font-size:220%; font-weight:bold; color:#292;"> ' +
				'			Sistemazioni ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" style="position:relative;"> ' +
				'			<img align="left" class="Tulip" src="./img/session/reservation/tulip.jpg" style="margin:2%; width:50%; cursor:pointer;" onClick="reservation_image_click(this);"> ' +
				'			<img id="res_chk_room_3" class="Tulip" align="left" src="./img/session/reservation/chk_off.png" style="position:absolute; left:.2%; top:-5.5%; width:8%; cursor:pointer;" onClick="change_room(this);"> ' +
				'			<div style="margin:1%; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#383;">● Tulip</div> ' +
				'			<div style="position:relative; margin:2%; text-align:left; overflow:hidden;"> ' +
				'				Camera doppia/tripla. Design moderno e tonalità chiare. Un ambiente rilassante e confortevole. ' +
				'			</div> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" style="position:relative;"> ' +
				'			<img align="left" class="Rose" src="./img/session/reservation/rose.jpg" style="margin:2%; width:50%; cursor:pointer;" onClick="reservation_image_click(this);"> ' +
				'			<img id="res_chk_room_1" class="Rose" align="left" src="./img/session/reservation/chk_off.png" style="position:absolute; left:.2%; top:-5.5%; width:8%; cursor:pointer;" onClick="change_room(this);"> ' +
				'			<div style="margin:1%; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#383;">● Rose</div> ' +
				'			<div style="position:relative; margin:2%; text-align:left; overflow:hidden;"> ' +
				'				Dall’ambiente intimo e confortevole questa camera permette l’utilizzo della cucina (a richiesta) nonché di bagno privato in camera + set asciugamani, aria condizionata, tv lcd. ' +
				'			</div> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" style="position:relative;"> ' +
				'			<img align="left" class="Lilium" src="./img/session/reservation/lilium.jpg" style="margin:2%; width:50%; cursor:pointer;" onClick="reservation_image_click(this);"> ' +
				'			<img id="res_chk_room_2" class="Lilium" align="left" src="./img/session/reservation/chk_off.png" style="position:absolute; left:.2%; top:-5.5%; width:8%; cursor:pointer;" onClick="change_room(this);"> ' +
				'			<div style="margin:1%; font-family:Monotype Corsiva; font-size:180%; font-weight:bold; color:#383;">● Lilium</div> ' +
				'			<div style="position:relative; margin:2%; text-align:left; overflow:hidden;"> ' +
				'				Camera doppia/tripla. Uno stile principesco unito al tocco di modernità dell\'arredamento di questa camera per farvi sentire al centro dell\'attenzione. ' +
				'			</div> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle"> ' +
				'			La preferenza della sistemazione sarà ritenuta valida previo disponibilità. ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				' </table></center> ';

				str +=
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="width:80%; margin:5% 0; font-family:arial, verdana; font-size:100%;"> ' +
				'	<tr> ' +
				'		<td align="center" valign="middle" colspan="2" style="font-family:Monotype Corsiva; font-size:220%; font-weight:bold; color:#292;"> ' +
				'			Extra ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" width="100%"> ' +
				'			Presenza di animali domestici ' +
				'		</td> ' +
				'		<td align="center" valign="middle"> ' +
				'			<input type="checkbox" id="res_chk_ext_1" class="Presenza di animali domestici" style="z-index:2;"> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle"> ' +
				'			Servizio bici gratuito (previo disponibilità) ' +
				'		</td> ' +
				'		<td align="center" valign="middle"> ' +
				'			<input type="checkbox" id="res_chk_ext_2" class="Servizio bici gratuito (previo disponibilità)" style="z-index:2;"> ' +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" valign="middle" colspan="2"> ' +
				'			Con l\'aggiunta di un piccolo contributo sarà possibile usufruire del servizio naveta ' +
				'		</td> ' +
				'	</tr> ' +
				' </table></center> ';

				str +=
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="width:80%; margin:5% 0; font-family:arial, verdana; font-size:100%;"> ' +
				'		<td align="center" valign="middle"> ' +
				'			<div style="text-align:left;">Note...</div> ' +
				'			<textarea rows="10" id="res_note" style="width:98%;"></textarea> ' +
				'		</td> ' +
				'	</tr> ' +
				' </table></center> ';

				str +=
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="width:80%; margin:5% 0; font-family:arial, verdana; font-size:100%;"> ' +
				'		<td align="center" valign="middle"> ' +
				'			<input type="button" value="Procedi" style="margin:1%; font-size:110%; font-weight:bold; color:dimgray;" onClick="reservation_calc();"> ' +
				'		</td> ' +
				'	</tr> ' +
				' </table></center> ';

				main_div.innerHTML = ' <div style="position:relative; background:url(./img/bg/00.png)"> ' + str;

				s_calendar = new Date_Calendar("s_cal_div");
				s_calendar.Grid = 0;
				s_calendar.ShowDate = true;
				s_calendar.Width = 200;
				s_calendar.Height = 200;
				s_calendar.BackgroundImage = "./img/calendar_bg.png";
				//s_calendar.BackgroundColor = "white";
				s_calendar.DayContentColor = "#555";
				s_calendar.DayCaptionColor = "dodgerblue";
				s_calendar.OverBorderColor = "orangered";
				//s_calendar.OutBorderColor = "transparent";
				//s_calendar.ToDayBorderColor = "red";
				//s_calendar.ToDayBackColor = "orange";
				s_calendar.dayClick = calendar_click;
				s_calendar.SelectDate(1,(new Date().getMonth()+1), new Date().getFullYear());
				s_calendar.Show();

				e_calendar = new Date_Calendar("e_cal_div");
				e_calendar.Grid = 0;
				e_calendar.ShowDate = true;
				e_calendar.Width = 200;
				e_calendar.Height = 200;
				e_calendar.BackgroundImage = "./img/calendar_bg.png";
				//e_calendar.BackgroundColor = "white";
				e_calendar.DayContentColor = "#555";
				e_calendar.DayCaptionColor = "dodgerblue";
				e_calendar.OverBorderColor = "orangered";
				//e_calendar.OutBorderColor = "transparent";
				//e_calendar.ToDayBorderColor = "red";
				//e_calendar.ToDayBackColor = "orange";
				//e_calendar.onMouseOut = function(){alert("out");}
				e_calendar.dayClick = calendar_click;
				e_calendar.SelectDate(1,(new Date().getMonth()+1), new Date().getFullYear());
				e_calendar.Show();

				if(args!=null){change_room(document.getElementById(args));}
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function txt_calendar_click(sender)
			{
				for(var i=sender.parentNode.childNodes.length-1; i>-1; i--)
				{
					if(sender.parentNode.childNodes[i].id!=null && sender.parentNode.childNodes[i].id.indexOf("_cal_div")>-1)
					{
						sender.parentNode.childNodes[i].style.display = sender.parentNode.childNodes[i].style.display=="none"?"block":"hidden";
						break;
					}
				}
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function calendar_click(data)
			{
				//alert("Container sender: " + data[0].id + " - Data: " + data[1]);

				switch(data[0].id)
				{
					case "s_cal_div" :
					{
						document.getElementById('s_date').value = data[1];
						data[0].style.display = "none";
						break;
					}
					case "e_cal_div" :
					{
						document.getElementById('e_date').value = data[1];
						data[0].style.display = "none";
						break;
					}
				}
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function reservation_image_click(sender)
			{
				var grfx_tl_rsv = new TopLayer("./img/session/reservation/");
				grfx_tl_rsv.LabelStyle = "font-family:Monotype Corsiva; font-size:180%; font-style:italic; color:#ffba00;";
				grfx_tl_rsv.FlatHorizontalStyle(false);
				grfx_tl_rsv.Label(sender.className);

				var tl_rsv_div = grfx_tl_rsv.Show();
				tl_rsv_div.style.textAlign = "center";

				var img_buff = new Image();
				img_buff.style.border = "4px solid #FFF";
				img_buff.style.borderRadius = "12px";
				img_buff.style.height = "90%";
				img_buff.onload = function(){tl_rsv_div.appendChild(img_buff);};
				img_buff.src = sender.src;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function change_room(sender)
			{
				sender.src = sender.src.indexOf("off")>-1?"./img/session/reservation/chk_on.png":"./img/session/reservation/chk_off.png";
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function reservation_calc()
			{
				var n_time;
				var s_time;
				var e_time;
				var str = "";
				var buff = "";
				var res_data = new Array();

				var axt = '<a style="font-family:Century Gothic; font-size:140%; color:#FF0000;">&nbsp;*&nbsp;</a>';

				try
				{
					n_time = new Date(); 
					n_time = new Date(n_time.getFullYear(), n_time.getMonth(), n_time.getDate());

					var s_value = document.getElementById("s_date").value.split('\\');
					var e_value = document.getElementById("e_date").value.split('\\');

					s_time = new Date(s_value[2], s_value[1]-1, s_value[0]);
					e_time = new Date(e_value[2], e_value[1]-1, e_value[0]);
				}
				catch(exc){alert("Error " + exc.message); return;}

				<!-- ------------------------------------------------------------------------------------------- -->

				if(isNaN(s_time) || isNaN(e_time) || s_time>=e_time || s_time<n_time)
				{
					alert("Impostazione del periodo di permanenza non corretta.");
					return;
				}

				<!-- ------------------------------------------------------------------------------------------- -->

				res_data[0] = new Array(document.getElementById("s_date").value, document.getElementById("e_date").value);
				res_data[1] = new Array(4);
				res_data[1][0] = new Array(document.getElementById("res_sel_age_1").className, document.getElementById("res_sel_age_1").selectedIndex);
				res_data[1][1] = new Array(document.getElementById("res_sel_age_2").className, document.getElementById("res_sel_age_2").selectedIndex);
				res_data[1][2] = new Array(document.getElementById("res_sel_age_3").className, document.getElementById("res_sel_age_3").selectedIndex);
				res_data[1][3] = new Array(document.getElementById("res_sel_age_4").className, document.getElementById("res_sel_age_4").selectedIndex);
				res_data[2] = new Array(3);
				res_data[2][0] = new Array(document.getElementById("res_chk_room_1").className, document.getElementById("res_chk_room_1").src);
				res_data[2][1] = new Array(document.getElementById("res_chk_room_2").className, document.getElementById("res_chk_room_2").src);
				//res_data[2][2] = new Array(document.getElementById("res_chk_room_3").className, document.getElementById("res_chk_room_3").src);
				res_data[3] = new Array(2);
				res_data[3][0] = new Array(document.getElementById("res_chk_ext_1").className, document.getElementById("res_chk_ext_1").checked);
				res_data[3][1] = new Array(document.getElementById("res_chk_ext_2").className, document.getElementById("res_chk_ext_2").checked);
				res_data[4] = document.getElementById("res_note").value;

				<!-- ------------------------------------------------------------------------------------------- -->

				str +=
				' <br><br> ' +
				' <center><table border="1" align="center" cellpadding="2" cellspacing="2" style="font-family:arial, verdana; font-size:100%;"> ' +
				'	<tr> ' +
				'		<td align="center" valign="center"> ' +
				'			Data di arrivo<br> ' + res_data[0][0] +
				'		</td> ' +
				'		<td align="center" valign="center"> ' +
				'			Data di partenza<br> ' + res_data[0][1] +
				'		</td> ' +
				'		<td align="center" valign="center"> ' +
				'			Totale notti<br> ' + (e_time-s_time)/86400000 +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" colspan="2"> ' +
							res_data[1][0][0] +
				'		</td> ' +
				'		<td align="center"> ' +
							res_data[1][0][1] +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" colspan="2"> ' +
							res_data[1][1][0] +
				'		</td> ' +
				'		<td align="center"> ' +
							res_data[1][1][1] +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" colspan="2"> ' +
							res_data[1][2][0] +
				'		</td> ' +
				'		<td align="center"> ' +
							res_data[1][2][1] +
				'		</td> ' +
				'	</tr> ' +
				'	<tr> ' +
				'		<td align="left" colspan="2"> ' +
							res_data[1][3][0] +
				'		</td> ' +
				'		<td align="center"> ' +
							res_data[1][3][1] +
				'		</td> ' +
				'	</tr> ';

				if(res_data[2][0][1].indexOf("off")<0){buff += res_data[2][0][0] + '<br>';}
				if(res_data[2][1][1].indexOf("off")<0){buff += res_data[2][1][0] + '<br>';}
				//if(res_data[2][2][1].indexOf("off")<0){buff += res_data[2][2][0] + '<br>';}

				if(buff.length>0)
				{
					str +=
					' <tr> ' +
					'	<td align="center" valign="center" colspan="2"> ' +
					'		Sistemazioni preferite ' +
					'	</td> ' +
					'	<td align="center" valign="center"> ' +
							buff +
					'	</td> ' +
					' </tr> ';
				}
				if(res_data[3][0][1])
				{
					str +=
					' <tr> ' +
					'	<td align="center" valign="center" colspan="3"> ' +
							res_data[3][0][0] +
					'	</td> ' +
					' </tr> ';
				}
				if(res_data[3][1][1])
				{
					str +=
					' <tr> ' +
					'	<td align="center" valign="center" colspan="3"> ' +
							res_data[3][1][0] +
					'	</td> ' +
					' </tr> ';
				}
				if(res_data[4].length>0)
				{
					str +=
					' <tr> ' +
					'	<td align="left" valign="center" colspan="3"> ' +
					'		Note...<br> ' + res_data[4].replace(/\n/g, "<br>") +
					'	</td> ' +
					' </tr> ';
				}

				str +=
				' </table></center> ' +
				' <br><br> ' +
				' <form id="reservation_form" method="post" action="reservations/reservations.asp?hl=it" onSubmit="reservation_check(); return document.data_value" style="display:block; margin:auto;"> ' +
				'	<input type="hidden" id="reservation_table" name="reservation_table" value="'+str.replace(/\"/g, "\'") + "</table>" +'"> ' +
				'	<center><table border="1" align="center" cellpadding="2" cellspacing="2" style="font-family:arial, verdana; font-size:100%;"> ' +
				'		<tr> ' +
				'			<td align="left"> ' +
				'				<div style="border:0px solid red; font-size:80%;">' + axt + 'Nome...</div> ' +
				'				<input type="text" id="full_name" name="full_name" style="margin:.5%; font-family:arial, verdana;"> ' +
				'			</td> ' +
				'			<td align="left"> ' +
				'				<div style="border:0px solid red; font-size:80%;">' + axt + 'Telefono...</div> ' +
				'				<input type="text" id="phone" name="phone" style="margin:.5%; font-family:arial, verdana;"> ' +
				'			</td> ' +
				'			<td align="left"> ' +
				'				<div style="border:0px solid red; font-size:80%;">' + axt + 'E-Mail...</div> ' +
				'				<input type="text" id="e_mail" name="e_mail" style="margin:.5%; font-family:arial, verdana;"> ' +
				'			</td> ' +
				'		</tr> ' +
				'		<tr> ' +
				'			<td align="center" style="border:none;"> ' +
				'				<input id="res_back" type="button" align="left" style="margin:1%; font-size:110%; font-weight:bold; color:dimgray;" value="Indietro" > ' +
				'			</td> ' +
				'			<td align="center" style="border:none;"> ' +
				'			</td> ' +
				'			<td align="center" style="border:none;"> ' +
				'				<input type="submit" name="Send" align="right" style="margin:1%; font-size:110%; font-weight:bold; color:dimgray;" value="Avanti"> ' +
				'			</td> ' +
				'		</tr> ' +
				'	</table></center> ' +
				' </form> ';

				main_div.innerHTML = ' <div style="position:relative; min-height:100%; background:url(./img/session/reservation/bg_1.png) bottom repeat-x fixed;"> ' +  str + ' </div> ';

				document.getElementById("res_back").onclick = function()
				{
					build_06_session(null, null);

					document.getElementById("s_date").value = res_data[0][0];
					document.getElementById("e_date").value = res_data[0][1];
					document.getElementById("res_sel_age_1").selectedIndex = res_data[1][0][1];
					document.getElementById("res_sel_age_2").selectedIndex = res_data[1][1][1];
					document.getElementById("res_sel_age_3").selectedIndex = res_data[1][2][1];
					document.getElementById("res_sel_age_4").selectedIndex = res_data[1][3][1];
					document.getElementById("res_chk_room_1").src = res_data[2][0][1];
					document.getElementById("res_chk_room_2").src = res_data[2][1][1];
					//document.getElementById("res_chk_room_3").src = res_data[2][2][1];
					document.getElementById("res_chk_ext_1").checked = res_data[3][0][1]?true:false;
					document.getElementById("res_chk_ext_2").checked = res_data[3][1][1]?true:false;
					document.getElementById("res_note").value = res_data[4];
				}

				<!-- ------------------------------------------------------------------------------------------- -->
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function reservation_check()
			{
				var e_mail = document.getElementById("e_mail").value.trim();
				var d = e_mail.lastIndexOf(".");
				var c = e_mail.indexOf("@");

				if(document.getElementById("full_name").value.trim().length<1)
				{
					alert("Parametro Nome, incompleto!");
					document.data_value = false;
					return;
				}
				if(document.getElementById("phone").value.trim().length<1)
				{
					alert("Parametro Telefono, incompleto!");
					document.data_value = false;
					return;
				}
				if(e_mail.length<1 || c<1 || c>e_mail.length-3 || d<1 || d>e_mail.length-3 || d<c)
				{
					alert("Parametro E-Mail, non corretto!");
					document.data_value = false;
					return;
				}
				document.data_value = true;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function build_07_session(xml, args)
			{
				//main_div.innerHTML =
				//' <img src="./img/under_construction_page.jpg" style="position:relative; margin:auto; width:100%;"> ';
				//return;

				main_div.innerHTML =
				' <div style="position:relative; font-family:Monotype Corsiva; font-size:250%; text-align:center; color:#292; background:url(./img/bg/10.png);"> ' +
				'	Lecce cultura del Salento ' +
				' </div> ' +
				' <br> ' +
				' <div style="position:relative; font-family:Times New Roman; font-size:150%; text-align:left; color:#b71; background:url(./img/bg/10.png);"> ' +
				'	&nbsp;● Cenni storici ' +
				' </div> ' +
				' <br> ' +
				' <div style="position:relative; background:url(./img/bg/10.png);"> ' +
				'	<img align="left" src="./img/session/our_house/lecce.jpg" style="display:block; margin:auto; margin-right:3%; margin-bottom:3%; width:42%;"> ' +
				'	Lecce è la città più ricca di storia e di cultura del Salento, la città sorge su un antico insediamento messapico, ne danno testimonianza i ritrovamenti di tombe e di piccoli tratti della cinta muraria. Si pensa che questo antico insediamento messapico, era di fatto un piccolo villaggio costruito nei pressi dell’ Antica Rudiae, la patria di Quinto Ennio.<br><br> ' +
				'	Durante il secondo secolo A.C. la città di Lecce veniva chiamata Lupiae, a quel tempo Lecce emergeva sugli altri centri della zona e diventa prima municipio e poi colonia. Durante la dominazione dell’ impero di Adriano vennero costruiti il grande Anfiteatro ed il Teatro, ed inoltre venne costruita una strada che collegava Lecce con il porto di Adriano, conosciuto oggi come Marina di San Cataldo. Con l’ imperatore Marco Aurelio, Lecce acquista benessere economico ed ebbe una forte espansione edilizia. A parte un breve periodo di dominazione Greca, Lecce è rimasta sotto il controllo dei Romani per circa cinque secoli.<br><br> ' +
				'	La contea di Lecce venne fondata da Roberto il Giuscardo, che la trasformò in un punto di riferimento per la cultura cavalleresca. A Tancredi conte di Lecce e del Regno delle Due Sicilie, va riconosciuta la costruzione della chiesa dei S.S. Niccolò e Cataldo, divenuta oggi una dei monumenti medioevali più importanti dell’ Italia meridionale. Ai Normanni seguì la dominazione degli Svevi, e agli Svevi quella degli Angioini, i Brienne e i Del Balzo Orsini. Durante il XV secolo, Lecce divenne un importante centro commerciale ed in poco tempo si trasformò in un fulcro di ricchezza culturale che caratterizzò il Salento. Grazie a Carlo Quinto nel Salento, si respira aria nuova, era arrivato il periodo del Rinascimento Salentino.<br><br> ' +
				'	A Lecce vennero edificati il Castello, le Mura di cinta, un arco di Trionfo, costruito per ricordare Carlo V (oggi questo monumento viene chiamato Porta Napoli) e l’ Ospedale dello Spirito Santo.<br><br> ' +
				'	Durante il periodo spagnolo, Lecce venne considerata un importante centro artistico e culturale, subito dopo Napoli. In questo periodo Lecce si arricchì di stupendi edifici e monumenti in arte Barocca, la città aveva cambiato il suo essere, era diventata un punto di riferimento per l’ arte nel panorama nazionale. In questo periodo, vennero edificate le chiese di S. Teresa, S. Chiara, S. Angelo, il palazzo dei Celestini e la splendida piazza Duomo, il punto in cui si concentrano numerosi monumenti armoniosamente legati da un solo stile, il Barocco. In piazza Duomo infatti possiamo ammirare il Duomo, lo stupendo campanile, il Seminario ed il Palazzo Vescovile.<br><br> ' +
				'	Nel 1592 in Piazza S. Oronzo venne costruito il Sedile, chiamato anche con il nome di Seggio, ed intorno al 1660 venne portata la colonna di S. Oronzo.<br><br> ' +
				'	Nel 1821 Lecce mandò un esercito per opporre resistenza agli Austriaci durante i moti carbonari. Dopo l’ unità, Lecce tra il 1895 e il 1915 si sviluppò ulteriormente, e partì in questo periodo una serie di progetti atti a realizzare numerose opere pubbliche, e si iniziò a costruire fuori le mura di cinta della città. Nel 1927 la provincia di Lecce venne staccata da quella di Taranto e Brindisi, da qui parte un percorso indipendente di crescita culturale ed economica non indifferente per la città di Lecce e per il Salento. Lecce durante questo percorso nella storia, ha acquistato oggi importanza e bellezza artistica paragonabile alle più importanti città d’Italia.<br> ' +
				' </div> ' +
				' <br> ' +
				/*' <div style="position:relative; font-family:Times New Roman; font-size:150%; text-align:left; color:#b71; background:url(./img/bg/10.png);"> ' +
				'	&nbsp;● Luoghi da visitare ' +
				' </div> ' +
				' <div style="position:relative; background:url(./img/bg/10.png);"> ' +
				'	<ul> ' +
				'		<li>La Cattedrale.</li> ' +
				'		<li>La Piazza della Libertà.</li> ' +
				'		<li>La Colonna delle Anelle.</li> ' +
				'		<li>Pieve di San Donato in Polenta.</li> ' +
				'		<li>Il Centro dell’Arredo Liturgico e del Costume Religioso.</li> ' +
				'	</ul> ' +
				'	“All’aria aperta e dintorni: da non perdere...”<br><br> ' +
				'	Passeggiate nel nucleo storico medioevale di Bertinoro, con camminata estensibile al nuovo parco ' +
				'	“Giardino dei Popoli” ed alla Rocca (per alcuni secoli sede vescovile, ora sede universitaria). ' +
				'	Passeggiate nello stupendo parco delle Terme di Fratta, di epoca romana.<br> ' +
				'	Cicloturismo: strada panoramica dei colli bertinoresi.<br> ' +
				'	Maneggio ANTE presso la fattoria “Fabbrona” nel Rio Salso (Fratta Terme).<br><br> ' +
				'	Nuoto e attività sportive in acqua presso la piscina scoperta di Fratta Terme (Centro Sportivo) ' +
				' </div> ' +*/
				' <br><div style="position:relative; height:44px; background:url(./img/session/our_house/title_bg_1.png); repeat-x"></div><br> ' +
				' <div style="position:relative; font-family:Monotype Corsiva; font-size:250%; text-align:center; color:#292; background:url(./img/bg/10.png);"> ' +
				'	Basilica di Santa Croce ' +
				' </div> ' +
				' <br> ' +
				' <div style="position:relative; background:url(./img/bg/10.png);"> ' +
				'	<img align="left" src="./img/session/our_house/lecce_basilica.jpg" style="display:block; margin:auto; margin-right:3%; margin-bottom:3%; width:42%;"> ' +
				'	La Basilica di Santa Croce è una tra le chiese più rilevanti e ammirate di Lecce, ma ha avuto dei natali un po’ travagliati. ' + 
				'	La prima pietra fu posta nel lontano 1353 ma la sua costruzione si interruppe quasi subito a causa della morte del suo mecenate, Gualtiero Di Brienne. ' +
				'	I lavori ripresero solo nel 1549 ad opera dei più importanti architetti salentini dell’epoca: ' +
				'	Gabriele Riccardi, Giuseppe Zimbalo e Cesare Penna, appoggiati nell’esecuzione dai maggiori maestri scalpellini e intagliatori della zona di Lecce. ' +
				'	La Chiesa di Santa Croce fu terminata solo nel 1699 e porta su di se i segni del passaggio di questo lungo lasso di tempo. ' +
				'	Basti osservare la facciata principale, un organismo plastico complesso, che presenta accostati elementi tipici del Rinascimento Cinquecentesco ad esuberanti fantasie barocche, ' +
				'	il tutto in un armonioso complesso architettonico di innata bellezza e di grande prestigio per arte barocca del Salento. ' +
				'	Gabriele Riccardi completò nel 1582 l’ordine inferiore della facciata. ' +
				'	Delimitata in alto con una trabeazione decorata con telamoni umani e felini, questa parte del prospetto è caratterizzata dalla suddivisione degli spazi per mezzo di sei colonne liscie. ' +
				'	Qualche anno dopo, nel 1606, spettò a Francesco Antonimo Zimbalo la realizzazione del portale maggiore che, con la sua doppia coppia di colonne corinzie e con in alto lo stemma di ' +
				'	Filippo III di Spagna, attorniato da quello di Maria d’Enghien sulla sinistra e di Gualtiero VI di Brienne Duca di Atene sulla destra, condiziona fortemente lo spazio circostante. ' +
				'	Sulle due porte laterali, invece, vi sono gli stemmi di Santa Croce e dell’Ordine dei Celestini, il cui convento affianca e prolunga la chiesa.<br> ' +
				'	<br> ' +
				'	Nella parte superiore della facciata, subito dopo la trabeazione, una fila di cariatidi sorregge la balaustra decorata con tredici putti abbracciati, ' +
				'	simbolo del potere temporale e spirituale della Chiesa Cattolica, mentre ai lati estremi si ammirano le statue della Fede e della Carità. ' +
				'	L’elemento di maggior pregio dell’ordine superiore è il raffinato rosone barocco, tra i più pregevoli, raffinati ed eleganti che la storia dell’arte moderna possa ricordare. ' +
				'	Il rosone, turbinio di foglie d’acanto e cerchi decorati finemente, è incorniciato da due colonne corinzie e affiancato da nicchie con le statue di San Benedetto e San Celestino, ' +
				'	solo la sua presenza valorizza e esalta l’interno organismo architettonico, innalzandosi a simbolo del Barocco di Lecce. ' +
				'	Nel complesso, le trionfali decorazioni del frontale di Santa Croce sono l’interpretazione figurativa mai banale e scontata di elementi simbolici ben precisi come fiamme, ' +
				'	leoni, pellicani, melograni, che si combinano in un disegno morbido e lieve capace di accostare senza sforzo immagini pagane e cristiane, alternate a fiori, ' +
				'	festoni, animali, angeli, insegne, stemmi e le sfere con la croce. L’assetto interno originario della chiesa a tre navate oggi risulta poco visibile a causa della aggiuntadelle cappelle avvenuta nel Settecento.<br> ' +
				'	<br> ' +
				'	La navata centrale, molto più alta rispetto alle alterali, termina in fondo con un’abside polilobata con copertura a raggiera e in alto con un soffitto a cassettoni dorati. ' +
				'	Sui muri finali del presbiterio gli altari della Trinità e di S.Francesco di Paola, da un lato, e l’altare della Croce opera di Cesare Penna, dall’altro. ' +
				'	Partendo da destra troviamo in successione diciassette altari, il primo è l’altare che accoglie la tela di Sant’Antonio con l’apparizione del Bambino, seguono un affresco del XVI secolo con la Madonna di Costantinopoli, ' +
				'	una tela con la Natività, le raffigurazioni di San Michele Arcangelo, San Filippo Neri e S. Antonio da Padova, un quadro di S. Oronzo e la rappresentazione panoramica di Lecce che rappresenta un ex-voto del 1743, ' +
				'	realizzato in seguito ad un terribile terremoto che colpì la provincia salvando miracolosamente la città, per concludere una raffigurazione del Sacro Cuore di Gesù, arricchito da una croce in legno e dallo scenario del Monte Calvario e un dipinto ligneo della Trinità. ' +
				'	In fondo alla navata centrale, si può ammirare il raffinato altare maggiore incorniciato da un maestoso portale con in alto lo stemma della famiglia Adorni, che negli spazi di Santa Croce aveva un tempo la sua tomba privata, mentre altri monumenti degni di nota sono: ' +
				'	il monumento funebre all’abate del Convento dei Celestini, Mauro Leopardo, i due dipinti raffiguranti la Madonna col Bambino e la Visitazione di Maria ad Elisabetta, l’altare di San Francesco di Paola, dove sapientemente l’autore, ' +
				'	Francesco Antonio Zimbalo, seppe mettere in armonia le decorazioni scultoree a rilievo dello sfondo con le forme perfette della statua a tutto tondo del santo, realizzando, inoltre, nel 1614, come elementi conclusivi dell’insieme, ' +
				'	dodici formelle disposte sullo sfondo, rappresentanti scene tratte dalla vita e dai miracoli del santo.Allo stato attuale, purtroppo, sono visibili i segni degli atti di vandalismo che hanno deturpato alcune delle figure rappresentate.<br> ' +
				'	<br> ' +
				/*'	<ul> ' +
				'		<li> ' +
				'			Rocca medioevale (2° metà del XIV secolo), tra le meglio conservate della Romagna, a forma rettangolare con quattro torrioni circolari, e splendido camminamento di ronda. ' +
				'		</li> ' +
				'		<li> ' +
				'			Museo Archeologico Civico: ambientato nei suggestivi sotterranei della Rocca, conserva le innumerevoli ed inesauribili testimonianze del sottosuolo cittadino: magnifici mosaici, sculture, manufatti in bronzo e vetro; del periodo romano, è uno dei più importanti musei dell’Emilia-Romagna. ' +
				'		</li> ' +
				'		<li> ' +
				'			La Chiesa dei Servi, con caratteristico torrione (all’interno un’ Annunciazione del Palmezzano), la Chiesa di San Rufillo ed il Santuario della Madonna del Popolo. ' +
				'		</li> ' +
				'	</ul> ' +
				' <div> ' +*/
				' <br><div style="position:relative; height:44px; background:url(./img/session/our_house/title_bg_1.png); repeat-x"></div><br> ' +
				' <div style="position:relative; font-family:Monotype Corsiva; font-size:250%; text-align:center; color:#292; background:url(./img/bg/10.png);"> ' +
				'	Duomo di Lecce ' +
				' </div> ' +
				' <br> ' +
				' <div style="position:relative; background:url(./img/bg/10.png);"> ' +
				'	<img align="left" src="./img/session/our_house/lecce_duomo.jpg" style="display:block; margin:auto; margin-right:3%; margin-bottom:3%; width:42%;"> ' +
				'	Il fulcro della vita religiosa di Lecce è collocato in piazza Duomo, nel cuore della Lecce Vecchia a due passi da Piazza S. Oronzo. ' +
				'	Piazza Duomo comprende una serie di monumenti che si affacciano tutti intorno alla splendida Piazza: la cattedrale del Duomo, i palazzi del Vescovado e del Seminario, il Campanile. ' +
				'	A causa dell’insolita posizione laterale del fronte del Duomo rispetto all’unico ingresso alla piazza, è stato sviluppato artisticamente il lato sinistro dell’edificio posto di fronte all’unica entrata nel sagrato, ' +
				'	trasformandolo nella veduta principale che accoglie i visitatori. La costruzione originaria del Duomo fu voluta dal Vescovo Formoso nel 1144, circa un secolo dopo, nel 1230, il vescovo Volturio volle eseguire alcuni lavori di ristrutturazione, ' +
				'	ma nel 1659-70 fu totalmente ripristinato dal vescovo Pappacoda, che affidò l’incarico a Gustavo Zimbalo, in quegli anni impegnato anche ad edificare lo splendido campanile ivi adiacente. ' +
				'	La facciata, dunque, che per prima si presenta ai visitatori, è artisticamente la più importante, per la sua sontuosa decorazione seicentesca. ' +
				'	Il centro visivo dell’insieme architettonico del Duomo è l’altera statua di S. Oronzo posta in alto e accompagnatavisivamente dalle edicole laterali con le statue di San Giusto e San Fortunato. ' +
				'	Solo dopo aver ammirato questo stupendo trionfo del barocco leccese, lo spettatore può spostarsi fisicamente nell’immenso spazio della piazza per scoprire passo dopo passo l’altro ingresso, ' +
				'	che sorprende di primo impatto per il suo stile sobrio e raffinato, quasi a equilibrare gli sfarzi decorativi del lato sinistro della chiesa.<br> ' +
				'	<br> ' +
				'	La facciata propone attraverso la sua suddivisione degli spazi tramite le paraste scanalate, la ripartizione interna in tre navate. ' +
				'	Ad impreziosire i suoi due ordini stilistici ci sono le statue di San Gennaro, San Ludovico da Tolosa, San Pietro e San Paolo. ' +
				'	Durante il corso degli ultimi anni del Novecento, la facciata è stata valorizzata dal portale in bronzo realizzato da Manzù, che ben si armonizza con il complesso plastico scarno e lineare della superficie. ' +
				'	Lo spazio interno del Duomo, a croce latina con tre navate ripartite da maestosi pilastri rafforzati da semicolonne, è sontuosamente abbellito da ben dodici altari. ' +
				'	Dal 1685, sui tanti splendori regna sovrano lo splendido soffitto in legno a lacunari, finemente intagliato e ricoperto da una radiosa doratura che ne incornicia le tele, sapientemente eseguita da Giuseppe da Brindisi, ' +
				'	con le storie di S. Oronzo, la Predicazione, la Protezione dalla Peste e il Martirio. ' +
				'	A culmine di tanta bellezza, si ammira l’altare maggiore dedicato alla Maria Assunta, una splendida opera d’arte commissionata dal vescovo Sersale ai marmorai napoletani nel 1744, in cui si sommano armoniosamente elementi scolpiti nel marmo e altri fusi in bronzo. ' +
				'	Al centro, la preziosa e solenne tela della santa, accompagnata dalle scene del Sacrificio di Noè dopo il diluvio, il sacrificio del Profeta Elia, l’Assunta, tutte realizzate da Antonio Tiso.<br><br> ' +
				'	Il transetto custodisce l’importante altare in marmo del Crocefisso e del Sacramento voluto a suo tempo dal vescovo Sozy-Carafa, l’altare dedicato a S. Oronzo, realizzato nel 1672 da Giuseppe Zimbalo e Giovanni Andrea Larducci da Salò, ' +
				'	che contiene le reliquie del vescovo Pappacoda, l’altare intitolato all’Immacolata con la statua lignea dell’Assunta realizzata nel 1674 da Nicola Fuso e i busti dei Dottori della Chiesa, a destra: ' +
				'	S. Attanasio, San Tommaso D’Aquino, San Gerolamo, S. Ambrogio e a sinistra, San Giovanni, San Crisostomo, San Bonaventura, S. Agostino e San Gregorio. ' +
				'	Nella navata di sinistra troviamo l’altare dell’Addolorata arricchito da una tela realizzata nel 1618 dal frate-artista romano padre Gagliardi, poi a seguire l’altare di S. Giusto con la tela di G. A. Coppola del 1656, ' +
				'	l’altare di S.Carlo con il dipinto realizzato dall’artista salentino Antonio Fiore e l’ultima cappella di S.Andrea Apostolo risalente alla fine del ‘600, ' +
				'	accanto a questa lo spazio della navata è occupato dal monumento funebre al vescovo Sozy-Carafa costruito nel 1783. ' +
				'	Lungo l’altra navatatroviamo l’altare a S. Giovanni Battista del 1670, l’altare della Natività o dell’Annunziata dove lo scultore Gabriele Riccardi realizzò nel 1545 una splendida interpretazione del presepe, ' +
				'	l’altare di S. Fortunato del 1674, la cappella di S. Antonio eseguita nel 1674 da Zimbalo e, infine, l’altare di S. Filippo Neri risalente al 1690. ' +
				'	La navata centrale e il transetto formano al loro incrocio uno spazio delimitato da grandi archia tutto sesto, il loro soffitto ligneo a lacunari incornicia al suo interno le tele di Giuseppe da Brindisi rappresentanti la Predicazione di S. Dromo, ' +
				'	la Protezione dalla Peste, il Martirio di S. Dromo e l’Ultima Cena. Nella sacrestia e nella vicina sala Capitolare sono custoditi numerosi dipinti G. Domenico Catalano. ' +
				'	Negli spazi della Cattedrale del Duomo è custodito un importante e pregiato Coro in noce eseguito nel 1758 su progetto di Emanuele Manieri. ' +
				'	Attraverso due ingressi posti vicino al transetto si accede alla Cripta del Duomo di origine medievale. La cripta fu ricostruita nei primi anni del 1500. ' +
				'	La cripta presenta un corpo longitudinale contenente due cappelle barocche con dipinti che incrocia un lungo corridoio composto da novantadue colonne con capitelli decorati da figure umane.<br><br> ' +
				/*'	Luoghi ed opere: cosa vedere:<br> ' +
				'	<ul> ' +
				'		<li> ' +
				'			La Fontana Masini. ' +
				'		</li> ' +
				'		<li> ' +
				'			La Rocca Malatestiana. ' +
				'		</li> ' +
				'		<li> ' +
				'			Convento dei Capuccini. ' +
				'		</li> ' +
				'		<li> ' +
				'			La biblioteca Malatestiana. ' +
				'		</li> ' +
				'		<li> ' +
				'			Il Teatro Alessandro Bonci. ' +
				'		</li> ' +
				'		<li> ' +
				'			Sistema museale di Cesena - Dieci Musei, aperti e visitabili. ' +
				'		</li> ' +
				'	</ul> ' +*/
				' </div> ';
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function banner_click()
			{
				document.body.innerHTML +=
				' <div style="position:absolute; left:0; top:0; width:100%; height:100%;"> ' +
				'	<div style="position:absolute; left:0; top:0; width:100%; height:100%; opacity:.6; background:#000000;"></div> ' +
				'	<div style="border:4px solid #33AAEE; position:absolute; left:20%; top:20%; width:60%; height:24%; opacity:1; text-align:center; overflow-x:hidden; overflow-y:auto; background:#EEEEEE;"> ' +
				'		Copia e incolla nel tuo sito il seguente codice:<br><br> ' +
				'		&lt;a href="http://www.seijakuryu.it" target="_blank"&gt; ' +
				'			&lt;img src="http://www.seijakuryu.it/banners/banner_1.png" name="www.seijakuryu.it" alt="www.seijakuryu.it" title="www.seijakuryu.it"&gt; ' +
				'		&lt;/a&gt;<br><br> ' +
				'		<input type="button" value="Chiudi" style="cursor:pointer;" onClick="document.body.removeChild(this.parentNode.parentNode);"> ' +
				'	</div> '
				' </div> ' ;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
			function link_click()
			{
				document.body.innerHTML +=
				' <div style="position:absolute; left:0; top:0; width:100%; height:100%;"> ' +
				'	<div style="position:absolute; left:0; top:0; width:100%; height:100%; opacity:.6; background:#000000;"></div> ' +
				'	<div style="border:4px solid #33AAEE; position:absolute; left:20%; top:20%; width:60%; height:20%; opacity:1; text-align:center; overflow-x:hidden; overflow-y:auto; background:#EEEEEE;"> ' +
				'		Copia e incolla nel tuo sito il seguente codice:<br><br> ' +
				'		&lt;a href="http://www.seijakuryu.it" target="_blank"&gt;&lt;b&gt;Seijakuryu&lt;/b&gt;&lt;/a&gt;<br><br> ' +
				'		<input type="button" value="Chiudi" style="cursor:pointer;" onClick="document.body.removeChild(this.parentNode.parentNode);"> ' +
				'	</div> '
				' </div> ' ;
			}
			<!-- ------------------------------------------------------------------------------------------------------------- -->
		</script>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
	</head>
	<!-- ------------------------------------------------------------------------------------------------------------------------------------- -->
	<body style="border:0px solid blue; padding:auto; margin:auto; background:url(./img/body_bg_1.png) center center repeat-x;" onLoad="index_resize();">
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<div style="border:0px solid red; position:relative; height:22%; overflow:hidden; z-index:-1;">
			<img src="./img/sky_1.png" style="position:absolute; left:0; bottom:0; width:100%; z-index:-1;">
		</div>

		<img src="./img/green_top.png" style="position:absolute; right:1.2%; top:0; height:40%; opacity:.6; z-index:-1;">
		<img src="./img/green_bottom.png" style="position:absolute; left:0; top:20%; height:80%; opacity:.7; z-index:-1;">
		<img src="./img/logo_1.png" style="position:absolute; left:0; top:0; height:26%; cursor:pointer; z-index:0;" onClick="menu_click(document.getElementById('s_m_01'), null);">

		<div style="border:0px solid green; position:relative; height:75%; overflow:normal; z-index:0;">

			<div style="border:0px solid green; position:relative; float:left; height:100%; overflow:visible;">
				<div style="border:0px solid magenta; position:relative; height:42%; font-size:120%;">
					<object type="application/x-shockwave-flash" data="./sound_player/sound_player.swf" style="border:0px solid red; position:absolute; left:4%; bottom:4%; width:30px; height:14px;">
						<param name="movie" value="./sound_player/sound_player.swf"/>
						<param name="wmode" value="transparent"/>
						<param name="scale" value="exactfit"/>
						<param name="quality" value="high"/>
					</object>
				</div>
				<div id="side_menu" style="border:0px solid green; position:relative; height:58%; font-size:140%; font-weight:bold; z-index:2;">
					<div id="s_m_01" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;Home
					</div>
					<div id="s_m_02" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;Contatti
					</div>
					<div id="s_m_03" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;Le camere
					</div>
					<div id="s_m_04" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;Dove siamo
					</div>
					<div id="s_m_05" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;Foto gallery
					</div>
					<div id="s_m_06" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;Prenota ora
					</div>
					<div id="s_m_07" class="" style="border:0px solid cyan; position:relative; margin-top:2.8%; margin-left:2%; height:12%; line-height:180%; white-space:nowrap; cursor:pointer; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF; color:#7e4700;" onMouseOver="s_m_over(this);" onMouseOut="s_m_out(this);" onClick="menu_click(this, null, true);">
						<img id="s_m_i" src="./img/flower_1.png" style="display:block; float:left; height:100%;">&nbsp;La nostra casa
					</div>
				</div>
			</div>

			<div style="border-left:2px solid goldenrod; position:relative; float:right; height:100%; width:14%; overflow:hidden; text-align:center; z-index:1;">
				<div id="news_div" style="border:0px solid red; position:relative; margin:0 1%; height:100%; overflow:auto;"></div>
			</div>

			<div style="border:0px solid gold; position:relative; height:100%; overflow:hidden; z-index:0;">
				<div id="main_div" style="border:0px solid red; position:relative; margin-left:4%; height:100%; overflow:auto;">
					<div style="position:relative; padding:2%; font-family:Monotype Corsiva; font-size:160%; line-height:180%;">
						<div style="border:0px solid silver; position:relative; float:right; margin-left:2%; margin-right:0; margin-top:2%; padding-top:30%; width:48%; cursor:pointer;" onClick="menu_click(document.getElementById('s_m_01'), null);">
							<img src="./img/logo_1.png" style="position:absolute; left:0; top:0; width:100%; height:100%;">
						</div>
						Situato nel <b>centro storico di Lecce</b>, simbolo del barocco e dell'intero Salento, <a class="hd">Fjore di Lecce</a> nasce come una struttura moderna, inserendosi armoniosamente nella tradizione caratterizzante di questa città.<br><br>
						In grado di offrire il massimo in confort e servizi, senza rinunciare alla comodità di stare a due passi dai principali <b>siti turistici</b> e dall'area <b>shopping</b> della città.
						Con la nostra esperienza e professionalità vi garantiamo un soggiorno piacevole alle pari dei migliori Hotel ed Alberghi di Lecce.<br>
					</div>
				</div>
			</div>

		</div>

			<!-- Inizio Codice ShinyStat -->
			<a href="http://www.shinystat.com/it" target="_top">
				<img src="http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=fdlitsns" alt="Contatore accessi gratuito" border="0" style="display:block; margin:auto; margin-top:.2%; height:2.5%; opacity:.8;" />
			</a>
			<!-- Fine Codice ShinyStat -->
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
		<script defer="defer" type="text/javascript">
			initialize();
			index_resize();
			build_session();
		</script>
		<!-- ------------------------------------------------------------------------------------------------------------------------- -->
	</body>
	<!-- ------------------------------------------------------------------------------------------------------------------------------------- -->
</html>