body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	}
	
td {
	vertical-align: top;
	}
	
b.rtop, b.rbottom{display: block; background: #ffffff}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #D5ECF6}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}

b.rtop2, b.rbottom2{display: block; background: #ffffff}
b.rtop2 b, b.rbottom2 b{display: block; height: 1px; overflow: hidden; background: #FFCC7F}
b.rtop2 b.r4, b.rbottom2 b.r4{margin: 0 1px; height: 2px}


/* -- TESTO ------------------------------- */

p {
	color:#666666;
	font-size:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	vertical-align:top;
	padding: 10px 10px 4px 10px;
	}

h1 {
	color:#666666;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 4px 10px 4px 10px;
	vertical-align:bottom;
	}
	
	.arancio {color: #FF6600}

h2 {
	color:#666666;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	font-weight: bold;
	}
	
h3 {
	color:#666666;
	font-size:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	}
	
h4 { /* ______________________ bianco centrato tutto maiuscolo */
	color: #FFFFFF;	
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;	
	text-align: center;
	vertical-align:middle;
	}
	
h5 { /* ______________________ per il testo delle opzioni dei check */
	color:#666666;
	font-size:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 0px 0px 0px 10px;
	}
	
.titolo-arancio,
.titolo-grigio {
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 4px 10px 4px 10px;
	vertical-align:bottom;
	}
	
.titolo-arancio {
	color:#FF6600;
	}
	
.titolo-grigio {
	color:#666666;
	}
	
.titolo-bianco {
	color:#ffffff;
	font-size:14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-transform: uppercase;
	}
	
.generale {
   	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
    color:#666;
	}
	
	.generalerosso {
   	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
    color:red;
	font-weight:bold;
	}
	
	.generaleverde {
   	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
    color:green;
	font-weight:bold;
	}
		
.generale_bold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	}
	
.generale_bold2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	font-weight:bold;
	}
	
.generale_bold3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	}
	
.generale_small {
	font-size:9px;
	}
	
.titolo-appartamento {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#FF6600;
	font-weight:bold;
	padding:4px 4px 4px 4px;
	}
	
.dettagli-appartamento {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
    color:#666;
	padding:4px 4px 4px 4px;
	}
	
ul {
	padding: 0px 0px 0px 0px;
	list-style-position:inside;
	margin: 0px 0px 0px 0px;
	}
	
ul li { 
	list-style:disc; 
	}	
	
a:link,
a:active,
a:visited { 
	color:#666666; 
	text-decoration:none; 
	}

a:hover { 
	text-decoration:underline;
 	color:#FF6600;
	}

a.link-barra:link,
a.link-barra:active,
a.link-barra:visited {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-transform:uppercase;
	}

a.link-barra:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color: #999999;
	text-transform:uppercase;
	}
	
a.sxbar:link,
a.sxbar:active,
a.sxbar:visited, {
	text-decoration:none;
	}

a.sxbar:hover {
	text-decoration:underline;
 	color:#FFffff;
	}
	
a.menu-risultati:link,
a.menu-risultati:active,
a.menu-risultati:visited {
	text-decoration:underline;
	}

a.menu-risultati:hover {
	text-decoration:underline;
 	color:#FFffff;
	}

/*code {
	display: block;
	background:#edffb8 none repeat scroll 0%;
	border-color:#b2da3a;
	border-style:solid;
	border-width:1px 0;
	font-size:10px;
	overflow:auto;
	white-space:pre;
	} ----- non ho ancora capito a cosa serve ------- */



/* -- NUOVO CONTAINER -------------------- */

#nuovo_container { 
	width:100%;
	background:#f0f7fa;
	margin:0;
	text-align:left;
	background-color:#CCC;
	}
	
#nuovo_min-width {
	width:787px;
	height:1px;
	}

/* -- CONTAINER VECCHIO (POI ANDRA' CANCELLATO)---------- */

