/******
sezione x impostare il layout generale del sito 
******/
body { 
margin:0; padding:0;
text-align:center; /**** per allineare tutto il contenuto al centro ****/
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 110%;
background-color: rgb(238,238,238);
}

#formato {
	text-align: left;
	width: 99%;
	margin-left: 0em;
	margin-right: 0em;
	background-color: #084375;
}
#formato h1 { display:none }

#corpo { /* x impostare il corpo centrale */
background:#000000;
position:relative;
margin:0em 0em;
text-align:left;
border-bottom: 1px solid  #ffffff; /*bordo sotto */
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
width:100%;
}
#corpo-colonna1 {/* stili per le 3 colonne dei contenuti */
position:absolute;
top:0; left:0;
width:20%;
padding:1em 0;
}
#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:25%;
padding:1em 0;
}
#corpo-colonna2 {
background:#000000;
margin:0 25% 0 20%; 
border-left:1px dotted #ffffff; 
border-right:1px dotted #ffffff;
padding:.2em 0;
padding-bottom: 2em;
}
/******
fine sezione x impostare il layout generale del sito 
******/

/******
sezione impostazioni x contenuti della testata 
******/
#testa { /* x impostare la testata */
background: url(/images/bg_head.gif) repeat;
background-color: #084375;
width:100%;
margin:0em auto;
text-align:left;
}

/******
sezione per definire stili del menu di servizio -riga blu
******/
#menu {
	background: #000000;	
	width: 100%;
	/*height: 2.3em; */
}
p#nav {
	position: relative;
	padding: .2em 2.5%;
	margin: .4em 0 0 0;	
	font-size: .9em; color: #e3e3e3;
	font-weight: bold;
}
p#nav a {
	color: #FFFFFF;
	text-decoration: none;
	padding: .1em .6em;	
}
p#nav a:hover {
		color: #000000;
		background-color: #ffff00;
		border-bottom:1px dotted #084375;
}
p#nav span.qui {
	color: #FFFFFF;
	padding: .4em 1em .4em .1em;
	text-decoration : overline;
}

#barragrafica {
	background: #084375 url(/images/img_barra_grafica.jpg) no-repeat 0% 0px; /* sostituire con es. http://maed.acocms.it/photo/imgbarra.jpg */
	height: 44px;
	border-bottom:1px solid #ffffff;
}

/******
sezione x impostare i contenuti delle 3 colonne centrali 
******/
#contenutosinistra { /* stili per contenuti della colonna di sinistra */
display:block;
}
#contenutocentro { /* stili per contenuti della colonna centrale */
display:block;
margin:0em 1em .0em .6em;
padding-bottom: 6em;
}
#contenutodestra { /* stili per contenuti della colonna di destra */
display:block;
}

.categoria { /* stili per il menu di sinistra*/
background-color: #eeeeee;
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0.5em;
line-height: 100%;
FONT-WEIGHT: bold;
}
#scelta_stili{  /* stile per il la scelta dello stile sulla colonna di destra*/
FONT-WEIGHT: bold;
font-size: 80%;
padding-left: 0.5em;
line-height: 180%;
}
#box_evidenza {/* Stili box In Evidenza*/
color: #ffffff;
padding-top: 3px;
padding-bottom: 10px;
padding-left: 0.1em;
line-height: 100%;
font-weight: normal;
margin:0em 1em .0em .6em;
}
#box_evidenza h4 {font-size: 100%; color: #ffffff; margin: 1px;}
.testo_box_evidenza { 
font-size: 100%; 
COLOR: #ffffff;
TEXT-DECORATION: none;
margin-bottom : 20px;
}
p.testo_box_evidenza {
	margin-top: 14px;
}
/******
sezione x impostare i vari elementi generali
******/
hr { display:none } /* righe separatrici, solo x browser senza supporto css */

