/* CSS Document */



/*STILE PAGINA GENERALE*/

 html,body { 
 margin: 0;
 padding:0; 
 background: #CECECE url(../images/sfondo.jpg) top center repeat-y 
 }
 
 div#container { 
 width:780px; 
 margin:0 auto; 
 border-width: 0 2px; 
 border-style:solid; 
 border-color: #2B7BC0; 
 background: url(3rightcol.jpg) repeat-y top right
 }
 
 div#container2 { 
 text-align: left
 }

 body {
 font-family: tahoma, verdana, arial,sans-serif;
 font-size: 66%; 
 font-style:normal; 
 text-align:justify
 }
 
/*STILE INTESTAZIONE*/

 div#header {
 height: 80px;background:#2175BC url(../images/titolo.jpg);
 color: #fff
 }
 div#subheader { 
 clear:both; 
 text-align:center; 
 color: #000; 
 }
 


/*STILE CENTRO*/

 div#content { 
 border-left:2px solid #2B7BC0; 
 border-right:2px solid #2B7BC0; 
 border-top:0 solid #2B7BC0; 
 border-bottom:0 solid; 
 margin:0 120px; 
 padding-left:10px; 
 padding-right:10px; 
 padding-top:1em; 
 padding-bottom:1em;
 }
  div#contentmoduli { 
 border-left:2px solid #2B7BC0; 
 border-right:2px solid #2B7BC0; 
 border-top:0 solid #2B7BC0; 
 border-bottom:0 solid; 
 margin:0 120px; 
 padding-left:10px; 
 padding-right:10px; 
 padding-top:1em; 
 padding-bottom:1em;
 }




/*STILE PIE DI PAGINA*/
 
 div#footer { 
 clear:both; 
 text-align:center; 
 color: #000; 
 }

/*STILE COLONNA BOX TESTO*/

div#colonnaboxtesto {
 padding-left:10px; 
 padding-right:10px; 
  padding-bottom:10px;

  }
  div#colonnaboxtesto2 {
 padding-left:10px; 
 padding-right:10px; 
 text-align:center;
 padding-bottom:10px;
  }
 
 
/*STILE H*/

 h1,h2,h3,h4,h5 { 
 margin: 0;
 padding:0
 }
 
 h1 { 
 padding-left:35px;
 font: bold 2.3em/30px tahoma, verdana, arial,sans-serif
 }
 
 h2 { 
 color: #69f;
 font-size: 1.2em
 }
 
 h3 {
 padding-left:35px;
 color: #fff;
 font-size: 0.9em; 
 font-style:normal
 }
 
 h4 { 
 padding-left:10px;
 color: #164679;
 font-size: 1.1em; 
 font-style:normal
 text-align:left;
 }
 
 h5 { 
 padding-left:10px;
 color: #164679;
 font-size: 0.9em; 
 font-style:normal
 }
 
 h6 { 
 padding-left:10px;
 color: #000;
 font-size: 0.9em; 
 font-style:normal
 }
 h7 { 
 color: #000;
 font-size: 1.3em;
 }
 
 h8 { 
 color: #69f;
 font-size: 0.9em
 }
 .grassmedio { 
 color: #69f;
 font-size: 1.0em;
font-weight:bold;

 }