#container { 
	width:100%;
	min-width:802px;
	background:#FFFFFF;
	margin:0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border:none;
	text-align:left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	background-image: url(../immagini/sxbar-bordosx.gif);
	background-repeat:repeat-y;
	background-position:left top;
	}
	
#min-width {
	width:802px;
	height:1px;
	}


/* ------NUOVO HEADER ------*/

#nuovo_header {
	background-image:url(../immagini/1-fisarmonica.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	background-color:#5E779D;
	height:130px;
	width:auto;
	margin:0;
	border:0;
	padding:0;
	}

#nuovo_logo {
	background-image: url(../immagini/1-logo.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 300px;
	float:left;
	margin:0;
	border:0;
	padding:0;
	}
		
#nuovo_header-foto1 {
	background-image: url(../immagini/1-foto.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 190px;
	float:right;
	}
		
#nuovo_contenitor-foto_e_lingue {
	height: 86px;
	width: 294px;
	float:right;
	clear:right;
	}
		
#nuovo_header-foto2 {
	background-image: url(../immagini/1-foto2.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 294px;
	float:right;
	}
		
#nuovo_header-foto3 {
	background-image: url(../immagini/1-foto3.jpg);
	background-repeat: no-repeat;
	height: 43px;
	width: 294px;
	float:right;
	}
	
#nuovo_lingue {
	border-width: 0px 0px 0px 0px;
	border: 0px;
	height: 25px;
	width: 294px;
	vertical-align:middle;
	text-align: center;
	background-image: url(../immagini/1-foto5.jpg);
	background-repeat: no-repeat;
	float:right;
	}
	
	.td-lingue {
		height: 25px;
		text-align: center;
		vertical-align: middle;
		}	
		
#nuovo_barra-link {
	border: 0px;
	background-image: url(../immagini/fr_sfondo-barra-link.gif);
	background-repeat: repeat-x;
	clear:both;
	}
		
	.barra-link-line {
		height: 34px;
		width: 1px;
		}
		
	.barra-link-testo {
		height: 34px;
		text-align: center;
		vertical-align: middle;
		width: 124px;
		}
		
	.barra-link-100x100 {
		height: 34px;
		width:auto;
		}
		
/* -- HEADER VECCHIO (POI ANDRA' CANCELLATO)---------- */

			#header {
				background-image:url(../immagini/fr_fisarmonica.gif);
				background-repeat:repeat-x;
				background-position:bottom left;
				height:173px;
				width:auto;
				min-width:802px;
				}

			#contenitor-logo_e_ricerca {
				height: 139px;
				width: 220px;
				float:left;
				}
	
			#logo {
				background-image: url(../immagini/fr_logo.jpg);
				background-repeat: no-repeat;
				height: 110px;
				width: 220px;
				float:left;
				}		

			#logo-dx {
				background-image: url(../immagini/fr_logo-dx.jpg);
				background-repeat: no-repeat;
				height: 139px;
				width: 30px;
				float:left;
				}
		
				#header-foto1 {
					background-image: url(../immagini/fr_foto.jpg);
					background-repeat: no-repeat;
					height: 139px;
					width: 258px;
					float:right;
					}
		
				#contenitor-foto_e_lingue {
					height: 139px;
					width: 294px;
					float:right;
					clear:right;
					}
		
				#header-foto2 {
					background-image: url(../immagini/fr_foto2.jpg);
					background-repeat: no-repeat;
					height: 18px;
					width: 294px;
					float:right;
					}
		
				#header-foto3 {
					background-image: url(../immagini/fr_foto3.jpg);
					background-repeat: no-repeat;
					height: 97px;
					width: 294px;
					float:right;
					}
	
				#lingue {
					border-width: 0px 0px 0px 0px;
					border: 0px;
					height: 24px;
					width: 294px;
					vertical-align:middle;
					text-align: center;
					background-image: url(../immagini/fr_foto5.jpg);
					background-repeat: no-repeat;
					float:right;
					}

		
				#barra-link {
					border-width: 0px 0px 0px 0px;
					border: 0px;
					background-image: url(../immagini/fr_sfondo-barra-link.gif);
					background-repeat: repeat-x;
					clear:both;
					}
	


