/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;	
	line-height:18px;
	font-size:12px;
	color: #06185c; 
	background: #e6fad6 url(img_tranq/bg_tranqui.gif) no-repeat top center; 
	margin: 0; 
	padding: 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div#blocco{width: 742px;margin: 0 auto; background-image: url(img_tranq/bg_testo.gif);}

#futer{background-image:url(img_tranq/footer.png);
width:742px;
height:88px;
text-align:center; 
font-family:"Trebuchet MS", arial;
font-size:12px;
clear: both;
color:#FFFFFF;
}


/*gestione rollover chisiamo*/

#chisiamo{
margin: auto;
padding:0;
text-align:center;
background:url(img_tranq/chisiamo_off.png) no-repeat;
float: right;
}

#chisiamo img { border:none;}

#chisiamo a { display: block; }

#chisiamo a:hover img { 
display:none; 
} 

#chisiamo a:hover{ 
width:165px;
height:136px;
background:url(img_tranq/chisiamo_on.png);
}

/*gestione rollover cosaoffriamo*/

#cosaoffriamo{
margin: auto;
padding:0;
text-align:center;
background:url(img_tranq/cosaoffriamo_off.png) no-repeat;
float: right;
}

#cosaoffriamo img { border:none;}

#cosaoffriamo a { display: block; }

#cosaoffriamo a:hover img { 
display:none; 
} 

#cosaoffriamo a:hover{
width:139px;
height:136px;
background:url(img_tranq/cosaoffriamo_on.png) no-repeat;
}



/*gestione rollover gallery*/

#gallery{
margin: auto;
padding:0;
text-align:center;
background:url(img_tranq/fotogallery_off.png) no-repeat;
float: right;
}

#gallery img { border:none;}

#gallery a { display: block; }

#gallery a:hover img { 
display:none; 
} 

#gallery a:hover{
width:139px;
height:136px;
background:url(img_tranq/fotogallery_on.png) no-repeat;
}


/*gestione rollover dovesiamo*/

#dovesiamo{
margin: auto;
padding:0;
text-align:center;
background:url(img_tranq/dovesiamo_off.png) no-repeat;
float: right;
}

#dovesiamo img { border:none;}

#dovesiamo a { display: block; }

#dovesiamo a:hover img { 
display:none; 
} 

#dovesiamo a:hover{ 
width:139px;
height:136px;
background:url(img_tranq/dovesiamo_on.png) no-repeat;
}


/*gestione rollover contatti*/

#contatti{
margin: auto;
padding:0;
text-align:center;
background:url(img_tranq/contatti_off.png) no-repeat;
float: right;
}

#contatti img { border:none;}

#contatti a { display: block; }

#contatti a:hover img { 
display:none; 
} 

#contatti a:hover{ 
width:160px;
height:136px;
background:url(img_tranq/contatti_on.png) no-repeat;
}

/*spazioALTRO*/

#titolo{
margin-left: 25px;
padding:10;
text-align:left;
}

#roba{
margin-left:25px;
margin-right:25px;
text-align: justify;text-align:justify;
line-height: 25px;
font-family:"Trebuchet MS", arial;
font-size:16px;
color:#000000;
}

.testura{

}

.piede{
text-align:center; 
font-family:"Trebuchet MS", arial;
font-size:12px;
color:#FFFFFF;
text-decoration: none;
line-height: 25px;
}

.end{
text-align:center; 
font-family:"Trebuchet MS", arial;
font-size:12px;
color:#000000;
text-decoration: none;
line-height: 25px;
}

a.piede:hover   {text-decoration: underline;  }

a.end:hover   {text-decoration: underline;  }

.imgleft {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  padding: 2px;
  border-style: dotted;
  border-width: 2px;
  
}

.imgright {
  float:right;
  margin-left:10px;
  margin-bottom:3px;
  padding: 2px;
  
}

.imgtratt {
  float:left;
  margin-left:10px;
  margin-top:10px;
  margin-bottom: 10px;
  border-color:#000000;
  border-style: dotted;
  border-width: 2px;
  }
  
  .imgtratt2 {
  float:right;
   margin-left:10px;
    border-color:#000000;
  border-style: dotted;
  border-width: 2px;
  }
  
    .imgtratt3 {
	  margin-top:10px;
  margin-bottom: 10px;
  border-color:#000000;
  border-style: dotted;
  border-width: 2px;
  }

#destra {
	float: right;
	width:140px;
	color: #000;
}