/*
colori usati

testo: #0000AA;
testatine(e titoli): #ED008C;
sottotitoli    : #FFAA02;
link: normale:#618804;
      hover: 	#676768;

Elemento selezionato albero:#767676;

barracontesto normale: #767677;
              hover:   #cc6600;
              
 headerOggettiCorrelati: #C66203

*/


/*################################################################
IMPOSTAZIONI DI DEFAULT
################################################################*/
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #716f6f; /*<---Colore del testo di default*/
	background-color:#FFFFFF;
	background-image:;
	background-repeat: repeat-x;
 margin-top:0px;
 
 			scrollbar-3dlight-color:#CC9900;
           scrollbar-arrow-color:#996600;
           scrollbar-base-color:#E6CC8D;
           scrollbar-darkshadow-color:#F2E9D7;
           scrollbar-face-color:#E6CC8D;
           scrollbar-highlight-color:#F2E9D7;
           scrollbar-shadow-color:;
           
}


a{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #996600;
	text-decoration: none;
	border:none;
}

a:link {
		/*color: #676767;*/
}
a:visited {

	/*color: #676767;*/
}

a:hover {
	color: #676768;
	text-decoration:underline;
}


p {

/*color:#00FF00;*/
}

img {
border:0px;
}

/*Default dei titoli grandi e delle testatine*/

div.testatina {
font-size:18px;
font-weight:bold;
color: #618804;
border-bottom:1px solid #618804;
margin-bottom:4px;
padding-left:5px;
}

div.sottotitolo {
font-size:12px;
font-weight:normal;
color:#FFAA02;
}

/* definizione generale per gli headeroggetti correlati (nelle singole aree è possibile 
sovrascrivere/integrare gli attributi di stile*/

.headerOggettiCorrelati{
 text-align:left;
 color: #DD5F08;
 font-weight:bold;
 list-style-image:none;
 border-bottom:1px solid #484848;
 }
 


/*################################################################
 INTELAIATURA PRINCIPALE
################################################################*/

div#all {
text-align:center;
top-margin:10px;
}

.main {
	width:780px;
	/*height:100%;*/
	background-image:url('/img/testata_salvadori.jpg');
	
	
	/*border-right:1px solid #618804;
	border-left:1px solid #618804;*/
}

div#FasciaCentrale {
	/*position: relative;*/
	padding-top:10px;
	background-color: #F5F5F5;
	float: left;
	text-align: left;
	padding-left:10px;
	margin:0px;
		/*width:100%;*/
	/*height:550px;*/

}

div.AreaContenuti{
padding-right:20px;
width:520px;
 background-color:#ffffff;
 float:right;
 padding-left:10px;
 padding-top:15px;
}

div.ColonnaDx {
padding-left:0px;
padding:0;
width:210px;
height:550px;
float:left;
/*border-top:1px solid #E0E0E0;*/
/*border-left:1px solid #E0E0E0;*/

}

/*dentra all'area contenuti ci sono l'area corpo della scheda...a*/
/* qui vengono indicate le caratteristiche comuni, quelle peculiari di scheda,immagine ecc..
 integrate nella rispettive sezioni del css (rifere dosi alle sezioni con il rispettivo id)*/
div .AreaCorpo{
 float:left;
 width:380px;
}
/*... a l'area degli elenchi correlati,immagini comprese */
div .AreaElenchi{
 float:right;
}



/*#############################################################################################################
                                                      TESTATA
##############################################################################################################*/
div#testata {
	width:100%;
	position: relative;
 /*background-color:#FFFFFF;*/
	margin-bottom: 0px;
	padding-top: 0px;
	font-size: 10px;
	font-weight: normal;
	color: #618804;
}

div#AreaLoghiTestata {
 width:100%;
	/*height: 45px;*/
 /*float:left;*/
}

/************************************barra contesto***************************************/
div#barracontesto {
	text-align:left;
	position:relative;
	padding-left:0px;
	padding-top:208px;
	margin-bottom:-10px;
	
	/*font-size: 10px;*/
	/*font-weight: normal;*/
	/*color: #cc6600;*/
	
	margin-left:10px;
	margin-top:0px;
}

div#main #barracontesto ul.barraContestuale {
	margin: 0 0 10px 0;
	padding: 0;
}