/* -- HEADER x PAGINE INTERNE (quello senza logo)-----    */

#nuovo_header-nologo {
	background-image:url(../immagini/1-fisarmonica-nologo.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	/*background-color:#fff;*/
	background-color:#5E779D;
	height:120px;
	width:auto;
	margin:0;
	border:0;
	padding:0;
	}
	
#nuovo_logo-noimg {
	height: 86px;
	width: 300px;
	float:left;
	}
	
#nuovo_bianco {
	width:100%;
	height:10px;	
	background:#FFF;
	border:none;
	float:left;
	clear:right;
	}
	
	
		
/* --- VECCHIO HEADER SENZA LOGO  (POI ANDRA' CANCELLATO) ------*/
	
			#header-nologo {
				background-image:url(../immagini/fr_fisarmonica.gif);
				background-repeat:repeat-x;
				background-position:bottom left;
				height:173px;
				width:auto;
				min-width:602px;
				}
	
			#logo-noimg {
				height: 110px;
				width: 220px;
				float:left;
				}
	
			#logo-nocolsx {
				background-image: url(../immagini/fr_logo-nocolsx.jpg);
				background-repeat: no-repeat;
				height: 139px;
				width: 220px;
				float:left;
				}
		
			#ricerca-hotel {
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bolder;
				text-transform:uppercase;
				color:#FFFFFF;
				text-align:center;
				vertical-align:middle;
				padding-top:6px;
				background-image: url(../immagini/fr_colsx-head.jpg);
				background-repeat: no-repeat;
				background-position:right top;
				height: 29px;
				width: 220px;
				float:left;
				}
	
	
/* -- NUOVO FRAMESX x PAGINE INTERNE (con logo)  ------- */

.barra-link-framesx {
	height: 34px;
	width:auto;
	border-width: 0px 0px 0px 0px;
	border: 0px;
	background-image: url(../immagini/fr_sfondo-barra-link.gif);
	background-repeat: repeat-x;
	clear:both;
	}
		
#min-width-framesx {
	width:220px;
	height:1px;
	}
	
#logo-noimg-nuovo {  /* DIV vuoto per metterci in html il jpg cliccabile del logo */
	height: 86px;
	width: 220px;
	float:left;
	}
		
#contenitor-logo_e_etichetta {
	height: 96px;
	width: 220px;
	float:left;
	}
		
#etichetta-framesx {
	background-image: url(../immagini/1-etichetta-framesx.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	background-color:#FFF;
	height: 10px;
	width: 220px;
	float:left;
	}
	
#foot-framesx {
	background-image: url(../immagini/1-framesx-foot.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	background-color:#FFF;
	height: 13px;
	width: 220px;
	float:left;
	}
	
#boxarancio {
	background-image: url(../immagini/1-boxarancio.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 217px;
	padding:0;
	margin:0;
	float:left;
	}
	
#boxarancio2 {
	background-image: url(../immagini/1-boxarancio2.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 217px;
	padding:0;
	margin:0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding-top:4px;
	float:left;
	}
	
#boxblu {
	background-image: url(../immagini/1-boxblu.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 217px;
	padding:0;
	margin:0;
	float:left;
	}
	
.nuovo_sxbar-tab-color1 {
	background-color:#FF9900;
	text-align:center;
	}
		
.nuovo_sxbar-tab-color2 {
	background-image:url(../immagini/1-boxblu-sfondo.gif);
	background-repeat:repeat-y;
	text-align:left;
	}
	
.boxblu-titolo {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-transform:capitalize;
	}
	
.boxblu-testo {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:10px;
	}
	
.preferiti-txt {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	line-height: 25px; /* serve ad allineare verticalmente il testo "i tuoi preferiti" */
	} 
	
	
/* -- Barra di sx (ricerca hotel) ----- */

