body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #2a5db9;
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
}

img{
	border: 0px;
	text-decoration: none;
}

.clearfix{
	clear: both;
}

/*contenitore*/

#container{
	width: 900px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	background-color: #ffffff;

	
}

/*menu superiore*/

#topnavigation{
	height: 30px;
	/*
	background-color:#2a5db9;*/
	background-color:#141493;
	margin: 0px 0;
}

#topnavigation a{
	width: 225px;
	height: 30px;
	
	float: left;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;

}

#topnavigation a:hover{
	color: #ffffff;
	background-color: #45a12a;

}

/*header*/

#header{
	width: auto;
	height: 392px;
	position: relative;
	background: url(../images/header.jpg) no-repeat;
	color: #ffffff;
}

/*scritte header*/

#logo{
	width:487px;
	height:93px;
	background: url(../images/logo_sensocivico_ultimate_3.png) no-repeat;
	position: absolute;
	top: 70px;
	left: 40px;
	font-size: 38px;
}

#slogan1{
	position: absolute;
	bottom: 55px;
	right: 30px;
	font-size: 13px;
	font-style: serif;
	font-weight: bold ;
	background-color: #000000;
	color:#ffffff;
}

#slogan2{
	position: absolute;
	bottom: 15px;
	right: 30px;
	font-size: 13px;
	font-weight: bold ;
	background-color: #000000;
	color:#ffffff;
}

/*login - colonna sinistra*/

#login{
	position: absolute;
	top: 0px;
	right: 0px;
	width:225px;
	height: 180px;
	font-weight: bold ;
	font-size: 13px;
	color:#ffffff;
	padding-top:20px;
	text-align:center;
}

#login fieldset{
  	border:0px;
}


.restrict{
	position: absolute;
	top: 0px;
	right: 0px;
	width:205px;
	height: 180px;
	font-weight: bold ;
	font-size: 13px;
	color:#ffffff;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}
.restrict a {
	text-decoration: none;
	color:#45a12a;
}
.restrict a:hover {
	text-decoration: none;
	color:#006fab;
}

#restrict_titolo {
	color:#D90505;
}




/*header bottom*/
#header_bottom {
	width: auto;
	height: 20px;
	padding-left:20px;
	background-color: #45a12a;
	color: #ffffff;
	text-align:left;
	font-family: "Lucida Grande", verdana, arial,helvetica, sans-serif;
	font-size: 13pt;
	}
	
#header_bottom a{
	text-decoration: none;
	color: #ffffff;
	padding-right:50px;
	float: right;
}
#header_bottom a:hover{
	background-color: #ffffff;
	color: #45a12a;
}
#bottom_privato {
	width: auto;
	height: 20px;
	padding-left:20px;
	background-color: #006fab;
	color: #ffffff;
	text-align:left;
	font-family: "Lucida Grande", verdana, arial,helvetica, sans-serif;
	font-size: 13pt;
	}
	
#bottom_privato a{
	text-decoration: none;
	color: #ffffff;
	padding-right:50px;
	float: right;
}

#bottom_privato a:hover{
	background-color: #ffffff;
	color: #006fab;
}


#errore{
	color:#E10D0D;
	font-weight :bold;
}

/*colonna sinistra*/

#left_col{
	width: 253px;
	height:auto;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
	padding-top:25px;
	padding-bottom:25px;
	border-left:dotted #cccccc 2px;
	border-right:dotted #cccccc 2px;
	display:block;
}

/*menù - colonna sinistra*/

#navigation{
	width:200px;
	font-size:13pt;
    height:auto;
    padding: 1em;
    
}

#navigation ul{
   margin-left: 0;
padding-left: 0;
list-style-type: none;

}


               
#navigation a {
	color: #45a12a;
	text-decoration: none;
	display: block;
	padding-left: 1em;
	padding-top:5px;
	
	width: 200px;
	border-bottom:dotted #cccccc 2px;
}

#navigation a:hover{
    color:#ffffff;
    background-color:#45a12a;
}

#active a:link, #active a:visited, #active a:hover
{
	color:#ffffff;
	background-color: #45a12a;
	
}



/*pulsante donazioni */

#pulsante_donazioni{
	text-align:center;
	padding-top:10px;
	padding-bottom: 10px;
}
/*pulsante blog */

#blogger img{
	display: none;
}