h1 {
COLOR: #666666;
}
h2 {
font-size: 1.2em;
COLOR: #ffff00;
line-height: 85%;
}
h3 {font-size: 1em;
COLOR: #ffff00;}
h4 {}
h5 {}
h6 {}

a {color: #ffffff;}
a:hover {color: #000000; background:#ffff00; padding: 1px}
p {color: #ffffff;}
/******
impostazioni x path di percorso 
******/
#wwwpath {
	margin:0em;
	text-align:left;
	border-right:1px solid #084375;
	border-left:1px solid #084375;
	border-bottom: 1px dashed #084375;
	background-color : #fff;
	font-size: 85%;
	padding-left : 5px;
	padding-top : 2px;
	padding-bottom : 2px;
}
#wwwpath a
	{	
	COLOR: #000000;	
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;	
	}
#wwwpath a:hover
	{
	COLOR: #ffffff;
	background:#084375;
	}	
	
/******
stili nascosti visibili solo senza supporto per CSS
******/
#invisibile { display: none } /* nasconde un elemento visibile solo a chi non ha il supporto x i css */
.invisibile { display: none }
/******
sezione x impostare i blocchi articolo 
******/
.wwwtitoloblocco   
{
FONT-WEIGHT: bold;
font-size: 90%;
COLOR: #ffff00;
padding-top: 4px;
font-variant : small-caps;
}
.wwwsottotitoloblocco {  
FONT-WEIGHT: bold;
COLOR: #ffff00;
font-size: 80%;
}
.wwwautoreblocco { /* se viene specificato un'autore */
font-size: 85%;
FONT-STYLE: italic;
COLOR: #ffffff;
margin-bottom : 10px;
}
.wwwtesto { /* per specificare delle caratteristiche del testo diverse da quelle specificate nel body */
font-size: 100%; /* se si specifica un valore % diverso viene preso come riferimento per la percentuale, il valore specificato nel body */
COLOR: #ffffff;
TEXT-DECORATION: none;
margin-bottom : 30px;
}
.wwwlink {  
FONT-WEIGHT: bold;
font-size: 80%;
}
a.wwwlink  {color: #ffffff;}
a:hover.wwwlink  {color: #000000; background:#ffff00;}

.wwwsottotitolorubrica {
font-size: 100%; /* se si specifica un valore % diverso viene preso come riferimento per la percentuale, il valore specificato nel body */
COLOR: #ffffff;
TEXT-DECORATION: none;
margin-bottom : 20px;
}
/******
stili degli elenchi nel testo
******/
.wwwtesto ul {
	list-style-type: disc;
	COLOR: #ffffff;	
}
.wwwtesto ul {margin:10px}
.wwwtesto li {	
color : #ffffff;
padding: .2em .2em; 
TEXT-DECORATION: none;
}
.wwwtesto li a {	
color : #ffffff;
padding: .2em .2em; 
TEXT-DECORATION: none;
}
.wwwtesto li a:visited {	
color : #ffffff;
padding: .2em .2em; 
TEXT-DECORATION: none;
}
.wwwtesto li a:hover  { 
color: #000000; 
background:#ffff00; 
padding: .2em .2em; 
}

/******
sezione x impostare testi colonna sinistra (menu)
******/
.titolocolonna   
{
FONT-WEIGHT: bold;
font-size: 80%;
COLOR: #ffffff;
padding: 2px;
}

ul {
	list-style-type: disc;
	COLOR: #ffffff;
	padding-left:5px;
}
ul,li {margin:9px}
/****** inizio pezzo inserito 9 gennaio x correzione bug su mappa sito 
cancellato anche gli stili per ul.a e li.a e ul.hover e li.hover 
******/

.menu1 {
padding-left:1px;
padding-bottom:1px;
font-family:Tahoma,Arial, sans-serif;
font-weight:bold;
font-size:80%;
line-height: 120%;
}
ul.menu1 {
	list-style-type: disc;
	COLOR: #ffffff;
	padding-left:5px;
}
ul.menu1,li.menu1 {margin:9px}
li.menu1 a, li.menu1 a:visited {	
color : #ffffff;
padding: .1em .1em; 
display: block;
TEXT-DECORATION: none;
}
li.menu1 a:hover  { color: #000000; background: #ffff00; display: block; padding: .1em .1em; }
				
				/******stili degli elenchi dell'albero del sito******/
ul.mappa {
	list-style-type: disc;
	COLOR: #ffffff;
	padding-left:5px;
	margin:9px
}
li.mappa {margin:9px}
li.mappa a {	
color : #ffffff;
padding: 5px; 
TEXT-DECORATION: none;
}
li.mappa a:visited {	
color : #ffffff;
padding: 5px; 
TEXT-DECORATION: none;
}
li.mappa a:hover  { color: #000000; background-color: #ffff00; padding: 5px; }

/****** fine pezzo inserito 9 gennaio x correzione bug su mappa sito ******/

/********************
box ricerca
************************/
.boxcerca {			
	padding: 5px;
	border-top:1px solid #084375;
	border-right:1px solid #084375;
	border-left:1px solid #084375;
	border-bottom: 2px solid #084375;
	margin:0 .5em .5em .5em;
}
.pulsante {
background:#dddddd; 
cursor:pointer;
}
.label_form                           
	{
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BACKGROUND-COLOR: #FFFFFF;
	}
/********************	
newsletter
************************/
.Label                           
	{
	font-weight: normal;
	COLOR: #ffffff;	
	BACKGROUND-COLOR: #000000;	
	}	
.input                           
	{	
	color: #ffffff;
	font-weight: bold;	
	padding: 4px;
	margin-top: .5em;
	margin-bottom: .5em;
	}	
input                           
	{	
	color: #000000;
	font-weight: bold;	
	padding: 4px;	
	margin-bottom: 8px;
	}	
select	{	
	color: #000000;	
	font-weight: bold;	
	margin-bottom: .5em;
	}	
	
/********* 
footer
***********/
.piedipagina { /* x impostare il footer */
border-top:1px solid #333333; 
width:100%;
padding-top:3px;
padding-bottom: 3px;
text-align:center;
color: #ffffff;
font-size: 85%;
background: #000000;	

}
.piedipagina a {
	color: #ffffff;	
	font-weight: bold;
	border: none 0px;	
	padding:1px;
	background: #000000;		
}
.piedipagina a:hover {
	color: #000000;
	background-color: #ffff00;	
	font-weight: bold;	
	
}
#up_piedipagina {border-top:1px solid #689AD2; height: 1px; background-color: #689AD2;}

.disclaimer { /* dichiarazione di responsabilità */
border-top:1px solid #333333;
background-color: rgb(238,238,238); 
font-size:85%;
padding-top:3px;
padding-bottom: 3px;
text-align:center;
color: #ff00ff;
}
.disclaimer a { 
color: #000000;
}
.disclaimer p { 
color: #000000;
margin:0; padding:0;
}
	
/******
stili custom
******/
img.dx {float:right; margin : 4px;}
img.sx {float:left; margin : 4px;}

.torna_su { 
font-size: 100%; 
COLOR: #000000;
TEXT-DECORATION: none;
padding-top: 15em;
padding-bottom: 10px;
}

/******** box approfondimento   ***********/
.box { 
width:98%; 
border:1px solid #ffffff; 
padding:7px; 
margin:1px;
background:#333333;
}
.box2 { 
width:224px;
}
.content { 
border:1px solid #084375; 
padding:7px; 
}
           /*** x impostare i blocchi articolo del box - x adesso sono uguali ai blocchi normali *****/
.wwwtitoloblocco_box   
{
FONT-WEIGHT: bold;
font-size: 100%;
COLOR: #ffff00;
padding-top: 4px;
font-variant : small-caps;
}
.wwwsottotitoloblocco_box {
FONT-WEIGHT: bold;
COLOR: #ffff00;
font-size: 80%;	
}
p.wwwsottotitoloblocco_box {
	line-height : 1px;
}
.wwwautoreblocco_box { /* se viene specificato un'autore */
font-size: 85%;
FONT-STYLE: italic;
COLOR: #ffffff;
margin-bottom : 10px;
}
.wwwtesto_box { 
font-size: 100%; 
COLOR: #ffffff;
TEXT-DECORATION: none;
margin-bottom : 20px;
}

/******** Classi Form iscrizione newsletter   ***********/
fieldset {padding:10px;color:#fff;}
legend {font-size:100%;border:1px solid #fff;background:#efefef;color:#000;padding: .3em;FONT-WEIGHT: bold;}

fieldset.dati_nome legend {font-size:85%;color:#000;}
fieldset.dati_nome input {margin:0px;margin-top:1em;}
fieldset.dati_nome select {margin:0px;margin-top:1em;}

fieldset.email legend {font-size:85%;color:#000;}
fieldset.email input {margin:0px;margin-top:1em;}

fieldset.preferenze legend {font-size:85%;color:#000;}
fieldset.preferenze input {margin:0px;margin-top:1em;}

fieldset.submit {text-align:right;}
fieldset.submit input{border:1px solid #777;background:#efefef;cursor:hand;pointer:hand;}

fieldset p {padding:1px;}



/***Upgrade del 09 febbraio 2006***/
IMG.right
{
    FLOAT: right
}
P.right
{
    TEXT-ALIGN: right
}
IMG.left
{
    FLOAT: left
}
P.left
{
    TEXT-ALIGN: left
}
IMG.center
{
    FLOAT: center
}
P.center
{
    TEXT-ALIGN: center
}