#sxbar {
	float: left; 
	width: 217px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	background: #ffffff;	
	background-image: url(../immagini/sxbar-bordosx.gif);
	background-repeat:repeat-y;
	background-position:left top;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	} /*dovrebbe essere vecchia ma se la tolgo si sminchia tutto... boh. */  
	
#sxbar-220 {
	float: left; 
	width: 220px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	background: #ffffff;	
	background-image: url(../immagini/sxbar-bordo220.gif);
	background-repeat:repeat-y;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	}

	#sxbar h1, 
	#sxbar h2, 
	#sxbar p,
	#sxbar-220 h1,
	#sxbar-220 h2,
	#sxbar-220 p {
		margin-left: 10px; /* è necessario applicare un margine sinistro e destro a ogni elemento che verrà inserito nelle colonne laterali */
		margin-right: 10px;
		}	
		
	.sxbar-tab-bianco,
	.sxbar-tab-color1,
	.sxbar-tab-color2 {
		width:190px;
		height:auto;
		margin:0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
		vertical-align:middle;
		padding-left:10px;
		padding-right:10px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#666666;
		}
		
	.sxbar-tab-bianco {
		background-color:#ffffff;
		}
		
	.sxbar-tab-color1 {
		background-color:#FFCC7F;
		text-align:center;
		}
		
	.sxbar-tab-color2 {
		background-color:#D5ECF6;
		text-align:left;
		}
		
	.sxbar-tab-titoloarancio {
		background-color:#D5ECF6;
		font-family:Geneva, Arial, Helvetica, sans-serif;		
		font-size:12px;
		font-weight:bold;
		color:#FF6600;
		text-align:center;
		text-transform: uppercase;
		}
		
	

/* -- CENTRO HOMEPAGE ----- */

#content {
	/*float:left; _________se lo metto si sminchia tutto su Firefox!__________*/
	width:auto;
	height:100%;
	margin-left:0px;
	padding-left:3px;
	background-image:url(../immagini/framesx-border-dx.gif);
	background-repeat:repeat-y;
	background-position:left top;
	overflow:hidden;  /*fixing IE's "Float Drop" bug */
	}
	
	.tab-content-sx {
		width:300px;
		background-color:#F0F7FA;
		}
		
	.tab-content-bordo {
		width:auto;
		height:auto;
		background-color: #F0F7FA;
		background-image: url(../immagini/centro-cornice.gif);
		background-repeat: repeat-x;
		background-position: left top;
		vertical-align:middle;
		}
		
	.tab-content-bordo-44 {
		width:auto;
		height:44px;
		background-color: #F0F7FA;
		background-image: url(../immagini/centro-cornice.gif);
		background-repeat: repeat-x;
		background-position: left top;
		vertical-align:middle;
		}
		
	.content-corner {
		width:44px;
		height:44px;
		background-color: #F0F7FA;
		background-image:url(../immagini/corner-dx.gif);
		background-repeat:no-repeat;
		background-position:right top;
		}
		
	.content-tratteggio {
		height: auto;
		width: 2px;
		background-color: #F0F7FA;
		background-image: url(../immagini/tratteggio.gif);
		background-repeat: repeat-y;
		}
		
	.content-sfondo {
		background-color: #F0F7FA;
		}
		
	.content-width-10 {
		height: auto;
		width: 10px;
		}
		
	.cornice-foto {
		border: 2px solid #CCCCCC;
		margin: 4px 10px 4px 10px;
		}

.tab-offerte {    /* (Tabella home offerte) */
	width:100%;
	margin:10px 10px 0 10px;	
	}
	
	
	
/* -- CATEGORIE  ----- */

.tab-categorie {    
	width:640px;
	vertical-align:middle;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:#F60 1px dashed;
	margin-left:10px;
	}
	
.td-categorie {
	width:101px;
	font-size:14px;
	padding-top:6px;
	}
	
.td-sottocategorie {
	font-size:11px;
	color:#666;
	padding:0 0 0 0;
	}
	
