/* CSS Document */


/* centrare la pagina web a larghezza fissa */
body{
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin:0; padding:0;
	}
a{text-decoration:underline; color:#000;}	
a:hover{text-decoration:underline; color:#666;}

.errore{ font-size:80%; color:#FF0000; font-weight:bold; text-align:center}

#layout{ 
	background-color:#FFFFFF;
	}
	
hr.indice {border-size:1px; border-style:dotted; color:#E2E2E2; }


/* HEADER */
#header{
	width:96%;
	padding:10px 2% 0 2%;
	margin:0;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	float:left;
	clear:left;
	}													
	#header2{
		width:100%;
		background-color:#FFF;
		text-align:center;
		height:60px;
		float:left;
		}
		#headerSx{
			width:60%;		
			float:left;
			height:60px;
			text-align:left;
			}
		#headerDx{
			width:40%;
			float:right;
			text-align:right;
			height:60px;
			} 




#contBody{
	width:96%;
	background-color:#E5E5E5;
	padding:10px 2% 10px 2%;
	float:left;
	
}

#body_layout{
	width:100%;
	float:left;
	background-color:#FFF;
	padding:30px 0 15px 0;
	
	}
	#body_layoutSx{
		width:18%;
		padding:0 0 0 10px;
		float:left;
		}																
	#body_layoutDx{
		/*position:absolute;*/
		width:70%;
		left:18%;
		float:right;
		padding:0 5% 10px 5%;
		border-left:#CCC solid 1px;
		background-color:#FFF;
		vertical-align:top;
		/*margin-right:-1px;*/
			
		}

#ContFooter{
	width:96%;
	padding:0 2% 10px 2%;
	text-align:center;
	float:left;
	
	}
	#Footer{
		width:100%;
		margin:0 0 5px 0 ;
		padding:10px 0 0 0 ;
		background-color:#FFF;
		border-top:10px solid #498900;
		color:#498900;
		text-align:left;
		font-size:85%;
		}	
		#isiway{ width:98%; text-align:right; font-size:80%; color:#000; padding:10px 2% 10px 0; float:left;}
			a.isi{ text-decoration:underline; color:#535353;}
			a.isi:hover{ text-decoration:underline; color:#000;}
/***/	
#ContMenuSez{
	width:74%;	
	padding: 0 13% 0 13%;
	margin:0;
	text-align:center;
	background-color:#ffffff;
	border-bottom:5px solid #cccccc;
	float:left;
	}
	#hormenu{
	width:100%;
	margin:0;
	text-align:left;
	}	
/***/
#ContSlogan{
	width:90%;	
	padding: 0 5% 0 5%;
	margin-top:10px;
	text-align:center;
	float:left;
	background-image:url(header_servciv.gif);
	}
	#Slogan{
		width:100%;
		height:60px;
		margin:0 0 0 0 ;
		text-align:left;
		}
