/* CSS Document */

/*stili per il layout fisso con background  ---------- INIZIO - LIVELLO GENERALE-------*/
html,body{margin: 0;padding:0}
/*body{font-family: arial,sans-serif;font-size: 76%;text-align:center}*/
body{	
	background: url(bg123.gif);
	color: #597560;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
}
a{ color: #597560; text-decoration: none}
a:hover{color: #00CC66; text-decoration: none}
/*
*/
h1,h2{margin: 0; padding:0}
h1{padding-left: 0.5em; font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
h1,h2,h3,h4 { color: #597560; text-decoration: none ; text-align: left;}
hr{ color:#00CC66; text-decoration:none; text-align: left;}
/*stili per il layout fisso con background  ---------- FINE - LIVELLO GENERALE-------*/

/*stili per il layout fisso con background  ---------- INIZIO -  I LIVELLO -------*/
div#container { background-color: #fff; color: #597560; width: 60em;margin: 0 auto; 
 /*   border-left: 2px solid #ccc; border-right: 2px solid #ccc;*/}
div#container ul{list-style-type: none; margin: 0; padding: 0;}
div#container  li{float:right; margin: 0 2px 0; padding: 0;}	  
div#container  {width: 930px; margin: 0 auto; text-align: left;
    border-left: 0px solid #36c; border-right: 0px solid #36c;
    background: url(container.png) repeat-y top right; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px}
div#container2{background: url(3leftcol.jpg) repeat-y top left;/*background: url(border.png) repeat-y top right;*/text-align: left
}
/*stili per il layout fisso con background  ---------- FINE - I LIVELLO ------*/ 

/*stili stili per :  header - navigation (laterale dx o sx ) - content -  footer -  ---------- INIZIO -  II LIVELLO -------*/ 
 
div#header {/*  background-color: #000000 */ ;   background-image: url(tramonto3.jpg);width : 922px; margin-left: 3px; border-bottom: 3px solid #00CC66; font:80% Verdana,Arial,sans-serif; } 
div#header a{color: #fff;text-decoration: none}
div#header a:hover{color: #00CC66; text-decoration: none}

div#header .multi ul,div#header .multi li{margin:0;padding:0;list-style:none}

div#header .multi{width: 100%; overflow: hidden;  /* simple clearing of floats */
    padding: 1em 1;margin:1em 1;
    line-height: 1.5;
    background-image: url(tramonto5.jpg);}

div#header .multi h3{font:110% "Trebuchet MS",Arial,sans-serif;
    margin: 0.1em 0;color: #FFF; /* #FFFF66;*/
   /* border-bottom:1px dotted #FFFF66*/}
div#header .multi ul,div#header .multi li{margin:0;padding:0;list-style:none}

div#header .multi div{float:right;width:18%;
    margin-left: 1.7%;display: inline;}

div#header .multi li{border-bottom:1px   #777}

div#header .multi a{display:block;color: #E6F5FC;
    height: auto !important;height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;padding-left:12px;
   /* background: transparent url(flower.png) no-repeat center left*/}

div#header .multi a:hover{background-color: #393947;color:#FFF}
	
/*stili specifici per il layout*/
/* div#colsx{float: left;width: 160px;\width:100px;w\idth:160px;padding: 1em 0 0 10px} */
div#coldx{float: right; width:  140px;\width:100px;width:140px;padding: 1em 5px}
div#coldx ul.icon2,ul.icon3 li{list-style: none;margin: 0;padding: 0}
div#coldx ul.icon3 {width:30em}
div#coldx ul.icon3 li{padding: 6px 0 6px  8px;line-height: 1.4em;
    background: url(0159_flobullet.png) no-repeat 0 0.7em;text-align: justify	;  
    margin: -6px 0 0}
	
div#content { margin: 0 100px;padding: 1em 5px; }
div#content   p { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em; 
	text-align: justify	; 
	margin-bottom: 10px;
	 }
div#content-nav  { margin: 0 100px;padding: 1em 5px; }
div#content-nav   p { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em; 
	text-align: justify	; 
	margin-bottom: 10px;
	width:45em}
	
div#content-news{ width: 680px; margin: 0 80px;padding: 1em 5px; }
div#content-news  p { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em; 
	text-align: justify	; 
	margin-bottom: 10px;}

div#content-gallery{ width: 900px; margin: 0 0px;padding: 1em 5px; }

div#content-relazione {width: 700px; margin: 0 100px;padding: 1em 5px}
div#content-relazione  p { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em; 
	text-align: justify	; 
	margin-bottom: 10px;
	}

div#content ul.icon,ul.icon li{list-style: none;margin: 0;padding: 0}
div#content ul.icon{width:40em}
div#content ul.icon li{padding: 6px 0 6px  14px;line-height: 1.4em;
    background: url(8-em-check.png) no-repeat 0 0.7em;text-align: justify	;  
    margin: -6px 0 0}

