/* CSS Document */
body{
background:#4b3f37;
font-family: 'Arial', Helvetica, Verdana, sans-serif;
font-size:12px;
color:#fff8de;
}
#multiple_demo { cursor:pointer; }

a.opacity:hover img {
filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
a.opacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.content{
width:900px;
margin:0 auto;
}
.act{
color:#fff8de;
}
#content{
width:896px;
margin:0 auto;
}
#content #top{
position:relative;
top:0;
}
#content #top img{
border:2px solid #9c8f85;
}
/* Top trasparente con immagini */
#box_l{
position:absolute;
top:0;
width:900px;
margin:auto;
}
#translucentbkg_l {
   width: 100%; height: 75px;     /* to match DIVs size          */
   background-color: #fff;       /* the background              */
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
	z-index: 150;    
}
#testoopaco{
   width: 75px;  height: 75px;    /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 20;                      /* place it over the other DIV */
	right:-70px;
	 top:-280px; 
   text-align:right;
 }
 #im{
	    z-index: -100;   
		height:493px;
		border:2px solid #9c8f85;		
  }
 #testoopaco img{
margin-left:5px;
margin-right:5px;
margin-top:5px;
 }
  #testoopaco ul li{
background-color: transparent;   /* transparent background      */
 }
 #content #logo{
position:relative;
top:12px;
background:url(../img/logo_black.gif) top center no-repeat;
height:60px;
z-index:20;
margin-top:0px;
}
/* Seconda parte del template */
#middle{
width:100%;
margin:0 auto;
background:url(../img/black-middle.gif) repeat-x #4b3f37;
}
#middle #content2{
width:900px;
margin:0 auto;
}
#middle #content2 #link{
}
#middle #content2 #link ul{
padding-top:14px;
text-align:center;
}
#middle #content2 #link ul li{
display:inline;
font-size:13px;
padding-left:10px;
padding-right:10px;

}
#middle #content2 #link ul li a{
color:#b6a89e;
text-decoration:none;
}
#middle #content2 #link ul li a:hover{
color:#fff8de;
}
/* Testo e titolo */
#middle #content2 #testi{
		position:relative;
	top:0;	
	width:900px;
margin:0 auto;
margin-top:20px;
}
#middle #content2 #testi h2{
font-size:16px;
font-weight:bold;
padding-top:10px;
}
#middle #content2 #testi #arch{
position:relative;
top:0;	
float:left;
width:47%;
margin:1%;
background:url(../img/sf-architettura.jpg) repeat-x #4c4038;
border:1px solid #342921;
}
/* for understanding browsers */
.container {
min-height:12em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 12em;
}
/**/


#middle #content2 #testi #arch img{
padding:1%;
float:left;
}
#middle #content2 #testi #arch p{
padding:3%;
}
#middle #content2 #testi a{
color:#b6a89e;
text-decoration:none;
}
#middle #content2 #testi a:hover{
color:#fff8de;
}
#middle #content2 #testi #title{
	position:absolute;
	top:0;
	text-align:right;
	width:170px;
	font-size:24px;
	color:#d3031c;
}
#middle #content2 #testi #txt{
		position:relative;
	top:0;	
	width:700px;
	border-left:1px solid #dfdbd8;
padding-left:10px;
text-align:justify;
margin-left:180px;
line-height:19px;
}
#middle #content2 #indirizzo{
		position:relative;
	top:0;	
	width:712px;
margin:0 auto;
margin-left:180px;
padding-top:10px;
text-align:right;
color:#b6a89e;
border-top:1px solid #dfdbd8;
}
#middle #content2 #indirizzo a{
text-decoration:none;
color:#96897f;
}
#middle #content2 #indirizzo a:hover{
text-decoration:underline;
}