/* CSS Document */

html,body{margin:0;padding:0}
body{font: 100% "Verdana",Trebuchet MS,Arial,sans-serif; background: #222}
h2{margin:1em 0 0 20px}
a:link {color: #000000;}
a:visited {color: #000000;}
a:active {color: #000000;}

div#header{background-color: #222}	/*sfondo intestazione di pagina*/
div#header h1{margin:0; font:Trebuchet MS; line-height:10px; margin-left:50px} /*caratteristiche testo di tipo h1 nell'intestazione*/

div#navigation{						/*tabs*/
	background-color: #222;
	border-bottom: 0px solid #0CF;	/*bordo inferiore delle linguette: l'ho messo uguale al colore della linguetta attiva e della pagina aperta*/
	padding-left:5px;
	white-space: nowrap;		/*per non fare andare su 2 righe le linguette quando si stringe la finestra*/
	/*text-align: center;*/
	font-weight: bold;
}

div#navigation ul{
    list-style-type: none;			/*per eliminare una riga bianca che verrebbe messa in automatico tra header e navigation*/
    margin: 0;
    padding: 0;}
	
div#navigation li{					/*per fare vedere gli elementi della lista in orizzontale*/
    display: inline;
    margin: 0;
    padding: 0;}
	
div#navigation li a{			/*caratteristiche dei tabs*/
	text-decoration: none;		/*per non far sottolineare i titoli dei tab, che sono dei link*/
	border: 1px solid #fff;				/*bordo delle linguette, prima era*//* 1px solid #787878*//*ora non c'è bordo*/
	padding: 0px 0.3em;
	background-color:#9CF;	/*colore linguette*/
}
	
div#navigation li a:hover{			/*per far cambiare il colore ad un tab quando ci si passa sopra col mouse*/
	background-color:#FCF;
}
	
div#navigation li#activelink a{		/*tab del link attivo: gli diamo lo stesso colore di sfondo della pagina che apre*/
	/*border: 2px solid #0FF;*/			/*in questo caso gli faccio cambiare anche il bordo*/
	border-bottom: 2px solid #fff;
    background-color: #fff;
    color: #603;
	}

div#immagine{
	background-color: #FFF;
	border: none;}
	
div#descr{
	font-size:90%;							/*parte con le descrizioni del modello: testo spostato dai bordi*/
	background-color: #FFF;
	padding-left: 15%;
	padding-right: 15%;	
	text-align: justify;
	border: none;}
	
div#racconto{
	font-size:90%;
	padding-left: 5%;	
	text-align: justify;
	text-indent: 5%;
	border: none;
	}
	
div#comunicatostampa{ margin: 10px;
	padding: 10px;
	font-size: 0.9em;
	height: 200px;
	overflow: auto;
	border: solid 1px #ccc;}
	
/*tipi di div aggiunti il 1 agosto 09 per provare a fare la pagina divisa in 2 parti (sx e dx), modifico il div Descr e lo chiamo Container per non doverlo buttare via se questo esempio non va bene*/	
div#wrapper{
		width:960px;
	    margin:auto;
	    /*padding:10px;*/
   	    background-color:#fff;
   	    /*border:10px solid #ddd;*/
   	    text-align:left;}


div#container{
	/*margin:0 auto;*/
	position: relative;
	/*height:100%;*/
	/*background-color:#00FF00;*/
	border: none;
	background-image:url(../../sfondoRighe.jpg);
}

div#sx{
position:relative;
	width:573px;
	font-size:90%;
	text-align: justify;
	line-height:1.2;
	padding-left:10px;
	padding-right:10px;
	border:none;
	/*background-color: #ddd;*/}
	
div#dx{
	position:absolute;
	top:0px;
	right:0px;
	bottom: 0px;
	width:320px;
	padding:10px;
	font: 85%/1.45 "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
	font-size:90%;
	text-align: justify;
	border:none;
	background-image:url(../../sfondoRighe_ombra.jpg);
	overflow:auto;
	/*z-index:1;*/
}

div#dx a{text-decoration: none;}

div#footer{clear:both;
	position:relative;
	padding-left: 20px;
	padding-right: 20px}
	
ul#minipics{margin:0;padding:0;list-style-type:none}

ul#minipics li{float:left;margin: 20px; padding: 0 6px 6px 0;
    background:url(../../dropshadow.jpg)  no-repeat bottom right}

ul#minipics li img{display: block;
    position: relative;top: -5px;left: -5px;
    border: 1px solid #ccc;border-color: #ccc #666 #666 #ccc;
    padding: 5px}	
	
div#prec{position:absolute;
top:5px;
left: 5px;
height: 20px;
width:80px;
text-align: left;}

div#prec a{text-decoration:none}
div#prec a:hover{text-decoration:underline}

div#succ{position:absolute;
top:5px;
right: 5px;
height: 20px;
width:80px;
text-align:right;}
	
div#succ a{text-decoration:none}
div#succ a:hover{text-decoration:underline}


/*fino a qua con i nuovi div*/

.img_articoli {margin: 20px;
	border: 0;
	}

.fiches {margin: 30px;
	border: 0;
	}
	
/* impostazioni per le tabelle all'interno di queste schede: bordo solido in modo da poter vedere i colori anche con Firefox*/

/*DOPPIO BORDO VERDE*/
/*bordo esterno grosso*/
table.Verde {
	border: 3px solid #0C0;
	}
/*bordo interno fino*/
table.Verde td{
	border: 1px solid #6F0;
	}

/*DOPPIO BORDO ROSSO*/
/*bordo esterno grosso*/
table.Rosso {
	border: 3px solid #F00;
	}
/*bordo interno fino*/
table.Rosso td{
	border: 1px solid #F63;
	}

/*DOPPIO BORDO GRIGIO*/
/*bordo esterno grosso*/
table.Grigio {
	border: 3px solid #CCC;
	}
/*bordo interno fino*/
table.Grigio td{
	border: 1px solid #999;
	}

/*DOPPIO BORDO BLU*/
/*bordo esterno grosso*/
table.Blu, table.Blu th {
	border: 3px solid #0CF;
	background-color:#fff;
	}
/*bordo interno fino*/
table.Blu td{
	border: 1px solid #09F;
	}
	
table.Blu tr{ font-size:110%}