div#main #barracontesto ul.barraContestuale li {
	/*float: left;*/
	position: relative;
	margin: 0 15px 5px 0;
	list-style-type: none;
	display: inline;
	/*display: table-cell;*/
}


div#main #barracontesto a{
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

div#main #barracontesto a:link {

}

div#main #barracontesto a:visited {

}

div#main #barracontesto a:hover {
	/*color: #cc6600;*/
	text-decoration: underline;
}


/*#############################################################################################################
                                                      BOTTOM
##############################################################################################################*/
div #bottom {
position: relative;
	width: 100%;
}

div.BottomPAgina {
height:10px;
background-image:url('/img/BottomSito.gif');
background-repeat:no-repeat;
}

/*############################################################################################################
 																																									INTELAIATURA GENERALE
####################################################################################################*/



/*############################################################################################################
                                                  ELEMENTI COMUNI
####################################################################################################*/



/**************Elenchi di schede*****************************************/
/*div contenitore di default di tutti gli elenchi di schede*/
div.elenco {
	margin: 0 0 5px 0;
	padding: 0;
}

/*div contenitore di default di un singolo elemento di un elenco di schede(testo + immagine)*/
 div.ElementoElenco {
	margin: 10px 10px 10px 10px;
	padding-bottom: 6px;
	float: left;
	position:relative;
	width:90%;
	border-bottom:;
}

/*div contenitore della parte immagine di un singolo elemento di un elenco di schede*/
div.ElementoElenco .ImmagineElenco{
 float:left;
 margin-right:5px;
}


/*div contenitore della parte testo di un singolo elemento di un elenco di schede*/
div.ElementoElenco div.testoelenco{
float:left;
width:350px;
 display:inline;

}
 

 
/************************************Elenchi di link (interni,esterni sottoschede,allegati ecc..)**********************/

div .AreaElenchi dl{
 margin-left:0px;
 text-align:left;
  /*list-style-image: url('/img/bullet.gif');*/
 list-style-position: outside;
}

div .AreaElenchi ul{
 list-style:none;
 text-align:left;
 /*list-style-image: url('/img/bullet.gif');*/
 list-style-position: outside;
}

div .AreaElenchi dl dd{
 margin:0px;
 padding-bottom:0px;
 text-align:left;
 margin-bottom:8px;
}

div .AreaElenchi .headerOggettiCorrelati{
 margin-bottom:5px;
 padding:0px;
 text-align:left;

}

/*volendo è  possibile customizzarli/integrarli uno per uno ---*/




div#ElencoLinkSSC{
width:120px;
text-align:left;
margin-left:-38px;
}

div#ElencoLinkInterni{

width:120px;
margin-left:-38px;
}

div#ElencoLinkGal{
width:120px;

}

div#ElencoLinkGal dl.ListaImgDestra{
 margin-left:0px;

}

div#ElencoLinkGal dl.ListaImgDestra dt{
width:120px;

}


div#ElencoLinkEsterni{
width:120px;
margin-left:-38px;

}

div#ElencoLinkAllegati{
width:120px;
}
 
 
/***************************************Alberi di link****************************************************/

/* AreaALero serve a gestire tutto il blocco dell'albero: testata+ albero*/
div.AreaAlbero{
	background:;
	background-repeat:no-repeat;
	float:left;
	padding-top:6px;
	padding-left:4px;

	width:80%;
}

div.Albero  {
margin:0px;
padding-left:30px;
width:80%;
float:left;
}

div.Albero ul {
margin:0px;
margin-top: 4px;
padding:0;
line-height:120%;
list-style-image: url('/img/bullet.gif');
list-style-position: outside;
font-size:15px;
font-weight:bold;
color:#0066CC;
}

div.Albero ul li a{
/*color:#00458B;*/
}

div.Albero ul li a:hover{
/*color:#C96102;*/
}


div.Albero ul li.selezionata  {
color:#76767;
font-weight:bold;
background-color: #D4F2A1;
}
div.Albero ul li span.selezionata  {
color:#767676;
font-weight:bold;
background-color: #d6e8b6;
padding:1px;
padding-right:20px;
padding-left:3px;
}




div.Albero ul li ul{
list-style:none;
list-style-position: outside;
margin:0px;
margin-left: -2px;
padding:0;
line-height:150%;
list-style-image: none;

}