/*CLASSI VARIE*/

 .line2:{
 background-color: #D6E3F4;
 color: #000;
 height:1.0em;
 }
 
  .menuinc{
  background: #000;
  height:1px;
  margin-bottom:0px;
  padding-bottom:0px;
    }

  .center{
text-align:center;
    }


 .liena{
  background: url(../images/liena.gif) top center repeat-x ;
  height:1px;
    }

 .line { 
 background-color: #D6E3F4;
 color: #000;
 height:0.5em;

 
 }
 .sezione { 
 padding-left:0px;
 color:#606060;
 font-size: 1.2em; 
 font-weight:normal;
 }
 .sezione2 { 
 padding:5px 5px 5px 5px;
 color:#000;
 font-size: 1.2em; 
 font-weight:normal;
  background-color: #DAEBF8;
   border: 1px dashed #CCCCCC;


 }
 
  .sezione3 { 
 padding:5px 5px 5px 5px;
 color:#000;
 font-size: 1.2em; 
 font-weight:normal;
  background-color: #CADCEB;
   border: 1px dashed #2977C1;


 }
  .errore { 
 padding-left:0px;
 color:red;
 font-size: 1.5em; 
 font-weight:normal;
 }
  .sezionenews { 
 padding-left:0px;
 color:#606060;
 font-size: 1.0em; 
 font-weight:normal;
 padding-bottom:3px;
 }
  .titolo { 
 padding-left:0px;
 color: #3583C5;
 font-size: 1.3em; 
 font-weight:bold;
 padding-bottom:3px;
 text-decoration:  underline;
 }

 .percorso {
 color: #336699; 
 text-align:left;
 font-weight:bold;
  font-size: 1.2em;
  padding:0 0 0 0;

  }
 
  .percorsomoduli {
 color: #336699; 
 text-align:left;
 font-weight:bold;
  font-size: 1.1em;
  padding:0 0 0 0;

  }
 .news {
 color: #000; 
 text-align:justify
 }
 
 .amministrazione {
 color: #000; 
 text-align:justify; 
 font-size: 1.1em
 }

 .navigation {
 float: left;
 width: 110px;\width:120px;w\idth:120px;
 padding: 1em 0 0 0; 
 border-width:0px;
 border-style:none solid;
 border-color:#3281C3
 }
 
 .navigation2 {
 width: 110px;
 }
 
 .extra {
 float: right;
 width: 110px;\width:120px;w\idth:120px;
 padding: 1em 0px;
 border-style:none solid;
 border-color:#3281C3;
 border-width:0px;
 }
 
  .navigation p { 
 font-size: 90%
 }

 .extra p {
 font-size: 90
 }

 
 
/*CLASSI ELENCHI PUNTATI*/

 .navigation ul { 
 margin: 0;
 padding: 0 0 0 0px; 
 list-style-type: none; 
 background-color: #fff;
 text-align: left;
 }
 
 .navigation li { 
 margin: 0;
 padding: 0 0 3px 5px; 
 background-color: #ECEEED /* aggiungo dei bordi laterali */;
  text-align: left;

 }

 .extra ul {
 margin: 0;
 padding: 0 0 0 0px; 
 list-style-type: none; 
 background-color: #fff;
 text-align: left;

 }
 
 .extra li { 
 margin: 0;
 padding: 0 0 3px 5px; 
 background-color: #ECEEED /* aggiungo dei bordi laterali */;
  text-align: left;

 }

 
 .ul1 li {
 list-style : square inside;
 color:#6699CC;
 font-weight:bold;

 }
 
 .icona li {
 list-style : url(../images/icona_neutra.gif);
 color:#6699CC;
 font-weight:bold;
 font-size:1.2em;
 }
 .icona ul {
 color:#6699CC;
 font-weight:bold;
 font-size:1.2em;
 }


 
 /*STILE COLONNA DESTRA*/

 div#extra div.newsbox { 
 font-size: 90%;
 margin-bottom: 2em
 }
 
 div#extra div.newsbox h2 {
 color: #999;
 font-size: 1.2em
 }
 
 div#extra div.newsbox p {
 margin: 0
 }
 
 /*STILE E CLASSI PER LE IMMAGINI*/
 
 img {
 margin:0;
 padding:0;
 border:1px solid;
 border-color:#666666;
 }

 .img2 {
 margin:0;
 padding:0;
 border:0px;
 }
 
 .imgbox { 
 border: 1px dashed #ccc;
 }
 
 /*STILE PER I LINK*/
 
 div#header a { 
 color:#fff; 
 text-decoration: none; 
 border-bottom:1px dashed #fff
 }
 div#header a:hover { 
 background-color: #fff;  
 color: #369
 }
 div#header a#activelink { 
 color: #033;
 text-decoration: none
 }
 
 
 div#subheader a { 
 color:#fff;
 font-weight: bold;
 text-decoration: underline
 }
 div#subheader a { 
 color:#fff; 
 text-decoration: none; 
 border-bottom:1px dashed #fff
 }
 div#subheader a:hover { 
 background-color: #fff;  
 color: #369
 }
 div#subheader a#activelink { 
 color: #033;
 text-decoration: none
 }
 
 div#footer a { 
 color:#fff;
 font-weight: bold;
 text-decoration: underline
 }
 div#footer a { 
 color:#fff; 
 text-decoration: none; 
 border-bottom:1px dashed #fff
 }
 div#footer a:hover { 
 background-color: #fff;  
 color: #369
 }
 div#footer a#activelink { 
 color: #033;
 text-decoration: none
 }
 
 
 /*CLASSI PER I LINK*/
 
 .navigation a { 
 display:block; 
 color:#369;
 font: normal 1.0em/1.3em tahoma, verdana, arial,sans-serif;
 text-decoration: none; 
 border-bottom:1px dashed #ABCCE7
 }
 .navigation a:hover {
 color: #033;  
 background-color: #81B5E4;  
 color: #fff
 }
