/*----------------------------*/
/*   NAVIGAZIONE TEMATICA     */
/*----------------------------*/

#container .titoloNavigazione
{
    color:#369;
    font-weight:bold;
    vertical-align:bottom;


}

#container .titoloNavigazione h2
{
    margin:0px 0px 0px 7px;
    padding:0px 0px 0px 0px;
    font-size:0.68em!important;
    font-size:0.7em;
}




#navTematica
{
    margin:0px 0px 30px 0px;
    border:1px solid #369;
    padding:7px 0px 7px 7px;
}

#container #navTematica .box
{
    float:left;
    width:88px;
    margin-right:6px; /* 7px per FF, webKit */
    background-color:#ccc;
    height:100px;
}

#container #navTematica .box p
{
    margin:4px;
    line-height: 90%;
}

#container #navTematica .box p a
{
    color: #fff;
    text-decoration:none;
    font-weight:bold;
    font-size:0.75em;
    display: block;
    width:auto;
    height:90px;
}

#container #navTematica .box p a:hover
{
    text-decoration:underline;
}


/*----------------------------*/
/*  amministrazione / stato */
/*----------------------------*/

#container .struttura
{
    width:570px;
    margin-bottom:20px;
    float:left;
}

#container .struttura #amministrazione
{
    float:left;
    width:283px;
}

#container .struttura #stato
{
    float:right;
    width:276px;
}

#amministrazione h2,
#stato h2
{
    background-color: #369;
    color: #fff;
    font-size:0.75em;
    font-weight:bold;
    padding:1px 0px 1px 5px;
    margin: 0 0 0 0;
}

#amministrazione ul,
#stato ul
{
    margin:3px 0px 1px 2px;
    padding:0px;
    list-style:none;
    line-height:0.74em!important;
    line-height:0.85em;
    width:90%;

}

#amministrazione ul li,
#stato ul li
{
    margin:2px 0px 2px 16px;
    padding:0px 0px 0px 2px;
    list-style-image: url(../img/css/q_blu.gif);
    margin-top:5px!important;
    margin-top:6px;


}

#amministrazione ul li a,
#stato ul li a
{
    color:#333;
    font-size:0.7em;
    font-weight:bold;
    text-decoration:none;

}

#amministrazione ul .grigio,
#stato ul .grigio
{
    margin:0px 0px 2px 16px;
    padding:0px 0px;
    list-style-image: url(/images/icons/q_grigio.gif);
}

#amministrazione ul .grigio a,
#stato ul .grigio a
{
    color:#666;
    font-size:0.7em;
    font-weight:bold;
    text-decoration:none;
}

#amministrazione ul .grigio a:hover,
#stato ul .grigio a:hover,
#amministrazione ul li a:hover,
#stato ul li a:hover
{
    color:#c33;
}



/*----------------------------*/
/*  info e collaboratori        */
/*----------------------------*/

#contatti
{
    border-top:1px solid #999;
    background-color:#eee;
    height:30px;
    width:100%;
    margin-bottom:5px;
}
#contatti2
{
    background-color:#eee;
    width:100%;
}

#collaboratori
{
    border-top:1px solid #999;
    background-color:#eee;
    height:30px;
    width:100%;
    margin-bottom:5px;
}
#collaboratori2
{
    background-color:#eee;
    width:100%;
}

#contatti p,
#collaboratori p
{
    margin-top:4px;
}

#contatti2 p,
#collaboratori2 p
{
    font-size:0.8em;
    margin-top:4px;
}

#contatti p img,
#collaboratori p img
{
    float:left;
    margin-left:4px;
    margin-right:4px;
}

#contatti p a,
#collaboratori p a
{
    color: #666;
    text-decoration:none;
    font-size:0.7em;
    font-weight:bold;
}

#contatti2 p a,
#collaboratori2 p a
{
    color: #666;
    text-decoration:none;
}

#contatti p a:hover,
#contatti2 p a:hover,
#collaboratori p a:hover,
#collaboratori2 p a:hover
{
    color: #c33;
}

/*----------------------------*/
/*  PRIMO PIANO         */
/*----------------------------*/

#primopiano,
.primopiano
{
    border:1px solid #c0c0c0;
    /*width:190px;*/
    margin-bottom:14px;
    background-color:#efefef;
}

#primopiano a,
.primopiano a
{
    text-decoration:none;
    color:#333;
}

#primopiano a:hover,
.primopiano a:hover  
{
    text-decoration:none;
    color:#cc3333;
}

#primopiano h2,
.primopiano h2
{
    background-color:#336699;
    color:#fff;
    margin:1px;
    font-size:0.75em;
    font-weight:bold;
    padding-left:5px;
    margin-bottom:5px;
}
#primopiano img,
.primopiano img
{
    border:0px;
    margin-right:3px;
}

#primopiano dl.lista,
.primopiano dl.lista
{
    margin:0px 0px 5px 1px;
    padding:0px;
    font-size:0.7em;
    border-top:1px solid #c0c0c0;
    height:auto!important;
    height:45px;
    min-height:46px!important;

}

#primopiano dl.lista dd,
.primopiano dl.lista dd 
{
    margin:5px 0px 0px 1px;
}

#primopiano dl.lista dt,
.primopiano dl.lista dt 
{
    margin:0px 0px 0px 0px;
    color:#333;
}


/*----------------------------*/
/*  PIU RICHIESTI / FONTI      */
/*----------------------------*/

#richiesti
{
    border-top:1px solid #c0c0c0;
    /*border-bottom:1px solid #c0c0c0;*/
    width:100%;
    margin:8px 0px 8px 0px;
}

/* #richiesti .titolo
 {
    background-color:#eee;
    color:#333;
    font-size:0.7em;
    padding-left:3px;
    font-weight:bold;
    height:0px;
 }
*/ 

