﻿html {
overflow:auto;

}

body
{
	
	font-size:10pt;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	color:#2F2F2F;
	background-color:#FFFFFF;
	

	}
strong
{
	
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-weight:bold;
	font-style:normal;
	
	
	}

.ombra_alta
{
	background-image:url(immagini/maschere/ombra_alta.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:13px;
	}
.ombra_bassa
{
	background-image:url(immagini/maschere/ombra_bassa.png);
	background-repeat:no-repeat;
	background-position:top;
	height:13px;
	}
.ombra_destra
{
	background-image:url(immagini/maschere/ombra_destra.png);
	width:9px;
	background-repeat:repeat-y;
	}
.ombra_sinistra
{
	background-image:url(immagini/maschere/ombra_sinistra.png);
	width:9px;
	background-repeat:repeat-y;
	}	
h2
{
	letter-spacing:1px;
	padding-right:20px;
	margin-top:40px;
	font-family:Helvetica,Arial,Helvetica,sans-serif;
	font-size:2.0em;
	font-weight:lighter;
	
	}
h2 strong 
{
		font-family:Helvetica,Arial,Helvetica,sans-serif;
		color:#6b6b6b;
		font-style:normal;
		font-size:0.5em;
	
	}


h1
{
	letter-spacing:1px;
	
	padding-bottom:10px;
	padding-top:40px;
	margin-right:10px;
	font-family:Helvetica,Arial,Helvetica,sans-serif;
	font-size:2.0em;
	height:100%;
	font-weight:lighter;
	
	}	
h1 a
{
	color:Black;
	text-decoration:none;
	letter-spacing:normal;
	
	
	}
h1 a:hover
{
	color:#B2C96B;
	
}
h3
{
	font-size:1.5em;
	height:100%;
	width:100%;
	color:#bd1e1e;
	font-weight:lighter;
	
	}
h4
{
	height:100%;
	width:900px;
	}
h5
{

	height:100%;
	font-size:1.5em;
	margin:0px 0px 20px 0px;
	}

a
{
	color:#3151A2;
	text-decoration:underline;
	letter-spacing:0.1em;
	}
a:hover

{
	color:#CD5C5C;
	}
	
.immagini
{
	position:relative;
	float:left;
	text-align:center;
	width:102px;
	height:102px;
	margin:0px 15px 0px 5px;
	padding:2px 2px 2px 2px;
	top: -18px;
	left: 0px;
	
}

.immagini p
{
	font-size:9pt;
	color:Red;
	background:#d9d9d9;
	width:108px;
	position:absolute;
	left:2px;
	top:110px;
	vertical-align:top;
height:17px;
	padding:0px;
	margin:0px;
	
}
.ingrandisci
{
	
	position:relative;
	top:105px;
	left:4px;
	z-index:10;
	width:100px;
	height:20px;
	background-color:#89bd75;
	color:White;
	font-size:10pt;
	}
.immagini a:link
{
	border:solid 1px #DCDCDC;
	position:relative;
	float:left;
	text-align:center;
	width:102px;
	height:102px;
	margin:0px 10px 0px 0px;
	padding:2px 2px 2px 2px;
	top: 0px;
	
}	
.immagini a:visited
{
	border:solid 1px #DCDCDC;
	position:relative;
	float:left;
	text-align:center;
	width:102px;
	height:102px;
	margin:0px 10px 0px 0px;
	padding:2px 2px 2px 2px;
	top: 0px;
	
	
	}
.immagini a:hover
{
	border:solid 1px black;
	position:relative;
	float:left;
	text-align:center;
	width:102px;
	height:102px;
	margin:0px 10px 0px 0px;
	padding:2px 2px 2px 2px;
	}
	
.zoom
{
	width:100px;
	height:10px;
	text-align:center;
	font-size:10pt;
	
	
	}

li 
{
	color:Black;
	}

.contenitore 
{
	width:970px;
	height:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	z-index:0;
	background-color:#FFFFFF;
	}

/*INTESTAZIONE*/

.logo_servizi
{
	 position:absolute;
	 top:10px;
	 padding:0px 5px 0px 5px;
	 left:10px;
	 width:auto;
	 text-align:center;
	 vertical-align:middle;
	 background-color:#EDBF4A;
	 color:White;
	 height:20px;
	 -moz-border-radius: 5px 5px / 5px 10px;
	 border-radius: 10px 10px / 10px 10px;
	}

.intestazione
{
	width:660px;
	background-color:#E5E1D6;
	left:0px;
	z-index:2;
	margin:10px 0px 0px 0px;
	padding:20px;
	height:auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	}

.intestazione_suap
{
	width:660px;
	background-color:#E5E1D6;
	left:0px;
	z-index:2;
	margin:10px 0px 0px 0px;
	padding:20px;
	height:auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	}
.intestazione_suap p
{
	font-size:8pt;
	}

.intestazione_suap ul
{
	font-size:8pt;
	}
		
.intestazione #titoli_servizi h2
{
	position:relative;
	top:10px;
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px 0px 10px 0px;
	
	}
.intestazione h2 strong 
{
	font-size:16pt;
	color:#bd1e1e;
	
	}
.intestazione p
{
	height:100%;
	margin:0px;
	padding:0px;
	}

.intestazione h1
{
	padding-top:0px;
	margin: 0px 0px 0px 10px;
	position:static;
	}
.intestazione h2
{
	width:100%;
	padding-right:0px;
	margin-right:0px;
	padding-top:10px;
	height:55px;
	margin-top:0px;
	line-height:30px;
	margin-left:130px;
	width:500px;
	}

.logo
{
	margin:0px;
	z-index:5;
	position:absolute;
	top:10px;
	left:0px;
	float:left; 
	padding:0px;
	width:100px;
	height:90px;

	}

/*BANDA DESTRA*/

.banda_destra
{
	width:250px;
	height:auto;
	position:absolute;
	left:720px;
	top:10px;
	background-color:#FFFFFF;

	}
.banda_destra #b_rosso
{
	border-top:solid 10px #ae1f1f;
	}
.banda_destra #b_verde
{
	border-top:solid 10px #7db948;
	}	
.banda_destra #b_blu
{
	border-top:solid 10px #1c74b1;
	}
.banda_destra #b_giallo
{
	border-top:solid 10px #e7db5b;
	}
.banda_destra #b_arancio
{
	border-top:solid 10px #ffc527;
	}
.banda_destra #b_grigio
{
	border-top:solid 10px #A9A9A9;
	}
.menu_info
{
	margin-bottom:20px;
	}
/*CONTENUTO*/

.contenuto
{
	width:700px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 10px 10px 0px;
	position:relative;
	top:10px;
	left: 0px;
}

.descrizione_software
{
	text-align:left;
	margin:0px;
	color:#646060;
	font-size:10pt;
}

/*DETTAGLI*/

.dettagli
{
	background-color:#FFFFFF;
	height:100%;
	padding:0px 10px 0px 10px;
	width:690px;
	}
.dettagli li
{
	color:#2F2F2F;
	}

.menu
{
	background-color:#FFFFFF;
	width:250px;
	height:auto;

	}
.menu em
{
	font-weight:normal;
		color:#808080;
	font-style:normal;
	font-weight:normal;
	}
.menu a
{
	line-height:22px;
	letter-spacing:normal;

	}
.menu h1
{
	font-size:11pt;
	padding:0px;
	letter-spacing:normal;
	}
.menu p
{
	line-height:normal;
	padding:5px 0px 0px 0px;
	margin:0px;
	}
.menu #cportal
{
	background-color:#4E7BA0;
	padding:0px 5px 0px 10px;
	color:White;
	}

.menu #cimiteri
{
	background-color:#e6e6e6;
	padding:0px 0px 0px 10px;
	color:#808080;
	}

.menu #archi
{
	background-color:#e6e6e6;
	padding:0px 0px 0px 10px;
	color:#808080;
	}
.menu #servizi
{
	background-color:#EDBF4A;
	color:black;
	padding:0px 10px 0px 10px;

	
	}

.menu #condono
{
	background-color:#EABF34;
	padding:0px 5px 0px 10px;
	}

.menu #catasto
{
	
	padding:0px 5px 0px 10px;
	background-color:#D8CCC5;
	color:White;
	
	}

.menu_progetti
{
	background-color:White;
	padding:0px 5px 0px 10px;
	border:solid 1px #959595;
	border-top:solid 10px #A9A9A9;
	height:auto;
	}
	
#pannellobrochure 
{	
	background-color:#B0BB0B;
	font-size:14px;
	width:660px;
	position:static;
	top:75px;
	height:22px;
	margin-top:5px;
	padding-right:20px;
	z-index:1;
	text-align:right;
	padding-top:3px;
	
	
}

#pannellobrochure a 
{
	color:White;
	z-index:1;

	}
.immagini_centrale
{
	border: solid 5px #c5c0b0;
	margin: 10px 0px 0px 0px;
	
	}
.div_slogan
{
	position:relative;
	top:80px;
	text-align:center;
	float:right;
	width:220px;
	left: 0px;
}
.footer
{
	position:relative;
	top:23px;
	padding-left:10px;
	padding-top:10px;
	width:960px;
	background-color: white;
	height:100%;
	vertical-align:bottom;
	}

.pubblicità_1
{
	text-align:center;
	
	
	}
.pubblicità_1 h1
{
	font-size:14pt;
	text-align:center;
	padding-top:10px;
	color:White;
	
	
	
	}
.pubblicità_1 p
{
	text-align:center;
	color:White;
	font-size:12pt;
	font-style:normal;
	}
.pubblicità_1 em 
{
	font-weight:bold;
	color:white;
	}

.pubblicità_2
{
	background-color:#FFCC00;
	height:200px;
	border:2px solid white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-top:20px;
	padding:0px 5px 0px 5px;
	
	}
.pubblicità_2 h1
{
	font-size:14pt;
	text-align:center;
	padding-top:10px;
	color:black;
	
	}
.pubblicità_2 p
{
	text-align:center;
	color:black;
	font-size:12pt;
	font-style:normal;
	}
.pubblicità_2 em 
{
	font-weight:bold;
	color:black;
	}
	

.elenco_software
{
	vertical-align:top;
	width:33%;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	}

.elenco_software a
{
	
	margin:0px 0px 0px 0px;
	font-size:11pt;
	line-height:normal;
	padding:0px;
	border:0px;
	letter-spacing:normal;
	
	
	}

.elenco_software p
{
	font-size:8pt;
	margin-top:5px;
	line-height:14px;
	text-align:left;
	}
.elenco_software img
{
	float:left;
	margin:0px 3px 3px 3px;
	padding:0px;
	}
.elenco_software strong
{
	font-size:8pt;
	
	}
.posizione_sfondo
{
	position:absolute;
	top:178px;
	background-color:black;
	width:970px;
	height:25px;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
	
	}
.posizione
{
	position:absolute;
	top:178px;
	
	width:950px;
	height:25px;
	color:White;
	font-size:12pt;
	padding-left:20px;
	line-height:25px;
	
	}
	
.intestazione_cornice
{
	margin:0px;
	padding:0px;
	height:17px;
	}
.immagini_lezioni
{
	border:solid 1px black;
	margin-top:10px;
	margin-bottom:10px;
	}
#lezioni ul
{
	margin:10px 0px 0px 20px;
	padding:0px;
	}