.navigation a#activelink { 
 color: #033;
 text-decoration: none
 }
 
 .extra a { 
 display:block; 
 color:#369;
 font: normal 1.0em/1.3em tahoma, verdana, arial,sans-serif;
 text-decoration: none; 
 border-bottom:1px dashed #ABCCE7
 }
 
 .extra a:hover { 
 color: #033;  
 background-color: #81B5E4;  
 color: #fff
 }
 .extra a#activelink { 
 color: #033;
 text-decoration: none
 }
 
 .navigatione a { 
 display:block; 
 color:#369;
 text-decoration: none; 
 border-bottom:1px dashed #ABCCE7
 }
 .navigatione a:hover {
 color: #033;  
 background-color: #81B5E4;  
 color: #fff
 }
 .navigatione a#activelink { 
 color: #033;
 text-decoration: none
 }
 
  a.img:link, a.imgLink:visited {
 margin:0;
 border: 1px solid #000;  
 } 
 a.img:hover { 
 margin:0;
 padding:3px;
 border: 1px solid #CCC;
 }
 a.img:link, a.imgLink:visited {
 margin:0;
 border: 1px solid #000;  
 } 
 a.imgLink:hover { 
 margin:0;
 padding:3px;
 border: 1px solid #CCC;
 }
 

 .percorso a {
 color:#369;
 font: normal 1.0em/1.3em tahoma, verdana, arial,sans-serif;
 text-decoration: none; 
 border-bottom:1px dashed #ABCCE7;
 padding-left: 3px;
 padding-right: 3px;
     font-weight: bold; 

 }
 .percorso  a:hover { 
 color: #033;  
 background-color: #81B5E4;  
 color: #fff;
  padding-left: 3px;
 padding-right: 3px;
 }
 .percorso  a#activelink {
 color: #033;
 text-decoration: none;
  padding-left: 3px;
 padding-right: 3px;
 }


 .percorsomoduli  a {
 color:#369;
 font: normal 0.9em/1.1em tahoma, verdana, arial,sans-serif;
 text-decoration: none; 
 border-bottom:1px dashed #ABCCE7;
 padding-left: 3px;
 padding-right: 3px;
     font-weight: bold; 

 }
 .percorsomoduli  a:hover { 
 color: #033;  
 background-color: #81B5E4;  
 color: #fff;
  padding-left: 3px;
 padding-right: 3px;
 }
 .percorsomoduli  a#activelink {
 color: #033;
 text-decoration: none;
  padding-left: 3px;
 padding-right: 3px;
 }

  
 .amministrazione a {
 color:#369;
 font: normal 1.0em/1.3em tahoma, verdana, arial,sans-serif;
 text-decoration: none; 
 border-bottom:1px dashed #ABCCE7;
  padding-left: 3px;
 padding-right: 3px;
     font-weight: bold; 

 }
 .amministrazione  a:hover { 
 color: #033;  
 background-color: #81B5E4;  
 color: #fff;
  padding-left: 3px;
 padding-right: 3px;
 }
 .amministrazione  a#activelink {
 color: #033;
 text-decoration: none;
  padding-left: 3px;
 padding-right: 3px;
 }


div#content a { 
 border: 1px dashed #ABCCE7;
     font-weight: bold; 
     color:#369;
     text-decoration: none;
  }
 div#content a:hover {
 border: 1px dashed #2477BD;
  color: #fff; 
   background-color: #81B5E4; 
 }
 div#content a#activelink { 
   border: 1px dashed #ccc;
   color: #033;
   } 
   div#contentmoduli a { 
 border: 1px dashed #ABCCE7;
     font-weight:none; 
     color:#369;
     text-decoration: none;
  }
 div#contentmoduli a:hover {
 border: 1px dashed #2477BD;
  color: #fff; 
   background-color: #81B5E4; 
 }
 div#contentmoduli a#activelink { 
   border: 1px dashed #ccc;
   color: #033;
   } 


