/****************** Design powered by Safetyonweb.it */
/*_________________ Contenitori principali __________*/
body{
background-image:url(../img/css/sfo.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#efefef;
text-align:center;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px
}
#pri{
margin:auto;
width:900px;
background-image:url(../img/css/pri.jpg);
background-repeat:repeat-y;
}
#top{
height:108px;
background-image:url(../img/css/top.jpg);
background-repeat:no-repeat;
padding:11px 61px 0 523px;
text-align:left
}
#macroaree{
height:24px;
background-position:top;
background-image:url(../img/css/macroaree.jpg);
padding:3px 61px 0 280px;
text-align:left
}
#cont{
text-align:left;
width:778px;
margin:auto
}
#uty{
float:left;
width:175px;
text-align:center;
}
#condes{
float:right;
width:175px;
text-align:center;
}
*>#uty, #condes{ text-align:left}
#uty h4, #condes h4{
color:#F29A0D;
margin:0;
text-align:left;
width:164px;
font-size:14px;
padding:0;
background-repeat:no-repeat;
background-position:bottom center;
height:33px;
}
#uty h4 span, #condes h4 span{ display:none}
#uty h4#areassociati{ background-image:url(../img/titoli/areaassociati.gif)}
#uty h4#cercaparola{ background-image:url(../img/titoli/cercaparola.gif)}
#uty h4#cercarticolo{ background-image:url(../img/titoli/cercarticolo.gif)}
#condes h4#downloadmenu{ background-image:url(../img/titoli/downloadmenu.gif)}
#uty h4#link{ background-image:url(../img/titoli/link.gif)}
#condes h4#lastevidenza{ background-image:url(../img/titoli/lastevidenza.gif)}
#condes h4#lastrassegna{ background-image:url(../img/titoli/lastrassegna.gif)}
#condes h4#lastnews{ background-image:url(../img/titoli/lastnews.gif)}
*>#uty h4, #condes h4{ margin:auto}
#uty div, #condes div{
margin:auto;
text-align:left;
width:154px;
padding:5px 5px 10px 5px;
background-image:url(../img/css/divsot.gif);
background-position:bottom center;
background-repeat:no-repeat
}
#con{
float:right;
width:603px;
}
#con2{
float:right;
width:603px;
text-align:left;
}
#consin{
float:left;
width:210px;
padding:0 0 0 3px;
}
#consin2{
float:left;
width:210px;
padding:0 0 0 3px;
}
#w3c{
margin:10px;
}
#pie{
background-image:url(../img/css/pie.jpg);
background-repeat:no-repeat;
background-position:top;
padding:10px 10px 0 67px;
height:79px;
font-size:10px;
color:#FFFFFF;
text-align:left;
clear:both
}
/*_________________ Navigazione ____________________*/

#top ul#nav li a{text-indent:-6000px; height: 14px; text-decoration:none; display:block}
#top ul#nav, #top ul#nav li{ list-style:none; position:absolute;}
#top ul#nav{ margin:0; width:360px}

/*
#top ul#nav li#navlink1{left:60px; top:0; width:60px;}
#top ul#nav li#navlink2{left:120px; top:0; width:60px;}
#top ul#nav li#navlink3{left:180px; top:0; width:60px;}
#top ul#nav li#navlink4{left:240px; top:0; width:60px;}


#top ul#nav li#navlink1 a{ background:url(../img/css/link.jpg) no-repeat}
#top ul#nav li#navlink2 a{ background:url(../img/css/link.jpg) no-repeat}
#top ul#nav li#navlink3 a{ background:url(../img/css/link.jpg) no-repeat}
#top ul#nav li#navlink4 a{ background:url(../img/css/link.jpg) no-repeat}

#top ul#nav li#navlink1 a:hover{ background:url(../img/css/_link.jpg) no-repeat}
#top ul#nav li#navlink2 a:hover{ background:url(../img/css/_link.jpg) no-repeat}
#top ul#nav li#navlink3 a:hover{ background:url(../img/css/_link.jpg) no-repeat}
#top ul#nav li#navlink4 a:hover{ background:url(../img/css/_link.jpg) no-repeat}
*/
/*_________________ Macroaree ____________________*/

/*#macroaree ul#navi{ display:none}*/
#macroaree ul#navi li a{text-indent:-6000px; height: 19px; text-decoration:none; display:block}
#macroaree ul#navi, #macroaree ul#navi li{ list-style:none; position:absolute;}
#macroaree ul#navi{ margin:0; width:360px}

