body { 
font: 65% verdana , lucida, arial, helvetica, sans-serif; margin:0; padding:0; 					
background:#558792 url(../img/sfumatura2.jpg) bottom left fixed repeat-x ;
text-align:left;
}

p.norientro {  text-indent:0; }
hr { display: none; }
.parentesi { display: none; } 
p {	text-indent: 2em; }

h2{  color:#427A86;
 text-decoration:underline;
padding:0; margin:0;
text-align:left;
font: 115%  verdana, lucida, arial, helvetica, sans-serif; 
font-weight:bold; ; 
}

h1{ padding:0; margin:0;
text-align:left; 
font: 130%  verdana, lucida, arial, helvetica, sans-serif; 
font-weight:bold;
color: #f00;}
 
 p{ text-indent:0; }
 h1.explain{display: none;}
 p.linkp{ text-indent: 0; }
 b.archivio{ text-align:left; }

.principale {
height:auto;
width:auto; 
background:#fff;
margin:2em 10%; 
text-align:left;
padding:0;
position: relative;
border-top:5px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:5px solid #000;
}

#testatone{ display:block; height:133px; position:relative; background:#fff;}
	
.immagine{
margin:0 0 0 0;
width:200px;
height: 133px;
background: url(../img/img/esodi.jpg);
position:absolute; top:0; right:1px !important; right:-1px;
}
		
/*elementi grafici compresi nel corpo principale*/

.logo{
width: 18.5em;height:133px;
background: url(../img/img/logo.gif) no-repeat;
position:absolute;top:0;left:0;
}
.menu{
width: 14em;height:133px;
background:  url(../img/img/pattern.gif) ;
border-right: 0.5em solid #fff;
}
	
#latosinistro{ width:25%; height:auto; float:left; position:relative;}
#latosinistro h2{ color:#f00; text-decoration:none; line-height:1.5em; font:bold 100% verdana, lucida, arial, helvetica, sans-serif; margin:0 0 0 10px; padding:0; }

.payoff{
position:relative;
background:#fff ;
margin:0;
width:70%;
float:left;
padding:0;
line-height:1.2em;
border-left:1px solid #ccc;
text-align: left;
min-height:590px;
height:auto !important;
height:590px;
}

.payoff p{ margin:10px 0; padding:0; }



p.funzioni{ margin:40px 0 0 0; text-indent:0; background:#f0f0f0;}
#content{ padding:1em 1.5em; }
	
.payoff img{ position:relative; }

.evidenza{
background:#fff url(../img/img/puntino.gif) bottom left repeat-x ;
width:100%;
clear:both;
line-height: 2.5em;
height: 2.9em;
display:block;
text-align:left;
color:#f00;
position:relative;
}

.evidenza span{ padding:0 0 0 10px; }

.wrap{
position:absolute;top:12em;left:0;
width:100%;
height: 2em;
background:#fff
}
/*footer*/
.footer{
background:#f0f0f0 ;
margin:0 0 0 0;
display:block;
clear:both;
padding:0;
border-top: 1px solid #BAC1C3;
border-left: 1px solid #BAC1C3;
text-align: left;
position:relative;
}

.dentrofooter{
padding:1.9em 0.5em 1.5em 1.9em; 
width:auto;
}

/*classe img per il footer*/
.footer img{
float: none;
border: 0;
margin:0 0 0 0;
}
.footer p{
text-indent: 0;
}

.creative{
font-size: 7pt;
}

/*definizione ul del menu*/

.menu ul { 
width: 14em;
list-style:none; 
margin:0; padding:0; 
}

.menu ul li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.5em;line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
letter-spacing: 0;
color: #000;

}
.menu ul li { display:inline; background: none;} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
.menu ul li a:link, ul.sinistra li a:visited { 
color: #000;
letter-spacing: 0;
background: none;
} 

.menu ul li a:hover, ul.sinistra li a:active { 
color: #f00;
background: #fff;
color: #000;font-weight:bold;
letter-spacing: 0;
} 

/*span*/
.menu ul li a:hover span, ul.sinistra li a:active span { color:#000;}
.menu ul li a:link span, ul.sinistra li a:visited span { color:#000; font-weight:bold;}
.menu ul li a span{color:#000; font-weight:bold;}


/*********************************************************/
/*************************LE NEWS*************************/
/*********************************************************/
/*definizione dell'ul delle news*/

.novita{
width:auto;
}

ul.news {
text-align:left;
/*height: 135px;*/
border-top:1px solid #BAC1C3;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0;
/* elimino i rientri delle liste */
}

ul.news li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
height:100%;
padding: .5em 1em;
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
letter-spacing: 0;
color: #000;
border-bottom:1px solid #bac1c3;
background: #f0f0f0;
position:relative;
}

ul.news li { display:inline; }
ul.news li a:link, ul.news li a:visited { 
color: #000;
letter-spacing: 0;
background: #f0f0f0;

border-right:8px solid #BAC1C3;
} /* colori per il link */

ul.news li a:hover, ul.news li a:active { 
background: #f0f0f0;
color: #000;
letter-spacing: 0;
border-right:8px solid #f00;
text-decoration:none;
} 


ul.news a span { font-weight:normal; }
/*********************************************************/

/*************************GLI EVENTI E I MATERIALI*************************/

/*********************************************************/


/*definizione dell'ul delgli eventi*/

#events{
width:auto;
}

ul#eventi {
text-align:left;
/*height: 135px;*/
border-top:1px solid #BAC1C3;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0;
/* elimino i rientri delle liste */
}

ul#eventi li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
height:100%;
padding: .5em 1em;
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
letter-spacing: 0;
color: #000;
border-bottom:1px solid #bac1c3;
background: #f0f0f0;
position:relative;
}

