* {
	margin:0px;
	padding:0px;	
}

/* Definizione font, colore di sfondo (rosso scuro) */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #4284AD;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #08315C;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

/* LINK  */

a:link, a:visited, a:active, a:hover{
	text-decoration: none;	/* i link di base non hanno sottolineatura  */
}
a img {
	border: none; /* Non applica bordo su immagini con link  */
	}


table {
	font-size: 70%;
	border-collapse: collapse;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	margin-top: 1em;
	margin-bottom: 4em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

td, th {
	text-align: left;
	padding: 0.4em;
	padding-right: 1.2em;	
}

td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	vertical-align: top;
}
th {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	vertical-align: bottom;
}

#ProgEuWrapper {
	background-color: #FFFFFF;
	width: 87%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 10px;
	font-size: 90%;
	margin-bottom: 0px;
	background-image: url(images/StellaBackground.gif);
	background-position: 30px 170px;
}

/* Margini paragrafo  */
#ProgEuContainer p{
	margin-top: 0em;
	margin-bottom: 0.1em;
}

/* Testata: dimensione ridotta carattere, immagine di sfondo, colore di sfondo  */
#ProgEuHeader {
	font-size: 70%;
	background-color: #DFEDF6;
	background-image: url(images/sfondotestata.jpg);
	background-repeat: no-repeat;	
}
/* Testata - Blocco Monet  */
#ProgEuHeaderMonet{
	font-size: 70%;
	float: right;
	width:308px;	
}
#ProgEuHeaderMonetSearch{
	background-image: url(images/alpha50.png);
	padding:0.5em;
	border: 1px solid #5E99BD;
	width:20em;
	position:relative;
	margin-left:auto;
	margin-right:auto;


}

#ProgEuHeaderMonet input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}


/* Menu di navigazione superiore  */
#ProgEuTopNav {
	background-color: #A4C6E7;
	padding: 0.5em;
	margin-bottom: 8px;
	font-size: 70%;
	border-top: 1px solid #5E99BD;
	border-bottom: 1px solid #5E99BD;
	text-align:right;
	
}
#ProgEuTopNav a {color: #08315C; }
#ProgEuTopNav a:hover {color: #FFF; }
#ProgEuTopNav img{ margin-left:2px; vertical-align:middle}
#ProgEuTopNavLeft{ float:left;}

#ProgEuPageBody {
	clear:both;
	margin-top:1em;	
}

/* Menu di navigazione sinistro e destro  */
#ProgEuMainNav {
	font-size: 75%;
	margin-left: 0px;
	float:left;
	width: 20%;
	margin-top: 0px;
	}
	
#ProgEuSecondNav, #ProgEuMiniNav {
	font-size: 75%;
	margin-left: 10px;
	margin-top: 0px;
	width: 26%;
	float:right
	}

#ProgEuMiniNav {
	margin-top:2.5em;
	padding-left: 1em;
	}
	
#ProgEuMiniNav h5, #ProgEuMiniNav h5 a {
	color: #08315C;
	margin-bottom:0.5em;
	font-size: 110%;
	}
	
#ProgEuMainNav ul, #ProgEuSecondNav ul, #ProgEuMiniNav ul {
	list-style-image: none;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	border-top: 0px;
	margin-top: 0px;					
}
#ProgEuMiniNav ul {
	padding-left: 1em;
	padding-bottom:1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #08315C;
	background-image: url(images/quadratinoblu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
#ProgEuMiniNav ul li{
	margin-bottom:0.4em;     
}
#ProgEuMiniNav ul li a{
	color:#666666;
	
}

#ProgEuMiniNav ul li ul{
	padding-left: 0em;
	padding-bottom:1em;
	border-left-width: 0px;
	border-left-style:none;
	background-image: none;
}

#ProgEuMainNav ul li, #ProgEuSecondNav ul li {
	background-color: #A4C6E7;	
}
#ProgEuMainNav ul li ul, #ProgEuSecondNav ul li ul{
	border-bottom-width: 1em;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/* NOTA: Lo stile su span è stato utilizzato per applicare lo stile anche quando la voce di categoria di menu non presenta link.
Qualora dovessero essere presenti sia voci di categoria con link sia  voci di categoria senza link potrebbe essere utile creare due
stili separati. Lo span è comunque necessario per applicare lo stile solo al primo LI (voce di categoria) in quanto la sottoclasse :first-child 
non viene applicata da IE.
  */
  
#ProgEuMainNav ul li a, #ProgEuMainNav ul li span, #ProgEuSecondNav ul li a, #ProgEuSecondNav ul li span{
	display: block;
	background-color: #08315C;
	color: #F1F1F1;
	background-repeat: no-repeat;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-weight: bold;
}
#ProgEuSecondNav ul li a, #ProgEuSecondNav ul li span{
	padding-left: 0.7em;
	background-image: url(images/style_secondnav_ulli_bkg.gif);
	background-position: left top;
}
#ProgEuMainNav ul li a, #ProgEuMainNav ul li span{
	background-image: url(images/style_ulli_bkg.gif);
	background-position: right top;
	padding-left: 0.3em;
}





#ProgEuMainNav ul li ul li, #ProgEuSecondNav ul li ul li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4284AD;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.05em;
	margin-right: 0.4em;
	margin-left: 0.3em;
}
#ProgEuMainNav ul li ul li a, 
#ProgEuSecondNav ul li ul li a
{
	display: block;
	background-color: #A4C6E7;
	color: #08315C;
	padding: 0px;
	background-image: none;
	margin-top: 0em;
	font-weight: normal;	
}
#ProgEuMainNav ul li ul li a:hover,
#ProgEuSecondNav ul li ul li a:hover{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
li img{
	vertical-align:text-bottom;
	border: none;
}



.closer {
	visibility: hidden;
	clear: both;
	
}


#contenuto {
	font-size: 100%;
	margin-right: 0em;
	margin-left: 22%; /* Margine 2% superiore a larghezza Menu di sinistra (20%) */
}

/* Path: dimensione carattere, colore, bordi inferiore e superiore*/
#ProgEuPath {
	font-size: 80%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	color: #336786;
	padding: 0.3em;
	font-weight: bold;
	margin: 0px;
}
#ProgEuPath a:link, #ProgEuPath a:visited, #ProgEuPath a:active, #ProgEuPath a:hover{
	color: #777; font-weight:normal;
}

#colonnacentrale {
	width: 70%;	
	letter-spacing:0.1em;
	line-height:1.3em;
	padding-bottom:3em;
}



/* Footer: dimensione carattere, margini*/
#ProgEuFooter {
	clear:both;
	margin-top: 1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 0.68em;
	padding-top: 0.1em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	text-align: right;
}
#ProgEuFooter a{
	color: #08315C;
}




/* 
--------------------------------------------------------
C L A S S I
--------------------------------------------------------
*/

/* allineamento a destra*/
.toright {
	float: right;
}


/* testo giustificato*/
.giustificato {
	text-align: justify;
}
/* testo a destra*/
.adestra {
	text-align: right;
}
/* testo alcentro*/
.alcentro {
	text-align: center}
	
/* testo che non va a capo*/
.nowrap {
	white-space: nowrap;
}
/* area di testo/immagine leggermente separata*/
span.marginata{
	margin-left:1.2em;
	margin-right:1.2em;
	
}


/* Link evidenziati*/
a.evidenziato:link, a.evidenziato:visited{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #660000;
	text-decoration: none;        
}
a.evidenziato:active, a.evidenziato:hover{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CC3300;
	color: #CC3300;
	text-decoration: none;    
		
}