/*
colori usati

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

Elemento selezionato albero:#767676;

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

*/


/*################################################################
IMPOSTAZIONI DI DEFAULT
################################################################*/
body {
	margin: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color:#676767; /*<---Colore del testo di default*/
	background-color:#869BB8;
	background-image: url('/img/sfondo.jpg');
	min-height:1700px;
	background-repeat:no-repeat;
	background-position:bottom;
	/*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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #676767;
	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:13px;
font-weight:bold;
color:#800000;
margin-bottom:4px;
}

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:#800000;
 font-weight:bold;
 list-style-image:none;
 border-bottom:1px solid #484848;
 }
 


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

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

div#main {
	width:780px;
	/*height:100%;*/

	margin: 10px auto 10px auto;
	background-color:#ececec;
	border:1px none black;
	background-image:url('/img/acer-sfondo.gif');
	background-repeat:no-repeat;
	padding-bottom:4px;
	/*border-right:0px solid #676767;*/
	/*border-left:0px solid #676767;*/
}

div#FasciaCentrale {
	/*position: relative;*/
	float: left;
	text-align: left;
	padding-left:10px;
		/*width:100%;*/
	/*height:550px;*/

}

div.AreaContenuti{
 width:560px;
 float:right;
}

div.ColonnaDx {
margin:0;
padding:0;
width:200px;
/*	height:100%;*/
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;
}
/*... a l'area degli elenchi correlati,immagini comprese */
div .AreaElenchi{
 float:right;
}



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

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

/************************************barra contesto***************************************/
div#barracontesto {
	text-align:left;
	padding-left:10px;
	/*padding-top:4px;*/
	/**height:14px;**/
	
	/*font-size: 10px;*/
	/*font-weight: normal;*/
	/*color: #cc6600;*/
	
	margin-left:200px;
	margin-top:55px;
}

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: 10px;
	font-weight: bold;
	color: #767677;
	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:90px;
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:1px solid #cccccc;
}

/*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:400px;
 display:inline;

}
 

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

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

div .AreaElenchi ul{
 list-style:none;
 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;

}

/*volendo è  possibile customizzarli/integrarli uno per uno ---*/
div#ElencoLinkSSC{

}

div#ElencoLinkInterni{

}

div#ElencoLinkGal{

}

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

}

div#ElencoLinkGal dl.ListaImgDestra dt{

}


div#ElencoLinkEsterni{

}

div#ElencoLinkAllegati{
}
 
 
/***************************************Alberi di link****************************************************/

/* AreaALero serve a gestire tutto il blocco dell'albero: testata+ albero*/
div.AreaAlbero{
background:url('/img/SfondoAreaAlbero.gif');
	background-repeat:no-repeat;
	float:left;
	padding-top:6px;
	padding-left:4px;
	border-top:1px solid #cccccc;
	width:90%;
}

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

div.Albero ul {
margin:0px;
margin-top: 4px;
padding:0;
line-height:150%;
list-style-image: url('/img/bullet.gif');
list-style-position: outside;
}

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

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


div.Albero ul li.selezionata  {
color:#767676;
font-weight:bold;
border:1px solid black;
}

div.Albero ul li span.selezionata  {
color:#767676;
font-weight:bold;
background-color:#cccccc;
}




div.Albero ul li ul{
list-style:none;
list-style-position: outside;
margin:0px;
margin-left: -2px;
padding:0;
line-height:150%;
border-left:1px solid #676767;
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;*/
}




/*############################################################################################################
 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:300px;
display:inline;
margin-right:6px;
border-top:1px solid #cccccc;
}

.DataPubblicazione {color:#800000;}

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:url('/img/SfondoAreaAlbero.gif');
	background-repeat:no-repeat;
	float:left;
	padding-top:6px;
	padding-left:4px;
	border-top:1px solid #cccccc;
	color:#484848;
	width:100%;
	margin-bottom:8px;
}

div#ElementoElencoNewshp .immagine {border-right:1px solid #cccccc;}

 .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:#800000;
}

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

.Categoria {width:90%;}

div#TitoloCategoria{
/*il colore di default lo eredita dalla classe testatina*/
font-size:15px;
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:#dddddd;}

.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:0px;
 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 {border:1px solid #484848;}
.ImgGalleria {border:1px solid #484848;background-color:#cccccc;padding-bottom:8px;padding-top:8px;}

/*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;}


.TabBoxLogin {
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;
}


/*##########################################VISUAL INTRANET ####################################################*/
a.rosso:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CF4704;
	text-decoration: none;
	font-size:10px;
	}
a.rosso:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CF4704;
	text-decoration: none;
	font-size:10px;
	}
a.rosso:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CF4704;
	text-decoration: none;
	font-size:10px;
	}
a.rosso:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CF4704;
	text-decoration: none;
	font-size:10px;
	}

form {margin:0px;}

.BordoGrigio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2B3D5E;
	border: 1px solid #000000;
	font-size:10px;
	}
	
.pulsante {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	background-color: #2B3D5E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	font-size:100%;
}

.tac{
font-size:10px;
color:#4F4F4F;
text-align:left;
width:60%;
}



.tacchiaro{
font-size:10px;
color:#bbbbbb;
}

.tactitolo{
background:#dddddd;
font-size:10px;
color:#2b3d5e;
font-weight:bold;
}

.tactitologray{
background:#aaaaaa;
font-size:10px;
color:#ffffff;
}

.azienda{
font-size:10px;
color:#4F4F4F;
font-weight:bold;
padding-top:6px;
background-color:#eeeeee;
}

.vocesettore{
font-size:10px;
color:#4F4F4F;
font-weight:normal;
}