#richiesti table tr td a
{
    font-size:0.7em;
    color:#333;
    text-decoration:none;
}

#richiesti table tr td a:hover
{
    color:#c33;
}

#richiesti form
{
    margin:0px;
    padding:0px;
    font-size:0.68em;
}

/*----------------------------*/
/*  IN EVIENZA       */
/*----------------------------*/

#inevidenza
{
    /*border:1px solid #c0c0c0;*/
    width:190px;
    margin-bottom:14px;
}

#inevidenza a
{
    text-decoration:none;
    color:#666;
}
#inevidenza img
{
    border:0px;
    padding-left:5px;
    margin-right:10px;
    margin-top:3px;
}
#inevidenza dl.lista {
    margin:1px 0px 0px 1px;
    font-size:0.7em;
    border-top:1px solid #fff;
    min-height: 35px!important;
    height: 35px;
    /*	background-color:#efefef; */
}

#inevidenza dl.lista dd {
    margin:5px 0px 0px 1px;
}

#inevidenza dl.lista dt {
    margin:0px 0px 0px 0px;
}


/*----------------------------*/
/*  box rierca     */
/*----------------------------*/

#ricerca {
    color:#666;
    border-top: 1px solid #999;
    background-color: #eee;
    height: 45px;
    width: 190px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;

}

#ricerca p {
    font-size: 0.7em;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 2px;
    margin: 0px;

}

#ricerca form {
    padding: 0px;
    margin: 0px;
}

#ricerca .campo{
    font-size: 0.7em;
    padding: 0px;
    margin-left: 5px;
}

#ricerca .button {  
    font-size: 0.6em;
    margin:0;
    padding:0;
}	

/*----------------------------*/
/* comunicati e attualita    */
/*----------------------------*/

.struttura #comunicati
{
    float:left;
    width:283px;
    border:1px solid #c0c0c0;
}

.struttura #attualita
{
    float:right;
    width:276px;
    border:1px solid #c0c0c0;
}

.struttura #comunicati .comBox,
.struttura #attualita .comBox
{
    height: 580px;
    overflow: auto;
    font-size:1em;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.struttura #comunicati h2
{
    background-color:#c2dcf5;
    color:#333;
    margin:2px 2px 10px 2px;
    font-size:0.8em;
    font-weight:bold;
    padding-left:5px;
}

.struttura #comunicati h4
{
    float:right;
    background-color:#999;
    margin:2px 5px 0px 2px;
    font-size:0.75em;
    padding-left:4px;
    padding-right:8px;
    width:90px;
    text-align:center;
    border-bottom:solid 1px #999;
}

.struttura #comunicati h4 a
{
    text-decoration:none;
    color:#fff;
}

.struttura #comunicati h4 a:hover
{
    text-decoration:none;
    color:#cc3333;
}



.struttura #comunicati h3,
.struttura #attualita h3
{

    font-weight:bold;
    margin: 0 0 0 0;
    font-size: 0.9em;

}

.struttura #attualita h2
{
    background-color:#c2dcf5;
    color:#333;
    margin:2px 2px 10px 2px;
    font-size:0.8em;
    font-weight:bold;
    padding-left:5px;
}

.struttura #comunicati .titSalaStampa
{
    float:right;
    /*background-color:#eee;*/
    margin:2px 2px 2px 0px;
    padding-left:5px;
    width:80px!important;
    width:auto;
}

.struttura #comunicati .titSalaStampa a
{
    color:#666;
    font-size:0.65em;
    font-weight:bold;
    text-decoration:underline;
}

.struttura #comunicati .titSalaStampa a:hover
{
    color:#c33;
}


/* link comunicati/attualit� precedenti */
/*----------------------------------------*/

.struttura #comunicati p,
.struttura #attualita p
{
    margin:5px 0px 0px 0px;
    padding: 3px 5px;
    border-top:1px solid #eee;
}

.struttura #comunicati p a,
.struttura #attualita p a
{
    color: #333;
    font-size:0.7em;
    text-decoration:none;
}

.struttura #comunicati p a:hover,
.struttura #attualita p a:hover
{
    color: #c00;
    font-size:0.7em;
    text-decoration:none;
}

/* tabella risultati comunicati/attualit� */
/*----------------------------------------*/

.struttura #comunicati .notizie,
.struttura #attualita .notizie
{
    padding:3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    width:100%;
    font-size:0.8em;
}

.struttura #comunicati .notizie tr .testo,
.struttura #attualita .notizie tr .testo
{
    width:100%;
    color:#333;
    border-top:1px solid #ccc;
    margin:0 0 0 0;
    padding:0px;
    vertical-align:top;
    padding-bottom:2px;
    /*font-size:0.9em;*/
}

.struttura #comunicati .notizie tr .dipartimento,
.struttura #attualita .notizie tr .dipartimento
{
    color:#333;
    /*text-align:right;*/
    text-align:left;
    width:30px;
    border-top:1px solid #ccc;
    vertical-align:top;
    padding:0px;
}

.struttura #comunicati .notizie tr .dipartimento span,
.struttura #attualita .notizie tr .dipartimento span
{
    background-color:#eee;
    font-size:0.65em!important;
    font-size:0.7em;
    width:30px;
    display:block;
    text-align:center;
}

.struttura #comunicati .notizie .testo a,
.struttura #attualita .notizie .testo a
{
    color:#333;
    text-decoration:none;
}

.struttura #comunicati .notizie .testo a:hover,
.struttura #attualita .notizie .testo a:hover
{
    color:#c00;
    text-decoration:none;
}


/*---------------------------------------*/
/*    Classi    */
/*---------------------------------------*/
.invisibile {
    display:none;
    margin:0px;
}