body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	}
	
td {
	vertical-align: top;
	}



/* -- 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_small {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	}
	
.nuovahome_titolo-appartamento {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
    color:#FFCC66;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px;
	}
	
.nuovahome_dettagli-appartamento {
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
    color:#FFFFFF;
	padding:4px;
	}
	
ul {
	list-style-position:inside;
	padding-left:10;
	margin: 0;
	}
	
	ul.home {
   		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
    	color:#666;
		padding-left:20;
		}
	
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;
	}



/* -- LAYOUT ------------------------------- */


#nuovahome_container { 
	width:100%;
	margin:0;
	text-align:left;
	background:#CCC;
	}
	
#nuovahome_min-width {
	width:787px;
	height:1px;
	}


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

#nuovahome_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;
	}

#nuovahome_logo {
	background-image: url(../immagini/1-logo-framesx.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 300px;
	float:left;
	margin:0;
	border:0;
	padding:0;
	}
		
#nuovahome_header-foto1 {
	background-image: url(../immagini/1-foto.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 190px;
	float:right;
	}
		
#nuovahome_contenitor-foto_e_lingue {
	height: 86px;
	width: 294px;
	float:right;
	clear:right;
	}
		
#nuovahome_header-foto2 {
	background-image: url(../immagini/1-foto2.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 294px;
	float:right;
	}
		
#nuovahome_header-foto3 {
	background-image: url(../immagini/1-foto3.jpg);
	background-repeat: no-repeat;
	height: 43px;
	width: 294px;
	float:right;
	}
	
#nuovahome_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;
		}	
		
#nuovahome_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;
		}
		
/* -- FRAME SX (ricerca hotel) ----- */

#container-framesx-300 {
	float: left; 
	width: 300px;
	height: 100%;
	padding: 0;
	margin: 0;
	background:#CCC;	
	}
	
#framesx-300-top {
	float: left;
	width: 300px;
	height: 48px;
	background-image: url(../immagini/framesx-300-top.gif);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	line-height:40px;
	}
	
#framesx-300-bottom {
	float: left; 
	width: 300px;
	height: 43px;
	background-image: url(../immagini/framesx-300-bottom.gif);
	background-repeat:no-repeat;
	}
	
#framesx-300-content {
	float: left; 
	width: 300px;
	height: auto;
	background-image: url(../immagini/framesx-300-sfondo.gif);
	background-repeat:repeat-y;
	}
	
.tab-framesx-300 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align:right;
	padding:4px;
	}
	
.tab-guest {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	text-align:left;
	}
	
#framesx-300-boxCode { 
	width: 148px;
	height: 66px;
	background-image: url(../immagini/framesx-300-boxCode.gif);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:4px;
	}
	
#framesx-300-boxPreferiti { 
	width: 110px;
	height: 66px;
	background-image: url(../immagini/framesx-300-boxPreferiti.gif);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:4px;
	}
	
.framesx-300-mete {
	background-color:#CCC;
	width:280px;
	height:auto;
	margin:0 auto;
	vertical-align:middle;
	padding: 0 10 0 10;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}	
	

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

#nuovahome_content {
	/*float:left; _________se lo metto si sminchia tutto su Firefox!__________*/
	width:100%;
	height:100%;
	border:none;
	margin:0;
	padding:0;
	overflow:hidden;  /*fixing IE's "Float Drop" bug */
	}
	
#nuovahome_content-centro {
	width:auto;
	background-color:#F0F7FA;
	background-image: url(../immagini/centro-cornice.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
	overflow:hidden;
	}
	
.content-sfondo {
	background-color: #F0F7FA;
	}
		
.content-width-10 {
	height: auto;
	width: 10px;
	}
		
.cornice-foto {
	border: 2px solid #CCCCCC;
	margin: 4px 10px 4px 10px;
	}	
	
.cornice-preferiti-framesx {
	border: 0;
	margin-top:10px;
	}
	
	
/*____ NEWS (COLONNA DX) _________*/
	
	.content-dx {   
		width:300px;
		background-color:#F0F7FA;
		background-image:url(../immagini/corner300.gif);
		background-repeat:no-repeat;
		background-position:right top;
		}
	
	.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;
		}
		

/* -- 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:#FFF;
} 

#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;
}



/* -- Tabella home offerte ----- */

.tab-offerte {
	width:100%;
	margin:10px 10px 0 10px;
	}
	


/* -- 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;
	/*filter:alpha(opacity=50); 
	-moz-opacity:.5; 
	opacity:.5;*/
	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;
	}
	
select.city {
	width:150px;
	background-color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #666666;
	text-align:left;
	}
	
select.guests {
	width:100px;
	background-color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bolder;
	color: #666666;
	text-align:left;
	margin-top:14px;
	}

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;
	}
	
.button-framesx-300 {
	color:#ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	background-color: #666666;
	text-align: center;
	border: #FFFFFF 1px solid;
	padding:6;
	}
	
/*.button-centrale {
	color:#ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform:uppercase;
	background-color: #FCB345;
	text-align: center;
	padding:6 12 6 12;
	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: right; 
	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;
}