#macroaree ul#navi li#navihome{left:-200px; top:0; width:98px;}
#macroaree ul#navi li#naviwho{left:-102px; top:0; width:98px;}
#macroaree ul#navi li#navimission{left:4px; top:0; width:98px;}
#macroaree ul#navi li#naviservizi{left:102px; top:0; width:98px;}
#macroaree ul#navi li#navicontatti{left:200px; top:0; width:98px;}

#macroaree ul#navi li#navihome a{ background:url(../img/css/home.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#naviwho a{ background:url(../img/css/who.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#navimission a{ background:url(../img/css/mission.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#naviservizi a{ background:url(../img/css/servizi.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#navicontatti a{ background:url(../img/css/contatti.jpg) no-repeat; width:98px;}

#macroaree ul#navi li#navihome a:hover{ background:url(../img/css/_home.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#naviwho a:hover{ background:url(../img/css/_who.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#navimission a:hover{ background:url(../img/css/_mission.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#naviservizi a:hover{ background:url(../img/css/_servizi.jpg) no-repeat; width:98px;}
#macroaree ul#navi li#navicontatti a:hover{ background:url(../img/css/_contatti.jpg) no-repeat; width:98px;}

/*_________________ Moduli ____________________*/

form{
margin:0;
padding:0;
}
label{
line-height:10px;
font-size:10px;
color:#666;
display:block;
padding: 4px 0px 4px 0px;
}
input, select, textarea{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.input{
border:1px solid #666
}

/*_________________ Formattazione ____________________*/

#uty div ul, #condes div ul{
text-align:left;
margin:5px 5px 5px 15px;
padding:0
}
#uty div li, #condes div li{
list-style-image:url(../img/li.gif);
padding:0;
margin:0;
font-size:10px
}
a:link, a:visited{
color:#004192;
}
a:hover{
text-decoration:none
}
hr{ display:none; clear:both}

#consin h3, #consin2 h3{
color:#990000;
font-size:11px;
margin: -20px 0 3px 0;
clear:both;
}
#consin h2, #consin2 h2{
color:#004192;
font-size:10px;
margin:0 0 3px 0;
clear:both
}
#homeadmin{
float:right;
padding-right:10px;
text-align:left;
}
#homeadmin h1{
color:#004192;
font-size:12px;
margin:0 0 0 0;
padding: 15px 0 0 0 
}
#homeadmin h2{
color:#990000;
font-size:11px;
margin:0 0 0 0;
padding: 15px 0 0 0 
}
#inevidenza div, #rassegnastampa div{
clear:both;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
#newshome div{
clear:both;
padding:0 0 15px 0;
margin:-10px 0 15px 0;
}
span.continua{
display:block;
margin:7px 0 -10px 0
}
span.data{
font-size:10px;
vertical-align:top
}
h1 span{ display:none}
#inevidenza h1#h1inevidenza{
height:50px;
background-image:url(../img/titoli/h1inevidenza.gif);
background-repeat:no-repeat;
padding:0;
margin:0 0 0 0
}
#rassegnastampa h1#h1rassegnastampa{
height:50px;
background-image:url(../img/titoli/h1rassegna.gif);
background-repeat:no-repeat;
padding:0;
margin:0 0 0 0
}
#newshome h1#h1news{
height:80px;
background-image:url(../img/titoli/h1news.gif);
background-repeat:no-repeat;
padding:0;
margin:0 0 0 0
}
#inevidenza div a:link,#inevidenza div a:visited, #rassegnastampa div a:link,#rassegnastampa div a:visited, #newshome div a:link,#newshome div a:visited{
color:#F29A0D;
}
a:hover{
text-decoration:none
}

/*_________________ Tabelle ____________________*/

.int{
background-color:#ABC5DC;
font-weight:bold;
color:#FFFFFF
}
span.firma{
color:#999999;
}
td{
padding:3px;
border-bottom:1px solid #ffffff
}
table{
border-right:1px solid #ffffff;
border-left:1px solid #ffffff
}
.tableartic{
font-size:10px;
border:1px solid #efefef
}
.tableartic .inte{
background-color:#efefef;
color:#666666
}
table.listab td{
border-bottom:1px solid #ABC5DC
}
.img{
padding:2px; 
border:1px solid #000;
margin:0 4px 0 0
}
/*_________________ Menu css ____________________*/

ul.menu1 {
width:280px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu1 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:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
border-width:5px;border-style:none solid; /* aggiungo dei bordi laterali */
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited {
background:#E7EFF6;
color: #009;
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #ccc;
color:#c00;
} /* colori per l'effetto roll-over */

ul.menu1 li a:link, ul.menu1 li a:visited {
border-color:#009
}
ul.menu1 li a:hover, ul.menu1 li a:active {
border-color:#66c;
}