#blogger a {
	background:  url(../images/blogger_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float:left;
	
}
#blogger a:hover {
	background-position: -60px 50%;
	display:block;
}


/*pulsante facebook */
#facebook img{
	display: none;
	float:left;
}

#facebook a {
	background:  url(../images/facebook_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float:left;
	
}
#facebook a:hover {
	background-position: -60px 50%;
	display:block;
}

/*pulsante meteo */
#meteo img{
	display: none;
}

#meteo a {
	background:  url(../images/weather_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float:left;
	
}
#meteo a:hover {
	background-position: -60px 50%;
	display:block;
}

/*entra blog - colonna sinistra*/

.centrato {
	text-align:center;
}


/*news - colonna sinistra*/

.news{
	margin: 15px 0;
	border-bottom: 1px solid white;
}

.news a{
	color: #45a12a;
	line-height: 25px;
}

.news a:hover{
    color:#ffffff;
    background-color:#45a12a;

}

/*contatore - colonna sinistra*/

#contatore{
	margin-left: 60px;
}

/*prezzo greggio*/

#petrolio{
	margin-left:20px;
}

/*colonna destra*/

#right_col{
	width: 641px;
	float: right;
	background-color:#ffffff;
	border-right:dotted #cccccc 2px;
	display:block;
}


/*colonna destra colonna intera immagine*/

.colonna_intera{
	width: auto;

}

/*colonna destra colonna immagine*/
.colonna_immagine{
	width:200px;
	margin: 0px 0px 0px 0;
	background-color: #FFFFFF;
	float:left;
}

/*colonna destra colonna testo*/
.colonna_testo{
	width: 435px;
	float:right;
	margin: 0 0px 0px 0;
	padding: 0px;
	background-color: #FFFFFF;
	font-size: 10.5pt;
}


/*colonna destra colonna metà sinistra*/
.colonna_meta_sx{
	width:300px;
	margin: 0px 0px 0px 0;
	background-color: #FFFFFF;
	float:left;
}

/*colonna destra colonna metà destra*/
.colonna_meta_dx{
	width: 300px;
	float:right;
	margin: 0 0px 0px 0;
	padding: 0px;
	background-color: #FFFFFF;
	
}


/*titolo sezioni e paragrafi*/

.titolo{
	background: url(../images/icone2.jpg) no-repeat center left;
	font-size: 12pt;
	color:#FF0000; 					/*#3e1b1b;*/
	font-weight: ;
	padding-left:30px;
	margin-top:10px;
	margin-left:20px;
}

/*titolo sezioni e paragrafi - contrasto colore*/

.titolo span{
	color: #006fab;
}

/*area impaginazione testo*/

.contenitore_testo{
	text-align: left;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
}

.contenitore_testo a{
	color: #45a12a;
	text-decoration: none;
	line-height: 25px;
}

.contenitore_testo a:hover{
	color:#ffffff;
    background-color:#45a12a;
}


.contenitore_testo_evidenza{
	background-color:#fe6600;
	line-height: 50px;
	color:#ffffff;
	height:298px;
	font-size: 28pt;
	font-weight: bold ;
	text-align:center;
	padding:5px;
}

.tabella_calendario{
	width:600px;
	text-align:center;
	border-color: #D2D2D2;
	border-style: solid;
	border-width: 2px;
}
.tabella_calendario th {
	color: #3C3C3C;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
	height: 30px;
	font-size: 14pt;
}

.tabella_calendario td {
	border-color: #D2D2D2;
	border-style: solid;
	border-width: 0px;
	background-color: #D4FFAA;
	height: 30px;
}

.tabella_multimedia{
	width: 640px;
	border: 0px;
	text-align: center;
	
}

#oggi{
	background-color: #FF2A2A;
	color: #ffffff;
}
/*area impaginazione testo - sfondo celeste*/

.contenitore_testo_celeste{
	text-align: justify;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #d3effb;
	line-height: 25px;
}

/*area impaginazione testo - sfondo giallo*/

.contenitore_testo_giallo{
	text-align: justify;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EEE8AA;
	line-height: 25px;
}

/*area impaginazione testo - sfondo neutro*/

.contenitore_testo_neutro{
	text-align: justify;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
	line-height: 25px;
}

/*area impaginazione testo - centrale*/

.contenitore_testo_centrale{
	text-align: center;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffffff;
	line-height: 25px;
}