div#content ul.icon2,ul.icon2 li{list-style: none;margin: 0;padding: 0}
div#content ul.icon2{width:50em}
div#content ul.icon2 li{padding: 6px 0 6px  14px;line-height: 1.4em;
    background: url(bullet_go.png) no-repeat 0 0.7em;text-align: justify	;  
    margin: -6px 0 0}
	
div#content ul.icon3,ul.icon3 li{list-style: none;margin: 0;padding: 0}
div#content ul.icon3{width:45em}
div#content ul.icon3 li{padding: 6px 0 10px  20px;line-height: 1.4em;
    background: url(0159_flobullet.png) no-repeat 0 0.7em;text-align: justify	;  
    margin: -6px 30px 10px}
	
div#content blockquote.1 {text-align: justify; padding: 6px 0 6px  14px}
/*div#content ul{list-style-type:none; margin: 0; padding: 0;}
div#content li{float:right; margin: 0 2px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; text-align: justify; list-style-type:circle; }*/ 

/*div#footer{clear:both; text-align:center; padding: 5px 0;
    background-color: #69c; color: #000}*/
	
/*minitabs start here*/

div#content ul.minitabs { float: left; list-style: none;margin: 1;padding: 10px 0;
  border-bottom: 0px solid  #00CC66;font-weight: bold;
  text-align: center;white-space: nowrap}
div#content ul.minitabs li{display: inline;margin: 1 1px}
div#content ul.minitabs a{text-decoration: none;padding: 0 0 10px;
  background: url(yellow.gif) no-repeat bottom center;
  color: #999}
div#content ul.minitabs   a#current,div#content ul.minitabs a:hover{
  background: url(orange.gif) no-repeat center bottom;
  color: #666}
div#content ul.minitabs a#current{color: #06F}

/*ul#gallery li{font-size:200px;height:auto}
ul#gallery, ul#gallery li{margin:0;padding:0;list-style-type:none}
ul#gallery{float:left;width:100%}
ul#gallery li{float:left;width:205px; height:200px;line-height:200px;margin:0 3px 10px 0;
    text-align:center;background:url(bk.png) no-repeat center center}
ul#gallery img{vertical-align: middle}*/

ol#gallery{
   margin: 0px 2%;
   padding: 0;
   position: relative;
   float:left;
 }
ol#gallery li{
    float: left;
    background-color: #000;
    color: #fff;
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none
	 }
ol#gallery h3{
    margin: 0;
    padding: 3px 0 16px;
    background: #000 url('film.jpg') repeat-x bottom right;
    color: #fff;
    font: 12px light arial,sans-serif;
    text-align: center
	}
	
ol#gallery a{
    display: block;
    padding: 3px 3px 16px;
    background: #000 url('film.jpg') repeat-x bottom right}

ol#gallery a:hover{
    color: #fff /*hack per i ie5.5 e le regole sotto*/
    }
 
ol#gallery a img{
    border: 2px solid #000}
	

ol#gallery a:hover img{
    border-color: #FFFFA0}

div#container .news{
	text-align:center;
	float:left;width:600px;
	padding: 0;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#footer{
	text-align:center;
	padding: 0.5em;
	background-color: #fff;
	background: url(container.png) repeat-y top right;
	color: #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#footer-2 {
	clear:right;
	text-align: center; padding: 0.5em;
	background-color: #fff;
	background: url(container.png)  repeat-y top right;
	color: #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px}
 
 /*stili per : header - navigation (laterale dx o sx ) - content -  footer -  ---------- FINE -  II LIVELLO -------*/ 
 
 /*ELEMENTI generici ,  header - navigation (laterale dx o sx ) - content -  footer -  ---------- FINE -  II LIVELLO -------*/ 
div#credits p  { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em; 
	text-align: left}
	
div#credits td {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center}   
		 
div#policy  p { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em; 
	text-align: justify	; 
	text-indent: 2.5em;
	margin-bottom: 25px}
	
div#policy  a { color:  #597560;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right	; 
	margin-bottom: 25px}
	
div#policy a:hover {
 background-color: #FFFFFF; 
color:#fff ;
text-decoration: none;
}
 
div#policy a  img{
    border-color: #FFFFFF;	} 
div#policy a:hover img{
    border-color: #FFFFFF;	}

	
div#note table { color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	}

div#note td {color: #597560;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	text-decoration:none;}

div#minipics ul{list-style-type: none;margin:0 ;padding:0}

div#minipics li{
float:left;
	background-color: #000;
    color: #fff;
    padding: 0;
	margin:0 0px 0px 0px
}

div#minipics img{border:1px solid #000}