@CHARSET "UTF-8";

#aree-elenco{
	background-color: #ffffff;
	padding:0px;
	margin: 0px;
}

#aree-elenco #area1, #aree-elenco #area2, #aree-elenco #area3{
	min-width: 400px;
	margin-bottom: 15px;
}




#area1 {
	background-color: #005e9c;
}

#area2 {
	background-color: #c4c54e;
}

#area3 {
	background-color: #f8931d;
}

#area1 #corpo, #area2 #corpo, #area3 #corpo{
	font-size: 1.2em;
	text-align:justify;
	padding: 0px 20px 0px 20px;
	text-indent: 0px;
	color: black;
	
	
	
}


#area1 #testa, #area2 #testa, #area3 #testa{
	
	padding: 4px 20px 4px 20px;
	margin: 0px;
	border-bottom: solid 2px white;
	font-family: sans-serif;
	font-size: 2em;
	color: white;
}

#area1 #sottotitolo, #area2 #sottotitolo, #area3 #sottotitolo{
	padding: 4px 20px 14px 20px;
	text-indent: 0px;
	font-size: 1.4em;
	color: white;
}

/*presentazione dei link come bottone*/
#aree-elenco #link, #area1-link #link, #area2-link #link, #area3-link #link{
	text-align:right;
	padding: 5px 20px 15px 20px;
	/*background-color: yellow;*/	
}

#aree-elenco #link a, #area1-link #link a, #area2-link #link a, #area3-link #link a{
	background: transparent url('/images/puls_sx.gif') no-repeat top left;
	display: block;
	float: right;
	font: normal 12px Arial; /* Font del pulsante */
	line-height: 15px; /* A questo valore si deve sempre aggiungere + 4px + 4px (и il top e bottom padding del tag SPAN) deve essere uguale all'altezza dell'immnagine di sfondo del pulsante default 23px) */
	height: 23px; /* altezza dell'immnagine di sfondo del pulsante */
	padding-left: 9px; /* larghezza della parte sx del pulsante */
	text-decoration: none;
}

#aree-elenco #link a:link,#aree-elenco #link a:visited,#aree-elenco #link a:active{
	color: #494949; /*colore testo pulsante*/
}

#aree-elenco #link a span, #area1-link #link a span, #area2-link #link a span, #area3-link #link a span{
	background: transparent url('/images/puls_dx.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; 
}

#aree-elenco #link a:hover, #area1-link #link a:hover, #area2-link #link a:hover, #area3-link #link a:hover{ 
	background-position: bottom left;
}

#aree-elenco #link a:hover span, #area1-link #link a:hover span, #area2-link #link a:hover span, #area3-link #link a:hover span{ 
	background-position: bottom right;
	color: black;
}

.buttonwrapper{
	clear: both;
	
}

#area1-servizio,#area2-servizio,#area3-servizio{
	border: solid 1px;
	margin: 0px 10px 10px 0px;
	padding: 10px 20px 10px 25px;
	font-size: 12px;
}

#area1-servizio{
	border-color: #005e9c;
}

#area2-servizio{
	border-color: #c4c54e;
}

#area3-servizio{
	border-color: #f8931d;

}

#area1-titoloservizio, #area2-titoloservizio, #area3-titoloservizio{
	/*margin: 0px 20px 0px 25px;*/
	font-size: 16px;
	font-weight: bold;
}

#area1-titoloservizio{
	color:#005e9c;
}

#area2-titoloservizio{
	color:#c4c54e;
}

#area3-titoloservizio{
	color:#fcb42c;
}

#area1-descservizio, #area2-descservizio, #area3-descservizio{
	/*margin: 0px 20px 0px 25px;*/
	font-size: 12px;
	
}
#area1-messaggioerrore, #area2-messaggioerrore, #area3-messaggioerrore{
	/*margin: 0px 0px 0px 25px;
	font-size: 12px;
	text-align: center;*/
	color:red;
}

#area1-messaggioerrore, #area1-avviso{
 	background-color: #d4e4ee;
 }
 #area2-messaggioerrore, #area2-avviso{
 	background-color: #c4c54e;
 }
 #area3-messaggioerrore, #area3-avviso{
 	background-color: #ffeed1; 
 }
 
 #area1-link, #area2-link, #area3-link{
	margin: 0px 20px 0px 25px;
	text-align: right;
}
 #area1-link #link a:link,#area1-link #link a:visited,#area1-link #link a:active{
	color: #0080bf; /*colore testo pulsante*/
}

 #area2-link #link a:link,#area2-link #link a:visited,#area2-link #link a:active{
	color: #c4c54e; /*colore testo pulsante*/
}

 #area3-link #link a:link,#area3-link #link a:visited,#area3-link #link a:active{
	color: #805c16; /*colore testo pulsante*/
}

#area1-titoloarea, #area2-titoloarea, #area3-titoloarea{
	display: block; 
	height: 40px;
	background-repeat: no-repeat;
	color:white;
	font-size: 18px;
	padding:10px;
	text-align:center;
	text-transform: uppercase;
	
}

#area1-titoloarea img, #area2-titoloarea img, #area3-titoloarea img{
	display: inline;
  	margin: 2px;
}

#area1-titoloarea{
	background-image: url(/images/area01sfondo.jpg); 
}
#area2-titoloarea{
	background-image: url(/images/area02sfondo.jpg);
}
#area3-titoloarea{
	background-image: url(/images/area03sfondo.jpg);
}