div.Albero ul li ul li{
list-style:none;
padding-left: 8px;

}

div.Albero ul li ul li a {
/*color:#CC6600;*/
}

.menuoriz {
float:left;
position:relative;
font-size:18px;
font-weight:bold;
color: #0066CC;
padding:8px;
margin-left:0px;

}
.menuoriz a.strategie{

font-size:18px;
color: #ffffff;
margin-right:1px;
background-color: #7DAE1D;
padding:8px;

}
.menuoriz a.strategie:hover {

font-size:18px;
color: #ffffff;
margin-right:1px;
background-color: #C4FB77;
padding:8px;
}

.menuoriz a.processi{

font-size:18px;
color: #ffffff;
margin-right:1px;
background-color: #CC6600;
padding:8px;

}
.menuoriz a.processi:hover {

font-size:18px;
color: #ffffff;
margin-right:1px;
background-color: #FCD23B;
padding:8px;
}

.menuoriz a.sostenibilità{

font-size:18px;
color: #ffffff;
margin-right:1px;
background-color: #3366FF;
padding:8px;

}
.menuoriz a.sostenibilità:hover {

font-size:18px;
color: #ffffff;
margin-right:1px;
background-color: #94C7EF;
padding:8px;
}
.menuoriz a.sostenibilità:selezionata  {

background-color: #99CC00;

}
.menuoriz ul {
margin:0px;
margin-top: 4px;
padding:0;
line-height:180%;
display:inline;

/*list-style-image: url('/img/bullet_albero.gif');*/
/*llist-style-position: outside;*/
}

.menuoriz ul li{
display:inline;
padding-left:5px;
padding-right:3px;
/*border-right:1px solid #0066CC;*/
}
.menuoriz ul li span.selezionata  {
color:#C8350D;
font-weight:bold;
background-color: #99CC00;


}

.menuoriz2{
float:right;
font-size:10px;
font-weight:bold;
width:270px;
color: #0066CC;
padding-top:20px;
margin-right:-10px;

}
.menuoriz2 a{

font-size:11px;
font-weight:bold;
color: #618804;
padding:4px;
padding-top:20px;
margin-right:0px;
background-color: #d6e8b6;

}

.menuoriz2 a:hover{

font-size:11px;
font-weight:bold;
color: #ffffff;
padding:4px;
padding-top:20px;
margin-right:0px;
background-color: #999900;

}

.menuoriz2 ul {
margin:0px;
margin-top: 4px;
padding:0;
line-height:120%;
display:inline;

/*list-style-image: url('/img/bullet_albero.gif');*/
/*llist-style-position: outside;*/
}

.menuoriz2 ul li{
display:inline;
padding-left:5px;
padding-right:3px;
border-right:1px solid #0066CC;
}
.menuoriz2 ul li span.selezionata  {
color:#C8350D;
font-weight:bold;
background-color: #ffffff;



/* definizione generale per gli headeroggetti correlati (nelle singole aree è possibile 
sovrascrivere/integrare gli attributi di stile*/


/*############################################################################################################
 COLONNA DESTRA COMUNE
####################################################################################################*/

/*sovrascrittura dello stile delle testatina 'cerca per categorie' 'cerca per argomenti' ecc..*/

div.ColonnaDx .testatina{
 /*color:#0000FF;*/
}

div#AreaAlberoCategorie{
  margin-bottom:10px;
}


/*############################################################################################################
HOMEPAGE
####################################################################################################*/

/*tutta l'area delle 'news' in homepage (testata +titolo) */
div#AreaNewsHP  {
	/*margin-left:3px;*/
	/*padding-left:3px;*/
	width:100%;
	/*background-color:;*/
	float:left;
	/*border-top:1px solid #E0E0E0;*/
	background:url('/img/triangolino.gif');
	background-repeat:no-repeat;
}

/*il solo elenco 'news' */
div#ElencoNewsHp {
 padding-left:10px;
 /*border:1px solid black;*/
}

div #testoelencoNewsHp{
float:right;
width:250px;
display:inline;
margin-right:6px;
}

.DataPubblicazione {color:#DD5F08;}

div#AreaSchedaHp   {
	margin:0em;
	margin-top:25px;
	/*position: relative;*/
	/*left:0px;*/
	/*top:-210px;*/
	padding:0;
	width:500px;
	/*background-color:#cccccc;*/
	text-align:justify;
	float:left;
/*	color:#676767;*/
}

