*{
margin:0;
padding:0;}

html,body{margin:0;padding:0}
body{font: 10px arial,sans-serif;text-align:center; color:#999999; font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif}

p, img{margin:0 5px 5px}
a{display:block; text-decoration:none;color:#999;}
a:hover{display:block; background-color:#eaeaea;}

p.sdoppia{
width:300px;
float:left;}


a img, a:hover img{
border:0;
background-color:transparent;}

h2{
padding-top:3px;
font-size:12px;
font-family: Helvetica,Verdana, Arial, sans-serif;
font-weight:lighter;
text-transform:uppercase;
color:#FFFFFF;
line-height:15px;
}


h3, .nomeEspo{
font-size:1.6em;
font-weight:lighter;
color:#BFBFBF;
margin: 10px 5px 2px;
}

h4{
font-size:1.6em;
font-weight:lighter;
color:#BFBFBF;
margin: 0 5px;
}


.nomeEspo{
margin:0;}

#areaInfo,#infoExtra, #corpo{
width:100%;
}

#corpo .colSx{
margin-top:40px;}

.breadcrumb{
margin: 15px 0;
height:12px;
padding: 5px 0;
}

.left{
display:block;
float:left}
.right{
display:block;
float:right}

.areaTit{
color:#FFFFFF;
min-height: 18px;			/* MR.RICK */
height: auto !important;	/* MR.RICK */
height: 18px;
padding-left:8px;
background-color:#BFBFBF;
text-align:left;
position:relative;
font-size:12px;
}


.areaTit p.sx{
float:left;
margin:0;
padding:2px;
width:311px;

}

.areaTit p.dx{
position:absolute;
left:260px;
width:311px;
overflow:hidden;
}

.areaTit p.dxOne{
position:absolute;
left:260px;
width:211px;
overflow:hidden;}

.areaTit p.dxBis{
	position:absolute;
	left:360px;
	width:150px;
}

.areaTit p.dxTris{
	position:absolute;
	left:478px;
	width:150px;
}

.areaTit p a{
display:inline;
color:#fff;
text-decoration:underline;
background-color:transparent;}

.areaTit p.dxBis a:hover, .areaTit p.dx a:hover{
display:inline;
background-color:transparent;
color:#666666;}


#extra strong{
font-size:12px;
font-weight:lighter;
line-height:20px;
}

#extra p{
font-size:10px;
font-weight:lighter;
line-height:12px;
}


div#header{
	position:relative;
	height:167px;
	background-image:url(images/bg-header.jpg);
	margin-bottom:2px;}



#header h1{
	position:absolute;
	text-indent:-9999px;
	top:30px;
	left:50px;
	
}

#header h1 a{
background:url(../images/logoHP.gif) no-repeat;
width:200px;
height:50px;
display:block;
float:left;
text-indent:-9999px;}


#header h1.int{
	position:absolute;
	text-indent:-9999px;
	top:0;
	left:0;
	
}

#header h1.int a{
background:url(../images/logo-interno.jpg) no-repeat;
width:150px;
height:65px;
display:block;
float:left;
margin:0;
padding:0;
text-indent:-9999px;

}



#navigation{
margin-top:2px;
float:right;
width:316px;
height:143px;
font-size:11px;
}

ul#linkGallery{
margin-top:10px;
padding:0;
float:left;
width:157px;
text-transform:uppercase;}

ul#linkIsti{
margin:0;
padding:0;
float:right;
width:157px;}

#header ul li{
line-height:1.2;
margin:0;
list-style-type:none;}

#header ul li a{
display:block;
padding:1px 0 1px 5px;
width:152px;}

#header ul li a:hover{
color:#FFFFFF;
background-color:#999999}





#container{
	text-align:left;
	width:951px;
	margin:0 auto}

#wrapper{
	float:left;
	width:100%;
}

.colCx{
float:left;
width:316px;
margin:0 1px;
}

.duCol .colCx{
float:left;
width:633px;
margin-right:0;
text-align:center;}

.colCx #fotoHall, .colCx #contacts{
text-align:left;
margin:45px 0;
padding-left:5px;}


.colSx{
	float:left;width:316px;
	}

.colDx{
	float:left;width:316px;}

#extra, .opere{
clear:left;
width:100%}


.opere{
width:100%;
float:left;
margin:10px 0;
border-top:1px solid #ccc}

.opere h4{
padding:5px;}

.opere a img{
float:left;
margin:6px;}
	
#extra p, #extra .search{
margin:0 1px 0 0;
padding: 10px 5px;
width:306px;
display:block;
float:left;
border-top:2px solid #CCCCCC;}	


#extra a:hover p{
color:#333}

#extra p.ultimo, #extra .search.ultimo{
margin:0;
}

#footer{
border-top: 1px solid #CCCCCC;
	clear:left;width:100%}
	
#footer p{
	font-size:10px;
	margin-top:5px;
	}
	
.expo{
height:280px;
margin: 1px 0;
padding: 20px 0;
}