.tab-risultati {    
	width:100%;
	vertical-align:middle;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:#F60 1px dashed;
	margin:4px 10px 4px 10px;
	}
	
.tab-dettagli-risultati {  
	width:100%;
	border:#CCC 1px solid;
	}
	
.td-testo-risultati {
	font-size:11px;
	color:#666;
	padding:10px;
	}
	
.titolo-evento {
	font-size:12px;
	color:#f60;
	font-weight:bold;
	}
	
.titoletto-evento {
	font-size:11px;
	color:#f60;
	padding-right:10px;
	padding-left:4px;
	}
	
.ceck-sottocategoria {
	height:10px;
	}
	
	
	

/* -- FOOTER  ----- */
		
#container-footer {
	float:left;
	width:100%;
	} 

#footer { 
	padding: 0 10px;
	background:#FF9900;
	background-image: url(../immagini/footer-corner.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	border-top:2px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	} 

#footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 20px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FDDAA6;
	text-align:justify;
	}

#footer p a {
	color:#FDDAA6;
	}

#footer p a:hover {
	color:#Ffffff;
	}
		

/* -- Pagina Risultati Ricerca ----- */

#container-risultati { 
	width:100%;
	background:#FFFFFF;
	border:none;
	text-align:left;
	background-image:url(../immagini/framesx-border-dx.gif);
	background-repeat:repeat-y;
	background-position:left top;
	padding:0px 0px 0px 3px;
	} 
		
#bianco {
	width:100%;
	height:20px;	
	background:#FFFFFF;
	border:none;
	float:left;
	clear:right;
	}
	
#container-menu-risultati {
	width:100%;
	height:27px;
	min-width:800px;
	border:none;
	float:left;
	clear:left;
	}
	
#menu-risultati {
	width:auto;
	height:27px;
	background-image:url(../immagini/barrainterno-sfondo.gif);
	background-repeat:repeat-x;
	background-position:right top;
	border:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	padding:2px 4px 0px 4px;
	float:left;
	}
	
#icone-menu-risultati {
	width:152px;
	height:27px;	
	border:none;
	float:left;
	}
	
#corner-menu-risultati {
	width:8px;
	height:27px;
	background-image:url(../immagini/barrainterno-corner-dx.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:none;
	float:left;
	}

#container-centro-risultati {
	width:100%;
	height:auto;
	background-color:#F0F7FA;
	float:left;
	overflow:hidden;
	}
	
.centro-risultati {
	width:auto;
	height:auto;
	background-color:#F0F7FA;
	background-image:url(../immagini/centro-cornice.gif);
	background-repeat:repeat-x;
	background-position:left top;
	}
	