div#testatinanews{
	background-repeat:no-repeat;
	font-size:16px;
	float:left;
	padding-top:6px;
	padding-left:4px;
	color:#618804;
	width:100%;
	margin-bottom:8px;
}

div#ElementoElencoNewshp .immagine {
}

 .ElementoElencoNews{
	margin: 6px 10px 0px 0px;
	padding-bottom: 6px;
	float: left;
	/*position:relative;*/
	width:100%;
	border-bottom:0px solid #000000;
}


ul.Agenda {
margin-left:14px;
margin-top: 4px;
margin-bottom:0px;
padding:0;
line-height:110%;
list-style-type: none;
/*list-style-image: url('/img/bullet.gif');*/
/*list-style-position: outside;*/
}

ul.Agenda li{
margin-bottom: 12px;
border-top:1px solid black;
border-bottom:1px solid black;
}

.dataagenda {
color: #FF6600;
}

/*############################################################################################################
   PAGINA CATEGORIA
####################################################################################################*/

.Categoria {width:90%;}

div#TitoloCategoria{
/*il colore di default lo eredita dalla classe testatina*/
font-size:18px;
margin-bottom:10px;
/*color:#00FF00;*/
}

.paginazione {
width:90%;
text-align:right;
}

.SommarioPagine {
border-bottom:0px solid black;
text-align:right;
margin-top:10px;
}

a.paginatore {width:98%;
}

a.PaginaCorrente {width:98%;
background-color:#cccccc;}

.navigapagine {
border:0px solid red;
text-align:center;
margin:2px;
}

.Titolo{
padding:2px;
margin-bottom:4px;
background-color:;}

.Sottotitolo {margin-bottom:2px;}
.Descrizione {margin-bottom:2px;}

/*############################################################################################################
   PAGINA SCHEDA
####################################################################################################*/
div#TitoloScheda{
/*il colore di default lo eredita dalla classe testatina*/
font-size:15px;
margin-bottom:10px;
/*color:#00FF00;*/
}

div#ContenutoSc h2 {font-size:11px;margin-bottom:0px;}
div#ContenutoSc h1 {font-size:11px;margin-bottom:0px;}

/*corpo*/
div#AreaCorpoScheda{
width:380px;
}

/*Area Elenchi*/

div#AreaElenchiSch {
 margin:0px;
 padding:11px;
 text-align:left;
 float:left;
 width:150px;
 padding-left:20px;
 padding-right:10px;
}

div#AreaElenchiSch ul {
list-style:none;
list-style-position: outside;
margin:0px;
margin-left: 20px;
margin-bottom: 20px;
padding:0;
line-height:150%;
list-style-image: url('/img/bullet2.gif')
}

div#AreaElenchiSch ul li{
margin-top: 9px;
margin-bottom: 6px;
padding:0;
line-height:100%;
}

.galleriaImmagini {text-align:center;padding:3px;margin-bottom:20px;}
.elencoImgGalleria {}
.ImgGalleria {}

/*fine Area Elenchi*/

/*############################################################################################################
   PAGINA IMMAGINE
####################################################################################################*/

div#AreaCorpoImmagine{
 text-align:center;
 /*float:left;*/
 width:390px;
border:0px solid black
}

div #ContenutoImm {
border:0px solid black;

}

div#ContenutoImm h1 {font-size:11px;margin-bottom:6px;}


div#AreaElenchiImm {
 margin:0px;
 padding:0px;
 text-align:left;
  float:left;
 width:150px;
}

li.selezionata {
background-color:#eeeeee;
}

.DescrizioneImmagine {margin-top:20px;
text-align:left;}


.tabtac {
margin-top:4px;
background-image:url('/img/users.gif');
background-repeat:no-repeat;
}

.regione {
width:120px;
height:113px;
background-image:url('/img/regione.gif');
margin-left:18px;margin-bottom:12px;
}

.provincia {
width:120px;
height:113px;
background-image:url('/img/provincia-pc.gif');
margin-left:18px;margin-bottom:12px;
}

.comune {
width:120px;
height:113px;
background-image:url('/img/comune-pc.gif');
margin-left:18px;margin-bottom:12px;
}