/*-------- TABELLE---------------*/
table{
border-collapse:collapse}
td{
width:158px;
padding: 5px 0;
}

#exhi, .organigramma{

text-align:left;
border-collapse:separate;
border-spacing:1px;
empty-cells:hide;
margin:5px;
}

.organigramma{
width:100%;
float:left;
margin: 15px 0;}

#exhi td, #exhi th, .organigramma td, .organigramma th{
padding:3px 0;
border-bottom:#999 1px solid;
}


#exhi td.anni{
width:465px;}

.organigramma td.dati{
width:450px;}

#exhi th.mini{
width:165px}

 .organigramma th.mini{
 width:165px;
}



/*-----------*/


#espo ul {
        list-style-type: none;
		
        
} 

#espo li {
      
      	width: 316px;
	
		float:left;
		margin:0 1px 0 0;
		padding:0;
		
		
			
}

#espo li strong{
height:18px;
padding:5px;
background-color:#BFBFBF;
display:block;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:lighter;
line-height:18px;
text-transform:uppercase;

}



#espo li a { 
        padding: 0;	
        display: block;
        /*height:340px;*/
		
}

 * html #espo li a {  /* make hover effect work in IE */
	width: 316;
}

#espo li a:hover {
      background-color:#F0F0F0
}

#espo a em {
font-style:normal;
display: block;
margin:20px 0;
height:180px;
}

#espo li img{
float:left;
clear:right;

}



#espo a span {
	display:block;
	clear:both;
	padding-left:5px;
}

.intestazioni_past_exhibitions{
	border-top: 1px solid #fff;
}

#past_exhibitions{
	width:33%;
	float:left;
}

#past_exhibitions ul{
	width:100%;
	list-style-type: none;
	margin: 5px 0;
}

#past_exhibitions li{
	width: 316px;
	float:left;
	height:160px;
}

#past_exhibitions li img{
float:left;}

#past_exhibitions li a{ 
	padding: 5px 0;
	display: block;
	float:left;
	width: 316px;
	/*height:130px;*/ 	/* MR.RICK */
	clear:both;		    /* MR.RICK */
}

#past_exhibitions a em  {
font-style:normal;
      display: block;
	  padding: 30px 0 35px 155px;
	
}


#upcoming ul, #artisti ul, #gallery ul {
width:100%;

list-style-type: none;
margin: 5px 0;
} 

#gallery ul {
padding-bottom:5px;}

#upcoming li, #artisti li {
	width: 316px;
	float:left;
	height:160px
}

#gallery li, #gallery li a{
width: 315px;

float:left;}

#gallery li a{
padding:315px;}


#upcoming li img, #artisti li img, #gallery li img{
float:left;
}

#upcoming li a, #artisti li a, #gallery li a  { 
	padding: 5px 0;
	display: block;
	float:left;
	width: 316px;
	clear:both;		   		 /* MR.RICK */
	min-height: 130px; 		/* MR.RICK */
	height: auto !important; /* MR.RICK */
	height:130px; 			/* MR.RICK */
}

#upcoming li a{
 height:200px;}


* html #upcoming li a, * html #artisti li a,  * html #gallery li a {  /* make hover effect work in IE */
	width: 100%;
}

#artisti li a:hover, #gallery li a:hover {
      background-color:#F0F0F0
}

#artisti a em  {
font-style:normal;
      display: block;
	  padding: 30px 0 35px 155px;
	
}

#gallery a em{
font-style:normal;
display: block;
padding: 30px 0 0 155px;
}


#artisti a span, #gallery a span {
        color: #333;
       }

.opere ul{
list-style:none}
.opere ul li{
float:left;
height:130px;}

/*****************************/




#news img{
float:left;}

.itemNews{
margin: 5px 0;
background-color:#F3F3F3;
padding: 5px 0;
width:315px;
}

.titNews, .dataNews {
padding: 1px 0 1px 60px;
}

p.dataNews {
color:#333333;
font-size:10px;}

#news .titNews a, #news .titNews a:hover {
display: inline;
}


#news .titNews a:hover{
background-color:transparent;
text-decoration:underline;}

.pagg a{
display:inline;
}

.pagg a:hover{
display:inline;
}

#notizia{
width:100%;
text-align:left;
}

#notizia img{
float:left;
margin:15px;}

#extraImg, #galleryImg{
float:right;
width:150px;

}

#galleryImg{
width:160px;
}

#extraImg img, #galleryImg img{
float:right;
}

ul#download{
list-style-type: none;
margin: 15px 0 15px 5px;
 
}

#download li{
 display:block;
 border-left:#666666 3px solid;
 margin:1px 0;
}


#download li a{
 display:block;
 padding: 5px;
}

#download li a:hover{
 display:block;
 padding: 5px;
}

input{
margin: 5px 0;
color:#999;
font-size:10px;}


select{
margin: 5px 0;
color:#999;
font-size:10px;}

.clear{
clear:both;}


.allegati{
	margin: 15px 0px 20px 0px;
	text-align:left;
}

.viscomunicato{
	font-weight: bold;
	text-decoration:underline;
}