@charset "utf-8";
body  {
	font: 100%  Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	/*background-image:url(img/bg-linee.gif);*/
	background-image:url(img/bg-grad.jpg);
	background-repeat:repeat-x;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}
.treemme #container { 
	width: 777px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #e8e5e0;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	
	
} 

.treemme #home-alto { 
	background: #252525;
	background-image:url(img/home-alto.gif);
	background-position:bottom;
	position:relative; padding-bottom:0px; padding-left:4px; padding-right:0px; padding-top:0px;
	margin: 0 auto; 
	border: 0px;
	text-align: left;
	font-size:10px;
	color:#666666;
	
	
	
}


.treemme #header { 
	background: #DDDDDD;
	position:relative; 
	padding: 0 0px 0 0px;
	margin: 0 auto; 
	border: 0px;
	text-align: left;
		
	
} 
.treemme #header h1 {
	margin: 0;
	padding: 10px 0; 
}

.treemme #bannerfoto { 
	background: #252525;
	background-image:url(img/bg-banner-foto.gif);
	background-position:bottom;
	position:relative; 
	padding: 20px 0px 0px 0px;
	margin: 0 auto; 
	border: 0px;
	text-align: left;
	height:200px;
	
	
}


.treemme #foto-banner { 
    position: relative;	
	margin: 0px 294px 0px 0px;
	border: 0px;
	text-align:right;
}
.treemme #sidebar-banner {
	float: right; 
	width: 220px; 
	background: #252525; 
	padding: 5px 30px 10px 10px;
	font-size: 11px;
	color:#ffffff;
	line-height:16px;
	text-align:justify;
	
}

.treemme #sidebar1 {
	float: right; 
	width: 225px; 
	background: #d5d1ce; 
	padding: 15px 20px;
	font-size:12px;
	font-weight:bold;
	background-image:url(img/contatti.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.treemme #sidebar h1 {
	margin: 0;
	padding: 10px 0; 
}


.treemme #mainContent { 
	position: relative;
	margin: 0 280px 0 0;
	padding: 20px 20px; 
	background-color:#e8e5e0;
	font-size:12px;
	font-weight:normal;
	line-height:18px; 
	text-align:justify;
} 


.treemme #footer { 
	padding: 0px 10px 0px 10px; 
	background:#DDDDDD; 
	height:160px; 
	background-image:url(img/bg_footer.gif);
	color:#CCCCCC;
	font-size:10px;
} 
.treemme #footer p {
	margin: 0; 
	padding: 10px 0; 
}


.treemme #footer a:link, #footer a:visited{
	color:#dd6401;	
} 

.treemme #footer2 { 
	padding: 0 10px 0 20px; 
	background:#DDDDDD; text-align:center; font-size:11px; background-color:#e8e5e0;
} 
.treemme #footer2 p {
	margin: 0; 
	padding: 10px 0; 
}

.treemme #footer2 a:link, #footer2 a:visited{
	color:#111111; text-decoration:none; font-weight:bold;
} 

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

.treemme #menu{
width: 777px;
font: 12px Arial, Helvetica, sans-serif; font-weight:bold;


}
.treemme #menu ul{
margin: 0;
padding-left: 0px;
list-style: none;
background-color:#00FF00;
}
.treemme #menu li{

display: inline;
margin: 0;

}

.treemme #menu a:link, #menu a:visited{
width:105px;
height:36px;
text-align:center;
float:left;
background: url(img/pulsante_off111.gif) center top no-repeat; 
color: #fff;
padding-top: 20px;
padding-left:6px;
text-decoration:none;
}

.treemme #menu a:hover, #menu a:focus, #menu a:active{
color: #fff;
background: url(img/pulsante_on111.gif) center top no-repeat;
background-color: #000;
}

.treemme #m02 {
	float: right; 
	width: 260px;
	padding: 20px 10px 0px 0px;
	text-align:right;
	font-size:10px;
	background: #EBEBEB; 
	
	background-image:url(img/bg-header2.gif);
	height:61px;
	position:absolute;
	right:0; top:0;
	}
	
.treemme #m02 a:link, a:visited {
    color:#FF6600;
	text-decoration:none;
	
	}	
	
.treemme #m01 { 
	margin: 0 250px 0 0;
	padding-left:10px;
	padding-top:20px;
	background-color:#e8e5e0;
	font-size:11px;
	line-height:16px;
	height:61px;
	background-image:url(img/bg-header.gif);
} 

.treemme #invia { 
	margin: 15px 10px 0px 0px;
} 

.treemme #foot1 {
	float: left; 
	width: 210px; 	
	padding: 20px 10px 10px 20px; 
}
.treemme #foot3 {
	float: left; 
	width: 240px; 	
	padding: 20px 10px 10px 15px; 
}
.treemme #foot2 { 
	float: left;
	padding: 20px 10px 10px 15px; 
	width:210px;
	
}

.treemme #foot1 img {
	float: left; margin:10px; 
}
.treemme #foot3 img{
	float: left; margin:10px;
}
.treemme #foot2 img{ 
	float: left; margin:10px;
}

