/* CSS Document */



/*STILE PAGINA GENERALE*/

 html,body { 
 margin: 0;
 padding:0; 
 background: #fff  }
 
 div#container { 
 width:94%; 
  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/titolonatale.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
 }



/*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
 }

/*CLASSI VARIE*/

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



 .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: #969696;
 font-size: 1.2em; 
 font-weight:bold;
 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;

  }
 
 .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;
 }


  
 .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;
   } 

/*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;
 }
  #newsdx { 
 float: right;
 width:73%;
 text-align: justify;

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

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

  }

 .logocolonne { 
    background: #fff url('../imagesvarie/logo_colonnenatale.gif') no-repeat top; 
    height: 31px;
    }
 .logocolonne2 { 
    background: #fff url('../imagesvarie/logo_colonnenatale.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;
}