ul#eventi li { display:inline; }
ul#eventi li a:link, ul#eventi li a:visited { 
color: #000;
letter-spacing: 0;
background: #f0f0f0;
border-right:8px solid #BAC1C3;
} /* colori per il link */

ul#eventi li a:hover, ul#eventi li a:active { 
background: #f0f0f0;
color: #000;
letter-spacing: 0;
border-right:8px solid #f00;
text-decoration:none;
} 

ul#eventi a span { font-weight:normal; }




#matrl{
width:auto;
}

ul#matr {
text-align:left;
/*height: 135px;*/
border-top:1px solid #BAC1C3;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0;
/* elimino i rientri delle liste */
}

ul#matr li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
height:100%;
padding: .5em 1em;
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
letter-spacing: 0;
color: #000;
border-bottom:1px solid #bac1c3;
background: #f0f0f0;
position:relative;
}

ul#matr li { display:inline; }
ul#matr li a:link, ul#matr li a:visited { 
color: #000;
letter-spacing: 0;
background: #f0f0f0;

border-right:8px solid #BAC1C3;
} /* colori per il link */

ul#matr li a:hover, ul#matr li a:active { 
background: #f0f0f0;
color: #000;
letter-spacing: 0;
border-right:8px solid #f00;
text-decoration:none;

} 

ul#matr a span { font-weight:normal; }







/*********************************************************/

/*************************menu principale***************************/

/*********************************************************/

ul#bmn {
margin:0;
clear:both;
padding:0;
list-style:none;
width: 100%;
display:block;
line-height:2.5em;
height:2.6em;
text-align:left;
background:#507C87 url(../img/img/puntino.gif) bottom left repeat-x ;
}

ul#bmn li {
display:inline;
}
ul#bmn li a {
height:2.5em;
padding:0 1.5em;
width: auto;
float:left;
border-right:2px solid #39545B;
color:#fff;
text-decoration:none;
background:#558792;
font-weight:bold;
}

ul#bmn li a:hover {
height:2.5em;
padding:0 1.5em;
width: auto;
float:left;
text-decoration:none;
border-right:2px solid #314448;
color:#fff;
background:#f00;
font-weight:bold;
}

ul#bmn li a:active {
height:2.5em;
padding:0 1.5em;
width: auto;
float:left;
text-decoration:none;
border-right:2px solid #39545B;
color:#fff;
background:#507C87;
font-weight:bold;
}

ul#bmn li a.selectedl {
height:2.5em;
padding:0 1.5em;
width: auto;
float:left;
text-decoration:none;
border-right:2px solid #314448;
color:#fff;
background:#f00;
font-weight:bold;
}









/*classe per il blog*/

.blog {
	border-bottom:1px dotted #BAC1C3;
	margin:1em 0 0 0;
	width:auto;
}
/*classi per gli eventi e le news*/

.beventi{
width:100%; height: auto;
background:#BAC1C3;
margin:0 0 0 0;
}

.bmatrl{
width:100%; height: auto;
background:#BAC1C3;
margin:10px 0 0 0;
}

.bnews{
width:100%; height: auto;
background:#BAC1C3;
margin:0 0 0 0;
}

/*mailing list*/
.mlist{
width:auto;
padding:10px 0;
margin:2px 0;
background: #fff;
border-right:8px solid #BAC1C3;
position:relative;
}

form{ padding:0; margin:0 0 0 10px; line-height:1em;}

label{ position:relative; }

