body {
    margin: 10px;
/*per cambiare sfondo invertire
	background: url(../image/sfondonatale2013A.jpg) fixed #FE9B00;;*/
	
	background: url(../image/sfondoprova3.png) repeat fixed #FE9B00	
	font-family: arial;
	font-size:14px;
}

#centraleAPP{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/APPOrario.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px;
	width: 200px; 
	height:200px;	
	}


#centraleAPP:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/APPOrarioGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px; 
	height:200px;
	
}

#centraleMOD{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/modulistica.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px;
	width: 200px; 
	height:200px;	
	}


#centraleMOD:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/modulisticaGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px; 
	height:200px;
	
}

#centraleSIT{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/SITOOrario.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px;
	width: 200px; 
	height:200px;	
	}


#centraleSIT:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/SITOOrarioGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px; 
	height:200px;
}






#centraleP{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/prenotazioniGI.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleP:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/prenotazioniGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}

#centraleC{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/circolariGI.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleC:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/circolariGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}

#centraleD{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/documentiGI.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleD:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/documentiGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}

#centraleCO{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/consegnaGI.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleCO:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/consegnaGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}
#centraleMUD{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/monitoraggioRO.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleMUD:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/monitoraggioGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}
#centraleEM{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/emailRO.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleEM:hover{
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/emailGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}

#centraleA{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/agendaRO.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleA:hover{
	border: solid 0px transparent;
	font-weight: bold;
	background-image: url("../ARCHIVIO/images/agendaGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}

#centraleRIV{
	text-decoration: none;
	border: solid 0px #A8151C;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/orarioricevimento.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;	
	}


#centraleRIV:hover{
	border: solid 0px transparent;
	font-weight: bold;
	background-image: url("../ARCHIVIO/images/orarioricevimentoGR.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
}

#centrale{
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	border-radius: 15px 15px 15px 15px;
	background-image: url("../ARCHIVIO/images/centrale1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 200px 175px;
	width: 200px; 
	height:175px;
	text-decoration: none;	
	}


#centrale:hover{
	
	color: #ffffff;
	border: solid 0px transparent;
	background-image: url("../ARCHIVIO/images/centrale2A.png");
	background-position: center center;
    background-repeat: no-repeat;
   	width: 200px;
	height:175px;
	text-decoration: none;
}

#fine{
	color: #A8151C;
	list-style-type: square;
}
#BloccoNews {
  position:  relative;
  top: 10px;
  width:440px;
  text-align: center;
  border-radius: 0px 0px 0px 20px;
  list-style-type: disk;
  border-top: 0px;
  vertical-align: top;
}

#newsTop  {

  width:440px;
  list-style-type: disk;
  text-align: center;
  border-radius: 20px 20px 0px 0px; 
  border: solid 0px #FFCC00;  
  padding: 10px 0px 5px 0px; 
  height: 20px;
  color:#FFffff;
  font-family: Arial;
  font-size: 16px;
  font-style:italic;
  font-weight: 600;
  letter-spacing: 1px;
  background: #A8151C;
  box-shadow: 0 0px 0px #A8151C, inset 0 5px 8px #d2d2d2;
  -o-box-shadow: 0 0px 1px #A8151C, inset 0 1px 10px #ffffff;
  -webkit-box-shadow: 0 0px 1px #A8151C, inset 0 1px 10px #ffffff;
  -moz-box-shadow: 0 0px 1px #A8151C, inset 0 1px 10px #ffffff;
}


#NewsInfo  {
	width:416px;
	list-style-type: disk;
	padding-top:0px;
	border-radius: 0px 0px 0px 20px;
    border-top: solid 0px;	
	border-bottom: solid 2px #A8151C;
	border-left: solid 2px #A8151C; 
	border-right: solid 2px #A8151C; 
	padding-left: 10px;
	padding-right: 10px; 
	background:#ffffff;
	
}

#NewsInfo fieldset {
	width:394px;
	padding-top:2px; 
	border: solid 1px #A8151C;
	}

#NewsInfo legend {
	font-size: 12px; 
	font-weight: bold; 
	color: #A8151C;
}

/* #NewsInfo ul {
color: #000000;
list-style: disk;
} */
#home a {
	TEXT-DECORATION: none;
	color: #A8151C;
}
#home a:hover {
	COLOR: #A8151C;
	text-decoration: underline;
}
#home a:visited
{
TEXT-DECORATION: none;
}
#NewsInfo ul {
	background:#ffffff; 
	/* list-style-type:none; */
	border:0px;
	cursor: text;
	color: #A8151C;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	padding: 10px;
	
}
#NewsInfo ul a {
	background:#ffffff; 
	/* list-style-type:none; */
	border:0px;
	cursor: text;
	color: #A8151C;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	text-decoration: none;
}

#NewsInfo ul a:hover {
	background:#ffffff; 
	/* list-style-type:none; */
	border:0px;
	cursor: text;
	color: #A8151C;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
}

#vecchienews
{
	text-decoration: none;
	background:#ffffff; 
	border:0px;
	cursor: text;
	color: #A8151C;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	text-align: left;
	}