.corner-centro-risultati {
	width:44px;
	height:44px;
	background-color:#F0F7FA;
	background-image:url(../immagini/corner-dx.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
	
.1-sfondo-global {
	margin:0 auto;
	padding:0;
	background-color:#F0F7FA;	
	background-image: url(../immagini/1-sfondo-biancoceleste.gif);
	background-repeat:repeat-x;
	background-position:top left;
	}
	

/* -- Pagina Scheda Appartamento ----- */

.scheda-tab {
	background-color: #D5ECF6;
	text-align: left;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:4px;
	border:solid #FFFFFF 2px;
	}

.scheda-tab-dettagli {
	background-color: #ffffff;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:4px;
	}

	td.scheda-tab-dettagli-chiara {
		background-color: #F0F7FA;
		text-align:left;
		}
		
	td.scheda-tab-dettagli-scura {
		background-color: #D5ECF6;
		text-align:center;
		}

.scheda-foto {
	border: 3px solid #FFFFFF;
}



/* -- Pagina Form di Prenotazione ----- */

#container-box-prenotazione {
	width:320px;
	height:auto;
	background-color:#FFCC7F;
	margin:10 0 10 10;
	padding:0;
	float:left;
	overflow:hidden;
	text-align:center;
	}
	
div.box-prenotazione-sup {
	width:320px;
	height:8px;
	background-image:url(../immagini/stondato-form1-sup.gif);
	background-repeat:no-repeat;
	}
	
div.box-prenotazione-inf {
	width:320px;
	height:8px;
	background-image:url(../immagini/stondato-form1-inf.gif);
	background-repeat:no-repeat;
	}
	
div.box-prenotazione-fine {
	width:320px;
	height:100%;
	background-color:#F0F7FA;
	}
	
.tab-prenotazione {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:13px;
	text-transform:none;
	text-align:left;
	padding:2px;
	}
	
.riga-chiara {
	background:#FEE7C3;
	}
	
.tab-prenotazione-titoli {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	font-weight:bolder;
	text-transform: uppercase;
	text-align:center;
	padding:4px;
	margin:10px;
	border:#9FBDDE solid 1px;
	width:95%;
	height:auto;
	}
	
.button-prenotazione {
	color:#ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FCB345;
	text-align: center;
	border:1px;
	border-style: solid;
	border-top-color: #FCB345;
	border-right-color: #CC6633;
	border-bottom-color: #CC6633;
	border-left-color: #FCB345;
	}



/* -- Pagina CONTATTI ----- */
	
#sfondo-contatti {
	height:400px;
	width:600px;
	background-image:url(../immagini/contatti-foto.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	padding:20px 10px 10px 100px;
	margin-top:20px;
	margin-left:40px;
	vertical-align:middle;
	float:left;
	}
	
	
/* -- QUERY ----- */
	
#prepage {
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#999999; 
	text-align:center; 
	position:absolute; 
	width:200px; 
	height:150px; 
	left:494px; 
	top:254px; 
	background-color:#FFFFFF;
	background-image:url(../immagini/query.gif);
	background-repeat: no-repeat;
	background-position:top;
	border:solid #FF9900 0px; 
	}



/* -- CONSIGLI ----- */

.consigli {
	color:#666;
	font-size:11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding: 2px 2px 2px 24px;
	background-image:url(../immagini/info-consigli.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:95%;
	border:#F90 solid 1px;
	margin:10px;
	}
	
	

/* -- FORM STYLES ------------------------------- */

form {	
	margin: 0;
	padding: 0;
	}

fieldset {
	border:  1px solid #afe14c;
	margin: 5px 0;
	padding: 20px 10px;
	}

/* IE6 FIX */
html fieldset { 
	position: relative; 
	margin-top:1em;  
	}
	
/* IE6 FIX */
html legend { 
	position:absolute; 
	top: -0.5em; 
	left: .5em; 
	}

fieldset.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;
	}

legend {
	font: 700 14px Arial, Helvetica, sans-serif;
	padding: 0 5px;
	margin: 0 10px;
	color: #73b304;
	}
	
select {
	width:150px;
	background-color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align:left;
	}

textarea { 
	background-color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	padding: 4px;
	margin:0px 10px 0px 10px;
	overflow:auto;
	/*  scrollbar-arrow-color: #999999;
	scrollbar-base-color: #FFCC7F;  */
	}
	
button {
	color:#ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #FCB345;
	text-align: center;
	border:1px;
	border-style: solid;
	border-top-color: #FCB345;
	border-right-color: #CC6633;
	border-bottom-color: #CC6633;
	border-left-color: #FCB345;
	}

input {
	text-align:left;
	}
	
	input.button {
		color:#ffffff;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		background-color: #FCB345;
		text-align: center;
		border:1px;
		border-style: solid;
		border-top-color: #FCB345;
		border-right-color: #CC6633;
		border-bottom-color: #CC6633;
		border-left-color: #FCB345;
		}
		
input[disabled]{ 
	border: 1px solid #ccc
	} /* FF 2 Fix */

label {
	width: 150px;
	text-align: left;
	display:block;
	margin-right: 5px;
	}



/* -- Classi varie riutilizzabili ------------------------------- */


.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}