input{
	border:1px solid #000;
	height:14px;
	padding:2px;
font: 100% verdana, lucida, arial, helvetica, sans-serif;
	width:auto;
	margin:2px 4px 0 0;
}

input.button{
	border:1px solid #000;
	padding:2px;
	height:18px;
font: 100% verdana, lucida, arial, helvetica, sans-serif;
	width:auto;
	margin:2px 4px 0 0;
	width:auto;
	background:#ccc;
	color:#000;
}

/*pulisce il float*/
.pulito{ clear:both; width:auto; display:block; height:8px; }

h1{
text-align:left;
}
/*classi per immagini*/

img{
float:left;
margin:0 0.8em 0.2em 0;
}

/*classe per gli a*/

a {
text-decoration:none;
color:#558790;
background:transparent;
font-weight:bold;
}

a:hover  {
text-decoration:underline;
color:#000;
background: transparent;
}

a:active {
text-decoration:none;
color:#f00;
background: transparent;
border-bottom:1px solid #558790;
}

/*a per gli eventi in evidenza*/

#evidenza a{
text-decoration:none;
color:#000;
}

#evidenza a:hover{
text-decoration:none;
color:#000;
}

#evidenza a:active{
text-decoration:none;
color:#000;
}

/*a per il prevsucc*/
a.prev{
text-decoration:none;
color:#000;
font-weight:bold;
background:none;
}

a:hover.prev{
text-decoration:none;
color:#000;
font-weight:bold;
background:#f0f0f0;
}

a:active.prev{
text-decoration:none;
color:#000;
}

/*a per i sottomenu*/
a.sub{
text-decoration:underline;
color:#000;
font-weight:normal;
background:none;
}

a:hover.sub{
text-decoration:none;
color:#000;
font-weight:bold;
background:#f0f0f0;
}

a:active.sub{
text-decoration:none;
color:#000;
}

/*classi per i bottoncini w3c*/


.w3cbutton { 
text-align:left;
text-decoration:none;
width:10em;
border:1px solid #000;
font:10px arial,helvetica,sans;
background:#fc6;
color:#000;
}

.w3cbutton .w3c {
background:#fff;
color:#0c479d;
padding:0 .5em; margin-right:.25em
}

.w3cbutton .waiA { 
background:transparent;
color:#900
} 

p.w3cbutton { margin:0 }



/*ul per i bottoncini w3c*/
ul.certificazioni {
margin:0;padding:0;
list-style:none;
position:relative;
width: 100%;
height:2em;
}

ul.certificazioni li {
position:absolute;
margin:0;padding:0;
}

li.certificazioni-link1{
left:0;top:0.1em;
}

li.certificazioni-link2 {
left:110px;top:0.1em;
}

li.certificazioni-link3 {
left:218px;top:0.1em;
}

/*classe per il p di stampa la pagina*/

p.stampa{
width:100%;
height: auto;
text-align: center;
margin: 0;padding:0;
}

a.base  {
text-decoration:none;
color:#000;
background: none;
font-weight: bold;
}

a:hover.base  {
text-decoration:underline;
color:#000;
background: #f0f0f0;
font-weight: bold;
}

a:active.base {
text-decoration:none;
color:#000;
background: #f0f0f0;
font-weight: bold;
}

a.title  {
text-decoration:none;
color:#000;
background: none;
font-weight: bold;
}
a:hover.title  {
text-decoration:underline;
color:#000;
background: #f0f0f0;
font-weight: bold;
}
a:active.title {
text-decoration:none;
color:#000;
background: #f0f0f0;
font-weight: bold;
}

/*-----------------menu del W3c--------------------------*/
/*uelle*/
ul.vutrecci{ list-style:none; margin:1.3em 0 0 0; padding:0; width:auto; height:1.7em;  border:0;}
ul.vutrecci li{ float:left; margin:0 .6em 0 0; padding:0; }
ul.vutrecci li#xhtml{  width:80px; height:15px;  background:transparent url(../img/bottoni_w3c/xhtml.gif) no-repeat; }
ul.vutrecci li#css{ width:80px; height:15px;  background:transparent url(../img/bottoni_w3c/css.gif) no-repeat; }
ul.vutrecci li#aa{ width:80px; height:15px;  background:transparent url(../img/bottoni_w3c/aa.gif) no-repeat; }
ul.vutrecci li#firefox{ width:94px; height:15px;  background:transparent url(../img/bottoni_w3c/firefox_pixel.gif) no-repeat; }
ul.vutrecci li a{ width:100%; height:100%; display:block;  }
ul.vutrecci a span{ display:none;  }