#vecchienews a
{
	text-decoration: none;
	background:#ffffff; 
	border:0px;
	cursor: text;
	color: #A8151C;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	text-align: left;
	}
	
#vecchienews a:hover
{
	background:#ffffff; 
	/* list-style-type:none; */
	border:0px;
	cursor: text;
	color: #A8151C;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
	}

#foto {
	text-decoration: none;
	text-align: center;
	background-image: url(../image/home3b1.png);
    background-position: center center;
    background-repeat: no-repeat;
	border: solid 0px #000000;
	width: 343px; 
	height:306px;
		}
		
#foto:hover{
	text-decoration: none;
	background-image: url(../image/home3b2.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: solid 0px red;
	width: 343px; 
	height:306px;
		}
#evidenza {
	text-decoration: none;
	text-align: center;
	background-image: transparent;
    background-position: center center;
    background-repeat: no-repeat;
	border: solid 0px #000000;
	width: 343px; 
	height:306px;
		}
		

		
#news{
	text-align: center;
	border: solid 0px red;
	width: 562px;
	height:auto;
	position: absolute;
	top: 235px;
	}
	
.tcloseprivacy {position:absolute; top:0px; right:0px; width:65px; height:30px; cursor:pointer; background:url(../image/accetto.png) no-repeat}
.tcloseprivacy:hover {background-position:0 0px}


@keyframes ral {
    from {transform:scale(0,0);}
    to {transform:scale(1,1);}
}

@keyframes scalaImmagine {
    from {transform:scale(1,1);}
    to {transform:scale(2,2);}
}

@keyframes scalaImmagine2 {
	
    from {transform:scale(1,1);}
    to {transform:scale(1.2,1.2)}	
}

@keyframes scalaImmagine3 {
	
    from {transform:scale(1,1);}
    to {transform:scale(1.15,1.15)}	
}

@keyframes scalaImmagineH {
    from {transform:scale(1,1) translate(0,0); }
    to {transform:scale(1.9,1.9) translate(0,-35px);}
}
@keyframes scalaImmagineH0 {
    from {transform:scale(1,1) translate(0,0); }
    to {transform:scale(1.3,1.3) translate(0,-35px);}
}
@keyframes scalaImmagineH1 {
    from {transform:scale(1,1) translate(0,0); }
    to {transform:scale(2.4,2.4) translate(0,-50px);}
}

@keyframes ruotaImmagine {    
	from {transform:rotate(0deg) scale(1,1) ;}
    to {transform:rotate(30deg) scale(1.4,1.4) ;}
	
}

@keyframes scalaImmaginePOPUP {
    from {transform:scale(0.1,0.1); translate(0,0px);}
    to {transform:scale(1,1); translate(0,0px);}
}

#rot img {
	border-radius: 5px 5px 5px 5px ;
}

#rot img:hover {
	
	animation-name:ruotaImmagine;
	transform:rotate(30deg) scale(1.4,1.4);
	animation-duration:1.2s;
	border-radius: 5px 5px 5px 5px ;	
	}

#POPUP img {
	position:relative;
	top: -150px;
	z-index: 222222;
	animation-name:scalaImmaginePOPUP;
	transform:scale(1,1) translate(0,0px);
	animation-duration:2s;
}

#ral {
	animation-name:ral;
	animation-duration:2s;
}

.apertura {
	position: absolute; 
	z-index:14000;
	animation-name:scalaImmaginePOPUP;
	/*transform:scale(2,2) ;*/
	animation-duration: 3s;
	
}

.ing {
	
    
}

.ing:hover {
	position: absolute; 
	z-index:14000;
	animation-name:scalaImmagine;
	transform:scale(2,2) ;
	animation-duration: 2s;
	
}


.ingH:hover {
	position: absolute; 
	z-index:14000;
	width:180px;
	height: 300px;
	background-image: url('');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180px;
	background-color: #fff;
	animation-name:scalaImmagineH;
	transform:scale(1.9,1.9) translate(0,-35px);
	animation-duration: 2s;
}

.ingH0:hover {
	position: absolute; 
	z-index:14000;
	width:180px;
	height: 300px;
	background-image: url('');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180px;
	background-color: #fff;
	animation-name:scalaImmagineH0;
	transform:scale(1.3,1.3) translate(0,-35px);
	animation-duration: 2s;
	
}

.ingH1:hover {
	position: absolute; 
	z-index:14000;
	width:180px;
	height: 160px;
	background-image: url('');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 180px;
	background-color: #fff;
	animation-name:scalaImmagineH1;
	transform:scale(2.4,2.4) translate(0,-50px);
	animation-duration: 2s;
	
}
.ingH2:hover {
	position: absolute; 
	z-index:14000;
	width:180px;
	height: 160px;
	background-image: url('');
	background-position: center;
	background-repeat: no-repeat;
	animation:scalaImmagine2 0.5s;
	
	
}
.battito:hover {
	position: absolute; 
	/* z-index:9300; */
	width:180px;
	height: 160px;
	background-image: url('');
	background-position: center;
	background-repeat: no-repeat;
	animation:scalaImmagine3 0.5s infinite;
	animation-direction: alternate;
		
}