/*STILE PER I MENU DI NAVIGAZIONE E I PROPRI LINK*/

 #menu {
    background: #D6E3F4; 
    margin: 0 auto;	
    height:3px;
    }
    
 #menu2 {
    background: #D6E3F4; 
    margin: 0 auto;	
    height:3px;
    }
  #menu3 {
    background: #7EB2E0; 
    margin: 0 auto;	
    height:0.7em;
    }

 #nav { 
    float:left; 
    width:100%;
    margin: 0; 
    padding: 0; 
    font-size: 1.2em; 
    border-top: 1px dashed #ccc; 
    border-bottom: 3px solid #3583C5; 
    background: #4C8ECF url('../images/navbar_blu.gif') repeat-x top left; list-style-type:none ;
    } 
    
 #nav li { 
    float:left; 
    margin: 0; 
    background: url('../images/navbarli_blu.gif') no-repeat top right; 
    list-style-type:none; 
    padding-left:0; 
    padding-right:1px; 
    padding-top:0; 
    padding-bottom:0 
    } 
 #nav a { 
    padding: 1px 5px; 
    text-decoration: none; 
    color: #fff; 
    } 
 #nav a:hover, #nav a.active { 
    color: #fff; 
    background: #4C8ECE; 
    } 
 #nav a.active { 
    font-weight: bold; 
    background: #9DB8E4 url('../images/nav-on-bg.gif') repeat-x bottom left; 
    }

    
 #nav2 { 
    float:left; 
    width:100%;
    margin: 0; 
    padding: 0; 
    font-size: 1.1em; 
    border-top: 1px dashed #ccc; 
    border-bottom: 3px solid #3583C5; 
    background: #4C8ECF url('../images/navbar_blu.gif') repeat-x top left; list-style-type:none ;
    } 
    
 #nav2 li { 
    float:left; 
    margin: 0; 
    background: url('../images/navbarli_blu.gif') no-repeat top right; 
    list-style-type:none; 
    padding-left:0; 
    padding-right:1px; 
    padding-top:0; 
    padding-bottom:0 
    } 
 #nav2 a { 
    padding: 1px 5px; 
    text-decoration: none; 
    color: #fff; 
    } 
 #nav2 a:hover, #nav a.active { 
    color: #fff; 
    background: #4C8ECE; 
    } 
 #nav2 a.active { 
    font-weight: bold; 
    background: #9DB8E4 url('../images/nav-on-bg.gif') repeat-x bottom left; 
    }
    
    
 
 /*STILE LINEE VARIE E ACCESSORI*/

 #line { 
 background-color: #D6E3F4;
 color: #000;
 height:1.0em;
 margin-top:1.3em;
 }
 #newscentro { 
 text-align: center;
    font-size:1.0em;

 }
  #newsok { 
 text-align: justify;
    font-size:1.2em;

 }
  #newsdx { 
 float: right;
 width:73%;
 color:#606060;
 text-align: justify;

 }
  #newssx { 
 float: left;
 width:25%;
  text-align: justify;


  }
  #newsdettaglio { 
  text-align: justify;

  }

  .rosso{
  color:#fff;
  background-color:#7EB2E0;
   border: 1px dashed #ccc;

    }
    .p{
margin-top: 5px;
margin-bottom: 5px;
color:#999999;
text-align:center;
  background: url(../images/liena.gif) top center repeat-x ;
  height:1px;

    }
    
   .grassetto  {
    font-weight:bold;
  color: #000;

  }
     .grassetto2  {
    font-weight:bold;

  }
       .grassetto3  {
    font-weight:bold;

  }
       .grassettocielo  {
    font-weight:bold;
color:#72A9DB;
font-size: 1.1em
  }
         .grassettocielo2  {
    font-weight:bold;
color:#72A9DB;
font-size: 1.6em
  }

 .logocolonne { 
    background: #fff url('../imagesvarie/logo_colonne.gif') no-repeat top; 
    height: 31px;
    }
 .logocolonne2 { 
    background: #fff url('../imagesvarie/logo_colonne.gif') no-repeat top; 
    height: 31px;
 }
  .tratto { 
   background: url('../imagesvarie/tratto.gif') repeat-x bottom left; 
   width:100%;
 }
 .cellette {
width: 90px;
\width: 90px;
w\idth: 90px;
height: 70px;
font-weight: bold;
display: block;
text-align:center;
float:left;
padding: 0px 0px 0px 0px;
border: 1px dotted #C16100;
}

 .moduli a { 
 color:#fff; 
 text-decoration: none; 
  font-weight:none;
 border-bottom:1px dashed #fff
 }
 .moduli a:hover { 
 background-color: #fff;  
 color: #369
 }
 .moduli a#activelink { 
 color: #033;
 text-decoration: none
 }
 .curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 90%
}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.boxbandi{
 background-color: #D6E3F4;
}