/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/
.haccordion{
padding: 0;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}
.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 255px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 260px;  /*For users with JS disabled: Height of each content*/
background-color: rgba(240,255,240,0.9);
}
.haccordion li .hpanel.open img{float:left; padding-right:8px; width:400px; height:250px;}
.haccordion li .hpanel.closed img{float:left; padding-right:8px; width:400px; height:250px; opacity:.5;filter:alpha(opacity = 50);}
.haccordion li #c0.hpanel.open .info{display:block;position:absolute;top:155px;left:5px;width:390px;height:75px;padding:20px 5px 0 5px;background:rgba(255, 255, 255, 0.7) url(images/stile1/opacity-50-white.png) repeat;} 
.haccordion li #c0.hpanel.closed .info{display:block;position:absolute;top:155px;width:73px;height:90px;padding:5px 5px 0 5px;background:rgba(255, 255, 255, 0.2) url(images/stile1/opacity-50-white.png) repeat; overflow:hidden;} 
.haccordion li  #c1.hpanel.open .info{display:block;position:absolute;top:155px;left:93px;width:390px;height:75px;padding:20px 5px 0 5px;background:rgba(255, 255, 255, 0.7) url(images/stile1/opacity-50-white.png) repeat;} 
.haccordion li  #c1.hpanel.closed .info{display:block;position:absolute;top:155px;width:73px;height:90px;padding:5px 5px 0 5px;background:rgba(255, 255, 255, 0.2) url(images/stile1/opacity-50-white.png) repeat; overflow:hidden;} 
.haccordion li #c2.hpanel.open .info{display:block;position:absolute;top:155px;left:181px;width:390px;height:75px;padding:20px 5px 0 5px;background:rgba(255, 255, 255, 0.7) url(images/stile1/opacity-50-white.png) repeat;} 
.haccordion li #c2.hpanel.closed .info{display:block;position:absolute;top:155px;width:73px;height:90px;padding:5px 5px 0 5px;background:rgba(255, 255, 255, 0.2) url(images/stile1/opacity-50-white.png) repeat; overflow:hidden;} 
.haccordion li #c3.hpanel.open .info{display:block;position:absolute;top:155px;left:269px;width:390px;height:75px;padding:20px 5px 0 5px;background:rgba(255, 255, 255, 0.7) url(images/stile1/opacity-50-white.png) repeat;} 
.haccordion li #c3.hpanel.closed .info{display:block;position:absolute;top:155px;width:73px;height:90px;padding:5px 5px 0 5px;
background:rgba(255, 255, 255, 0.2) url(images/stile1/opacity-50-white.png) repeat; overflow:hidden;}
.haccordion li .hpanel.closed  .intro{display:none;}
.haccordion li .hpanel.open .info span.main-title{display:block;width:400px;height:36px;padding:10px 5px 0 5px;font-size:2.9em;color:#800;font-weight:bold;}
.haccordion li .hpanel.open .info span.main-title:hover{color:#C00; text-decoration:none;}
.haccordion li .hpanel.open .info a:link{text-decoration:none;}
.haccordion li .hpanel.closed  .info span.main-title{display:none;}
.haccordion li .hpanel.open .info span.main-title.small{display:none;}
.haccordion li .hpanel.closed .info span.main-title.small{display:block;width:36px;height:36px;padding:15px 5px 0 5px;font-size:x-small;color:rgb(51, 51, 51);font-weight:bold;}
/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.haccordion li #c0.hpanel.closed .info{display:none;}
.haccordion li #c1.hpanel.closed .info{display:none;}
.haccordion li #c2.hpanel.closed .info{display:none;} 
.haccordion li #c3.hpanel.closed .info{display:none;}
} 

/*
.haccordion li .hpanel.closed  span.arrow{display:block; width:28px;height:18px;padding:2px 2px 1px 1px;font-size:1.2em;color:#090;font-weight:bold; background:rgba(255, 255, 255, 0.9) url(images/stile1/drawer-arrow-left-hover.png) 0px 0px transparent repeat;} 
.haccordion li .hpanel.open .info span.arrow{display:none;}
*/