.treemme #foot1 p {
	padding:10px 0px 0px 0px;
}
.treemme #foot3 p{
	padding:10px 0px 0px 0px;
}
.treemme #foot2 p{ 
	padding:10px 0px 0px 0px;
}

 
.blu{ 
   /*color:#437e99; font-size:16px; font-weight:bold;}*/
   color: #996600; font-size:16px; font-weight:bold;}
   
   .oro{ 
   /*color:#437e99; font-size:16px; font-weight:bold;}*/
   color: #996600; font-weight:bold;}

.arancio{ 
   color: #FF6600; font-size:12px; font-weight:bold;}

ul li {list-style-image: url(img/freccina.gif);}


.treemme #banner_monolocali { 
	background: #ffffff;
	background-image:url(img/banner_monolocali2.jpg);
	position:relative; 
	padding: 0px 0px 0px 0px;
	margin: 0 auto; 
	border: 0px;
	text-align: left;
	height:162px;	
}

.treemme #banner_monolocali3 { 
	background: #ffffff;
	background-image:url(img/banner_monolocali3.jpg);
	position:relative; 
	padding: 0px 0px 0px 0px;
	margin: 0 auto; 
	border: 0px;
	text-align: left;
	height:162px;	
}

.treemme #banner_firenze { 
	background: #ffffff;
	background-image:url(img/banner_firenze.jpg);
	position:relative; 
	padding: 0px 0px 0px 0px;
	margin: 0 auto; 
	border: 0px;
	text-align: left;
	height:162px;	
}


.treemme #mainContent_tutta_pagina { 
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px; 
	background-color:#e8e5e0;
	font-size:12px;
	font-weight:bold;
	line-height:18px; 
	vertical-align:text-top;
	
} 

.treemme #sidebar1_successive {
	float: right; 
	width: 205px; 
	height: 100%;
	background: #d5d1ce; 
	padding: 20px 30px;
	font-size:11px;
	font-weight:normal;
	background-repeat:no-repeat;
	background-position:top;
}
.treemme #sidebar1_successive a:link, #sidebar1_successive a:visited { color:#FF6633; font-weight:bold; text-decoration:none; 
}

.treemme #sidebar1_successive img {
	 margin:10px 0px 10px 0px; 
}

.treemme #footer_successive { 
	padding: 0px 10px 0px 10px; 
	background:#DDDDDD; 
	height:40px; 
	background-image:url(img/bg_footer.gif);
	background-position:bottom;
	color:#CCCCCC;
	font-size:10px;
} 

.treemme #riquadro {
	 
	width: 190px; 	
	padding: 10px 10px 10px 10px; 
	background-color:#e5e3e1; 
	border: solid 1px #fff;
}
.treemme #riquadro a:hover { color:#666666
}

.treemme #riquadro img {
	
	border: 0px;
}

.treemme #riquadro-bianco {
	 
	width: 160px; 	
	padding: 10px 10px 10px 40px; 
	background-color:#ffffff; 
	border: solid 1px #fff;
}

.treemme #servizi1 {
	float: left; 
	color:#937f66;
	/*width: 210px; 	
	padding: 0px 10px 10px 20px; */
	font-size:12px; font-weight:bold;
}

.treemme #servizi1 a:link{text-decoration:none; color:#937f66;}
.treemme #servizi1 a:hover{text-decoration:none; color: #FF6600;}
.treemme #servizi1 a:visited{text-decoration:none; color:#937f66;}

.treemme #servizi2 { 
	float: left;
	/*padding: 0px 10px 10px 15px; 
	width:210px;*/
	font-size:12px; font-weight:bold;
	
}

.treemme #servizi2 a:link{text-decoration:none; color:#937f66;}
.treemme #servizi2 a:hover{text-decoration:none; color: #FF6600;}
.treemme #servizi2 a:visited{text-decoration:none; color:#937f66;}

.treemme #link1 {
	float: left; 
	width: 150px; 	
	padding: 0px 10px 10px 20px; 
	font-size:12px; font-weight:bold;
}

.treemme #link2 { 
	float: left;
	padding: 0px 10px 10px 15px; 
	width:230px;
	font-size:14px; font-weight:bold; color:#003366;	
}
.treemme #link2 a:link{
	color:#003366;	text-decoration:none;
} 
.treemme #link2 a:visited{
	color:#003366; text-decoration:none;	
} 
.treemme #link2 a:hover{
	color:#FF6600; text-decoration:none;
}

.treemme #link2 p{ vertical-align:top; 
		padding: 0px 0px 60px 0px; 
	
}
.treemme #fla { 
    position:relative;
	float: left;
	padding: 20px 10px 10px 0px; 
	
}

.treemme #fla img { border:0; padding:0px;
	
}

.treemme #mappa { 
    
	text-align:right;
	padding: 10px 10px 5px 10px; 
	border: solid 1px #fff;
	width:425px;
	
}

form {
	margin-left: 0px;
	padding: 16px 16px 10px 16px;
	margin-top:50px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #f3f0eb;
}

#campi1, #campi2, #campi3{
	font-size: 16px;
	width: 75%;
	padding: 3px;
	margin-right: 0px; 
}

#campi4 {
	font-size: 16px;
	
	padding: 3px;
	margin-right: 0px; 
}



.treemme form .submit input {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 13px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: default;
	text-decoration: none;	
	margin-top: 0px;
	background-color: #cee1ef;
	
}

.treemme form .submit input:hover {
	border-color: #328ab2; color:#FF6600;
}

.treemmeform .submit { float: left; }           
.treemme form p { margin-bottom: 14px; }
.form2 p { margin-bottom: 16px; }

.link { padding: 0px 0px 20px 50px; float:left; font-size:16px; color:#003366;
	
}

.treemme #altri_servizi {
	float: left; 
	width: 410px; 
	height: 120px;	
	padding: 0px 0px 0px 0px; text-align:left; vertical-align:text-top;
}
.treemme #altri_servizi p {
	margin: 0; 
	padding: 10px 0; 
}

.treemme #altri_servizi img {
	margin: 0; 
	padding: 0px 8px 0px 0px; text-align:left;
}

.treemme #contatti  {font-weight:normal; }
.treemme #contatti a:link{color:#003366;	text-decoration:none;} 
.treemme #contatti a:visited{color:#003366; text-decoration:none;} 
.treemme #contatti a:hover{color:#FF6600; text-decoration:none;
}