.contenitore_testo_centrale a{
	color: #45a12a;
	text-decoration: none;
	line-height: 25px;
}

.contenitore_testo_testo a:hover{
	color:#ffffff;
    background-color:#45a12a;
}

/*area impaginazione testo - centrale*/

.contenitore_testo_centrale_imm{
	text-align: center;
	background-color: #ffffff;
	line-height: 25px;
	width: 150px;
	height:180px;
}

/*area impaginazione  - centrale immagini*/

.contenitore_testo_centrale img{
	border: 0px;
	text-decoration: none;
	
}

/* testo grassetto*/

.grassetto{	
	font-weight: bolder;
	
}

/* testo corsivo */

.corsivo{
	font-style: italic;
}

/* testo grassetto rosso*/

.rosso{
	color: #C40000;
	font-weight:bolder;
}

/* testo rosso sito in costruzione*/

.costruzione{
	color: #000000;
	font-size: 10pt;
	text-align: center;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
	
}


/*footer*/

#bottomnavigator{
	height:20px;
	background-color:#006fab;
	text-align: center;
	font-size:10pt;
}

#bottomnavigator a{
	text-decoration:none;
  	color:#ffffff;
}

#bottomnavigator a:hover{
	text-decoration:none;
	background-color:#45a12a;
  	color: #ffffff;
}

#footer{
	/*height: 100px;
	background: url(../images/footer4.png) no-repeat;*/
	height: 40px;
	background: #45a12a;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size:10pt;
}

#footer a{
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
}

.privato{
	text-align: justify;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
}







.tabella_dati{

}
.tabella_dati table{
	width: 850px;
	font-size: 9pt;
	font-family: "Lucida Grande", verdana, arial,helvetica, sans-serif;
	
}

.tabella_dati th {
	color: #2F2F84;
	border: 1px solid;
	background-color: #AAD4FF;
}
.tabella_dati td {
	color: #696969;
	border: 1px solid;
 height: 50px;
}
.tabella_dati a{
	color:#006fab;
	text-decoration: none;
}

.tabella_dati a:hover{
	background-color:#FF5500;
	color: #ffffff;
}
/*menù - colonna sinistra*/

.privato{
	width:auto;
	font-size:11pt;
    height:auto;
    padding: 1em;
    text-align: justify;
	line-height: 25px;
    
}
.privato ul{
   margin-left: 0;
padding-left: 0;
list-style-type: none;

}



.testo_link a{

	color:#006fab;
	text-decoration: none;
	display: block;
	padding-top: 15px;
	padding-left: 15px;
	height:45px;
	width: 600px;
	float: left;
	border-bottom:dotted #cccccc 2px;	
}

.testo_link a:hover{
    color:#ffffff;
    background-color:#006fab;
}

/*pulsante mail */

#maillist img{
	display: none;
}

#maillist a {
	background:  url(../images/mail_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#maillist a:hover {
	background-position: -60px 50%;
	display:block;
}

/*pulsante setting */

#setting img{
	display: none;
}

#setting a {
	background:  url(../images/setting_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#setting a:hover {
	background-position: -60px 50%;
	display:block;
}

/*pulsante video */

#video img{
	display: none;
}

#video a {
	background:  url(../images/youtube_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#video a:hover {
	background-position: -60px 50%;
	display:block;
}

/*pulsante foto */

#foto img{
	display: none;
}

#foto a {
	background:  url(../images/foto_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#foto a:hover {
	background-position: -60px 50%;
	display:block;
}
/*pulsante calendario */

#calendario img{
	display: none;
}

#calendario a {
	background:  url(../images/calendario_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#calendario a:hover {
	background-position: -60px 50%;
	display:block;
}

/*pulsante news */

#news img{
	display: none;
}

#news a {
	background:  url(../images/news_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#news a:hover {
	background-position: -60px 50%;
	display:block;
}
/*pulsante contatto */

#contatto img{
	display: none;
}

#contatto a {
	background:  url(../images/contatto_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#contatto a:hover {
	background-position: -60px 50%;
	display:block;
}
/*pulsante contatto_visualizza */

#contatto_visualizza img{
	display: none;
}

#contatto_visualizza a {
	background:  url(../images/contatto_visualizza_roll.png) no-repeat left;
	width:60px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	
}
#contatto_visualizza a:hover {
	background-position: -60px 50%;
	display:block;
}