/***/
#contFunzio{float:right;padding:10px;}
	a.funzio{ text-decoration:underline; font-size:85%; color:#535353;}
	a.funzio:hover{text-decoration:underline; font-size: 85%; color:#000;}
	a.funzio_int{text-decoration:underline; font-size:85%; color:#535353;margin-left:2%;}
	a.funzio_int:hover{text-decoration:underline; font-size: 85%; color:#000;margin-left:2%;}
	a.funzio_int:visited{text-decoration:underline; font-size: 85%; color:#535353;margin-left:2%;}
	
h1.titoSezione{
	color:#0054a7;
	font-size:130%;
	font-weight:normal;
	}
h1.logo{margin:0; padding:0;}		

/**MENU SERVIZIO-CIVILE**/
#cont_menu_servciv{
	margin:10px 0 0 0;
	}
/**MENU CONTENUTI**/
a.macro {
	color:#000000;
	font-size:90%; 
	text-decoration:none; 
	font-weight:normal;
	display:block; 
	padding:5px 0 5px 5px;
	border-bottom:1px solid #cccccc;
	}
a.macro:hover {
	color:#000000;
	font-size:90%; 
	text-decoration:none; 
	font-weight:normal;
	display:block; 
	padding:5px 0 5px 5px;
	border-bottom:1px solid #cccccc;
	background-color:#e5eef6;
	}
a.macro-sel {
	color:#0054a7;
	font-size:90%; 
	text-decoration:none; 
	font-weight:bold;
	display:block; 
	padding-top:.7em; padding-left:.5em;  padding-bottom:.7em; 
	border-bottom:1px solid #cccccc;
	}

/** livello 2 **/ 
a.categoria {
	color:#0054a7;
	font-size:85%; 
	text-decoration:none; 
	display:block;
	font-weight:normal;
	padding:5px 0 5px 20px;
	background-color:#FFFFFF;
	border-bottom:1px solid #cccccc;
	}
a.categoria:hover {
	color:#0054a7;
	font-size:85%; 
	text-decoration:none; 
	display:block;
	font-weight:normal;
	padding:5px 0 5px 20px;
	background-color:#e5eef6; 
	border-bottom:1px solid #cccccc;
	}
a.categoria-sel {
	color:#0054a7;
	font-size:85%; 
	text-decoration:none; 
	display:block;
	font-weight:normal;
	padding:5px 0 5px 20px;
	background-color:#e5eef6;
	border-bottom:1px solid #cccccc;
	}

/** livello 3 **/ 
a.linea {
	color:#0054a7;
	font-size:0.7em; 
	text-decoration:none; 
	display:block;
	font-weight:normal;
	padding:5px 0 5px 30px;
	background-color:#FFFFFF;
	border-bottom:1px solid #cccccc;
	}
a.linea:hover {
	color:#0054a7;
	font-size:0.7em; 
	text-decoration:none; 
	display:block;
	font-weight:normal;
	padding:5px 0 5px 30px;
	background-color:#e5eef6; 
	border-bottom:1px solid #cccccc;
	}
a.linea-sel {
	color:#0054a7;
	font-size:0.7em; 
	text-decoration:none; 
	display:block;
	font-weight:normal;
	padding:5px 0 5px 30px;
	background-color:#e5eef6; 
	border-bottom:1px solid #cccccc;
	}	
	
/**MENU SEZIONI**/
#hormenu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#hormenu li{
	float:left;
	margin:0;
	padding:0;
	color:#FF0000;
	} 
#hormenu li li {
	border-bottom:1px solid #498900; 
	width:12em;
	} 
#hormenu li li a {
	padding: 5px 4px 5px 10px;
	}

/*altro*/
ul.menuOff {display: none}
li.more:hover ul{
	visibility:visible;
	display: block;
	position: absolute;
	z-index:1;
	text-align:left; 
	width:12em;
	padding: 0;
	margin: 0 0 0 -1px;
	border:2px solid #498900;
	background:#ffffff;
	}

ul.menuOn {
	visibility:visible;
	display: block;
	position: absolute;
	z-index:1;
	width:12em;
	padding: 0;
	margin: 0 0 0 -1px;
	border:2px solid #498900;
	background-color:#ffffff;
	text-align:left;
	}

.voceSezione{
	display:block;
	margin:0 1px 0 0;
	background-color:#498900;
	}
.voceSezione:hover{
	display:block;
	background-color:#498900;
	margin:0 1px 0 0;
	}
.voceSezioneSel{
	display:block;
	background-color:#ffffff;
	margin:0 1px 0 0;
	}
a.sezioni:hover,a.sezioni:focus,a.sezioni:Active{
	padding:4px 4px 4px 4px; 
	text-decoration: none;
	color:#498900; 
	background-color:#ffffff; 
	display:block;
	font-weight: normal;
	font-size:100%;
	}
a.sezioni {
	padding:4px 4px 4px 4px;
	text-decoration: none;
	color:#ffffff;
	font-weight: normal;
	font-size:100%;
	display:block;
	}
.sezioni-stat {
	padding:4px 4px 4px 4px;
	text-decoration: none; 
	color:#498900;
	font-weight: normal;
	font-size:100%;
	display:block;
	}
.sezioni-stat:hover {
	padding:4px 4px 4px 4px;
	text-decoration: none; 
	color:#498900;
	font-weight: normal;
	font-size:100%;
	display:block;
	}	
/* ***** tendina ***** MENU SEZIONI  *****/ 
	
a.voce {
	display:block;
	padding:.8em;
	color:#498900;
	text-decoration: none;
	font-size:90%;
	}
a.voce:hover,a.voce:focus, a.voce:Active{
	background-color:#498900;
	color:#ffffff;
	padding:.8em;
	text-decoration: none;
	font-size:90%;
	}			

input { 
	border-top:#CCCCCC;	border-left:#CCCCCC;border-top:#0283CE;	border-top:#0283CE;
	font:80% verdana,arial,helvetica,sans-serif;
	background:#FFFFFF;
		}

select { 
	border-top:#CCCCCC;	border-left:#CCCCCC;border-top:#0283CE;	border-top:#0283CE;
	font:80% verdana,verdana,helvetica,sans-serif;
	background:#FFFFFF;
		}

a.link_blu{text-decoration:none; font:70% arial,verdana,helvetica,sans-serif;font-weight:normal; color:#0283CE;}
a.link_blu:hover {text-decoration:none; font:70% arial,verdana,helvetica,sans-serif;font-weight:normal; color:#666666;}

a.mail{text-decoration:none; font:100% arial,verdana,helvetica,sans-serif;font-weight:normal; color:#0283CE;}
a.mail:hover {text-decoration:none; font:100% arial,verdana,helvetica,sans-serif;font-weight:normal; color:#666666;}

/* MENU */ 
#menu{ whidth:95%;	}
a.menu{
	text-decoration:none; font:80% arial,verdana,helvetica,sans-serif;
	font-weight:bold;color:#FFFFFF;
	background-color:#007DC5; display:block;
	margin:0; padding:.7em; 
	border-bottom:1px solid #FFFFFF;
	}
a.menu:hover {
	text-decoration:none; font:80% arial,verdana,helvetica,sans-serif;
	font-weight:bold;color:#CCCCCC;
	background-color:#007DC5; display:block;
	margin:0; padding:.7em; 
	border-bottom:1px solid #FFFFFF;
	}

#numeroverde{ 
	background-color:#FFFFFF; 
	margin:0 0 20px 0;
	font-size:100%;
	padding-bottom:3%; 
	color:#009900; 
	text-align:center; 
	border-bottom:dotted #00592e 1px;
	}
input.rice{
	font-size:80%;
	background-color:#EAEAEA;
	border:1px solid #CCC;
	margin:0 4px 0 0;
	padding:2px;
	width:63%;
	}
input.button_cerca{
	font-size:80%;
	background-color:#EAEAEA;
	border:1px solid #CCC;
	margin:0 0 0 0;
	cursor:hand;
	padding:1px 1px 0 1px;
	}	

/* MENU CIVILE */ 
#menu-civile{ width:95%;}

a.menu-se{
	text-decoration:none; font:80% arial,verdana,helvetica,sans-serif;
	font-weight:bold;color:#498022;
	background-color:#CEE9BB; display:block;
	margin:0; padding:.7em;
	border-bottom:1px solid #FFFFFF; 
	}
a.menu-se:hover {
	text-decoration:none; font:80% arial,verdana,helvetica,sans-serif;
	font-weight:bold;color:#1E370B;
	background-color:#A5D781; display:block;
	margin:0; padding:.7em; 
	border-bottom:1px solid #FFFFFF;
	}
.menu-se-sel {
	text-decoration:none; font:80% arial,verdana,helvetica,sans-serif;
	font-weight:bold;color:#1E3A0A;
	background-color:#8ABE65; display:block;
	margin:0; padding:.7em; 
	border-bottom:1px solid #FFFFFF;
	}

/* TESTO */

.data{
font:70% arial,verdana,helvetica,sans-serif;
font-weight:normal;
color:#0283CE;
 }
.testo{
font:80% arial,verdana,helvetica,sans-serif;
font-weight:normal;
color:#333333;
 }
.testo_blu{
font:100% arial,verdana,helvetica,sans-serif;
font-weight:normal;
color:#0066CC;
/*color:#0283CE;*/
 }

/* LISTA MENU

ul.menu{list-style:none; margin:0; }
li.menu a{
	text-decoration:none;
	font:90% arial,verdana,helvetica,sans-serif;
	font-weight:bold;color:#FFFFFF;
	background-color:#007DC5;display:block;
	height:.5em;line-height:.5em;
	padding-left:1em; padding-right:1em;
	padding-top:.5em; padding-bottom:.5em;
	}
	
li.menu a:hover {
	text-decoration:none;
	font:90% arial,verdana,helvetica,sans-serif;
	font-weight:bold; color:#CCCCCC;
	background-color:#007DC5;display:block;
	height:.5em;line-height:.5em;
	}
 */
h1.civile {
	font:180% arial,verdana,helvetica,sans-serif;
	font-weight:bold;
	color:#5FB720;
	margin:0}
h2.civile {
	font:150% arial,verdana,helvetica,sans-serif;
	font-weight:bold;
	color:#498022;
	margin:.5em}
	
	
div.content_news{ margin-bottom:5px; border-bottom:1px dotted #669900; padding-bottom:4px;}


/**CSS DOCUMENTI**/
div.contBiblioDocG{
	width:98%;
	padding:1%;
	float:left;
	margin-bottom:10px;
	/*background-color:#f2f2f2;*/
	font-size:100%;
	}
div.contBiblioDocB{
	width:98%;
	padding:1%;
	float:right;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}	
	div.contBiblioDocSx{
		width:80%;
		float:left;
		}	
	div.contBiblioDocDx{
		width:20%;
		float:right;
		}
span.tito_data{
	color:#333333;
	font-weight:bold;
	font-size:90%;
	}
	.doc_desc{
	margin:5px 0 0 0;
	}		
.autore{color:#333;}
.autore2{color:#0054a7;}

h2.tito_img{
	font-size:100%;
	color:#014a92;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
	div.contnews{
	width:100%;
	margin:0 0 5px 0;
	padding-bottom:5px;
	float:left;
	}
	div.contNewsSx{
	background-color:#FFFFFF;
	float:left;
	width:80%;
	}			
	div.content_news{
	margin:0 0 0 20px;
	line-height:1.3em;
	}
	
	/** GALLERIA **/

div.cont_Galleria{
	width:100%;
	text-align:center;
	background-color:#FFF;
	float:left;	
	padding:10px 0 10px 0;
	}
	
	div.GalleriaSx{
		float:left;
		width:45%;
		margin-right:3%;
		background-color:#FFF;
		text-align:left;
		}
	/*div.GalleriaDx{
		float:left;
		width:50%;
		background-color:#FFFFFF
		}*/	
		
div.rigaGal{
	width:100%;
	background-color:#FFF;
	border-bottom:15px solid #FFF;
	float:left;
	}
	div.cont_GalleriaSx{
		float:left;
		width:30%;
		margin:0 0 0 0;
		}
	div.cont_GalleriaDx{
		float:right;
		width:70%;
		margin:0 0 0 0;
		}
div.contFoto{
	width:30%;
	float:left;
	margin-right:3%;
	background-color:FFF;
	border-bottom:5px solid #FFF;
	}	
	
div.paginazione{	
	width:100%;
	text-align:center;
	background-color:#EAEAEA;
	margin:10px 0 10px 0;
	/*float:left;*/
}	

img.imgGal{
 border:1px solid #EEE;
}
img.ga{
 border:none;
}
a.titoGal{ text-decoration:underline; font-size:90%; font-weight:bold; color:#000;}
a.titoGal:hover{ text-decoration:underline; font-size:90%; font-weight:bold; color:#666;}

.pag{ font-size:80%; padding-top:2px;}
.dim{font-size:85%; color:#666; padding-top:10px;}

a.contevtit { text-decoration:underline; color:#000; font-weight:bold;}
a.contevtit:hover {text-decoration:underline; color:#0054a7; font-weight:bold;}

a.link_ind{
	color:#0054a7;
	text-decoration:underline;
	font-size:0.8em;
	}
a.link_ind:hover{
	color:#0054a7;
	text-decoration:underline;
	font-size:0.8em;
	}		
	.contdata{
	margin:0 3px 0 0; 
	color:#0054a7;
	font-weight:bold;
	font-size:90%;
	}
.contsede{
	font-weight:normal;
	color:#0054a7;
	margin:0 3px 0 3px;
	}
.contaut{
	font-weight:normal;
	color:#666;
	margin:0 3px 0 0;
	font-size:105%
	}
	h2.EventoTito{
	font-size:120%;
	font-weight:bold;
	color:#000;
	margin:10px 0 0 0;
	padding:0;
	}		
	div.cont_Img_NewsSx{
	background-color:#FFFFFF;
	float:left;
	width:70%;
	margin:5px 0 10px 0;
	}
	div.cont_download{
	float:left;
	}
	a.download{
		font-size:85%;
		color:#0054a7;
		text-decoration:underline;
		font-weight:normal;
		}
	a.download:hover{
		font-size:85%;
		color:#0054a7;
		text-decoration:underline;
		font-weight:normal;
		}