/* Base Styles

----------------------------------------------- */
html{
	background-color: #fff;
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #575757;
}

acronym, abbr 	{ cursor: help;	}

img a{  border: 0px;}

img {  border: 0px;}

a:link { color: #575757; text-decoration: underline;}
a:visited {color: #575757; text-decoration: underline;}
a:active { color: #575757; text-decoration: underline;}
a:hover { color: #9D9D9D; text-decoration:underline;}

p { color: #575757; margin:0px 0px 10px 0px;}

h1, h2 { color: #575757; margin:0px 0px 20px 0px; font-size:1.7em; font-weight: normal;}
h3 { color: #575757; margin:0px 0px 5px 0px; font-size:1.4em; font-weight: bold;}
h4, h5, h6 { color: #575757; margin:0px 0px 10px 0px; font-size:0.8em; font-weight: bold;}

.grigioc { color: #9D9D9D;}

.testo { color: #575757;}

.both { clear:both;}

div.clearer {clear:left;margin:0px;padding:0px}

/* classi generiche*/
.centrale {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	clear:both;

}

#copy {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding:40px 20px 20px 0px;
	text-align:right;
	font-size:0.55em;
	color:#9D9D9D;
	clear:both;
	letter-spacing: 0.3em;  
	background: url(../img/logo_ass_arte_moderna.gif) 0% 0% no-repeat;
}

#swf { width:990px;
	padding:20px 0px 120px 0px;
	text-align:center;
	clear:both;
}

#copy2 {
	width: 990px;
	padding:0px 0px 20px 0px;
	text-align:center;
	font-size:0.55em;
	color:#9D9D9D;
	clear:both;
	letter-spacing: 0.3em;  
}

.arc {text-align:center;margin-top:30px;}
/* FINE classi generiche*/


/* INIZIO intestazione*/

#top1,#top2  { 
  float:left;
  margin:0px;
}

#top1 {
	width: 240px;
	text-align:center;	
	padding: 8px 0px 0px 0px;
	min-height: 210px;
	height: auto !important;
	height: 210px;
}

#top2 {
	width: 730px;
	text-align:right;
	padding: 47px 20px 0px 0px;
	min-height: 171px;
	height: auto !important;
	height: 171px;
	font-size:0.7em;
	letter-spacing: 0.2em;
}

#top2 .in {
	font-weight: bold;
}

#top2 a {text-decoration: none;
}

#top2 a:hover,
#top2 a:focus,
#top2 a:active{
color:#9D9D9D;
text-decoration: underline;
}

#top2 a:visited{
color:#575757;
text-decoration: none;
}

/* FINE intestazione*/

/* INIZIO centro*/

#centro1,#centro2  { 
  float:left;
  margin:0px;
  min-height: 370px;
	height: auto !important;
	height: 370px;
}

#centro1 {
	width: 175px;
	text-align:left;	
	padding: 0px 15px 0px 50px;
}

#centro2 {
	width: 730px;
	text-align:justify;
	padding: 0px 20px 0px 0px;
	font-size:0.8em;
}

#percorso {margin:118px 0px 20px 0px;padding:0; font-size: 0.8em;text-align:left; color: #9D9D9D;text-transform:lowercase;clear:both;}
#percorso a:link { color: #9D9D9D; text-decoration: none;}
#percorso a:visited { color: #9D9D9D; text-decoration: none;}
#percorso a:hover { color: #9D9D9D; text-decoration: underline;}


.meta {	width: 315px;
	text-align:left;	
	padding: 13px 0px 0px 40px;
	border-left:1px solid #DDDDDD;
	float:left;
}


.meta ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	/*For KHTML*/
	list-style: none;
}

.meta ul li {
	margin: 0px;
	padding:0px 0px 18px 0px;
	border: 0 none;
	font-size: 1.7em;
	letter-spacing:0.05em;
	
}

.meta ul li a {
	text-decoration: none;
	color:#575757;
}

.meta ul li a:hover,
.meta ul li a:focus,
.meta ul li a:active{
color:#9D9D9D;
text-decoration: underline;
}
.meta ul li a:visited {color: #575757; text-decoration: none;}


.foton {	text-align:right;	
	margin:0px 15px 15px 0px;
	float:left;
}

.fotoe {	text-align:left;	
	margin:20px 0px 0px 0px;
	clear:both;
}

.fotoe img {margin:10px 6px 0px 0px;}


ul.elenco {
  list-style:none;
  padding:0px; 
	margin: 0px;	
}

ul.elenco li {
	margin: 0px 0px 10px 0px;
	padding:10px;
	border-bottom:1px solid #DDDDDD;
	color:#575757;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

ul.elenco li a {text-decoration: none;
	color:#575757;
}

ul.elenco li a:hover,
ul.elenco li a:focus,
ul.elenco li a:active{
color:#9D9D9D;
text-decoration: underline;
}

ul.elenco li a:visited{
color:#575757;
text-decoration: none;
}

ul.elenco li img {float:left;margin:5px 10px 3px 0px;}
/* FINE centro*/


/* MENU */

ul.m1 {	margin: 0px 0px 0px 15px;
	border: 0 none;
	padding: 0;
	/*For KHTML*/
	list-style: none;
	letter-spacing:0.05em;
}

ul.m1 li, ul.m1 li.in {
	margin: 0px;
	border: 0 none;
	padding: 0;	
}

ul.m1 li a {
	display: block;
	padding:0px 0px 0px 0px;
	margin:0;
	text-decoration: none;
	font-size: 0.95em;
	color:#575757;
	font-weight:bold;	
	min-height: 33px;
	height: auto !important;
	height: 33px;

}

ul.m1 li a:hover,
ul.m1 li a:focus,
ul.m1 li a:active{
color:#9D9D9D;
text-decoration: underline;
}
ul.m1 li a:visited {color: #575757; text-decoration: none;}



ul.m1 li.in a {
	display: block;
	padding:0px 0px 0px 0px;
	margin:0;
	text-decoration: none;
	font-size: 0.95em;
	color:#A0A0A0;
	font-weight:bold;
	min-height: 33px;
	height: auto !important;
	height: 33px;
}

ul.m1 li.in a:hover,
ul.m1 li.in a:focus,
ul.m1 li.in a:active{
color:#575757;
text-decoration: underline;
}
ul.m1 li.in a:visited {color: #A0A0A0; text-decoration: none;}

/* fine MENU */


/* FORM */

.form {
	font-weight: normal;
	padding:0px;
	margin:0px 8px 10px 0px!important;
	margin:0px 4px 10px 0px;
	text-align:left;
	float:left;
}

.form input.text{
	font-weight: normal;
	margin: 2px 0px 0px 0px !important;
	margin: 2px 0px 0px 0px;
	padding:2px;
	border:1px solid #A0A0A0;
	font-family: Verdana;
	font-size: 0.9em;
	color: #575757;
}

.form .privacy {
	font-weight: normal;
	padding: 5px;
	width: 710px;
	border: 1px solid #A0A0A0;
	font-family: Verdana;
	font-size: 0.8em;
	background: #f4f4f4;
	height:150px;
	overflow-y: scroll;
	color: #575757;
	clear:both;
}
/* fine FORM */


/* galleria

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

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 8px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left}
#nextLink { right: 0; float: right}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 0.8em Verdana; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;padding:0px 0px 5px 0px}

#imageData{	padding:0 10px; color: #575757; }
#imageData #imageDetails{ width: 90%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }