html{
 height:100%;
 }
 body {
background:#272727 url(images/sfondo2.jpg) repeat-x;
margin: 0 auto;
padding: 0;
text-align:center;
font: 80% Verdana, Arial, Helvetica, sans-serif;
color:#999;
}

a:link, a:active{
color:#8B4775;
text-decoration:none;
 }
a:hover{
color:#ccc;
text-decoration:none;
}
a:focus{
color:#fff;
background-color: #8B4775;
text-decoration:none;
 }
a:visited {
color:#ccc;
text-decoration:none;
}

h1{
 font: 110% Verdana, Arial, Helvetica, sans-serif;
 background-color:#414141; 
 padding:4px 6px;
 color:#999;
 margin:30px 0 35px 0;
 font-weight:700;
 letter-spacing:-3;
border-bottom:5px double #333;
 text-align:left;
 } 
 
 h2{
font:oblique 110% Verdana, Arial, Helvetica, sans-serif;
padding:4px 6px;
margin-bottom:10px;
font-weight:700;
} 
 
 h3{
 font:165% "Times New Roman", Times, serif;
 text-align:center;
 color:#999;
 font-weight:700; 
} 

h4{
 font:oblique 165% "Times New Roman", Times, serif;
 text-align:center;
 color:#999;
 font-weight:700; 
} 

h5{
 font: 110% Verdana, Arial, Helvetica, sans-serif;
 background-color:#414141; 
 padding:4px 6px;
 color:#999;
 margin:5px 0;
 font-weight:700;
 letter-spacing:-3;
 border-bottom:5px double #333;
 text-align:left;
 } 
 h6{
 font: 110% Verdana, Arial, Helvetica, sans-serif;
 background-color:#414141; 
 padding:4px 6px;
 color:#999;
 margin:-1px 0 15px 0;
 font-weight:700;
 letter-spacing:-3; 
 text-align:left;
 } 

.titscorre{
  font: 100% Verdana, Arial, Helvetica, sans-serif;
 background-color:#414141; 
 padding:3px ;
 color:#999;
 margin:25px 0;
 font-weight:700;
 letter-spacing:-3;
 text-align:left;
  border-bottom:5px double #333;
  } 
  
 .titscorre2{ 
   background-color:#414141; 
 padding:4px 6px;
 margin:-22px 0 15px 0;

 }   
     
     

#contenitore{
background-color:#333;
margin:0 auto;
padding: 0;
width:1000px;

}

 #header {
width:1000px;
background:#333 url(images/header.jpg) no-repeat center top;
height:357px;
margin-top:5px;
}

#datamese{
width:1000px;
background-color:#222;
height:25px;
padding:0;float:left;
border-top:1px solid #333;
border-bottom:1px solid #333;
margin:0;
}

.datamesesinistra{
float:left;
padding:5px 0 5px 10px;
}

.datamesedestra{
float:right;
padding:5px 10px 5px 0;
}

/*Drop-down menu*/
.nav2 {
    float:left;
      font:12px Verdana;
background-color:#414141;
width: 100%;
border-top:1px solid #222;
border-bottom:1px solid #222;
border-left:1px solid #333;
border-right:1px solid #333;
    }
    
    /*Color navigation bar normal mode*/
.nav2 ul {
   margin: 0;
padding: 0;
list-style-type: none;

    }
.nav2 ul li {
    position: relative;
display: inline;
float: left;
    }
.nav2 ul li a {  
background-color:#414141;
color: #ccc;
float:none !important /*Non-IE6*/; 
float:left /*IE-6*/; 
display:block;
 height:3.1em;
 line-height:3.1em;
 padding:0 16px 0 16px; 
 text-decoration:none;
 font-weight:700; 
border-right: 1px solid gray;

    }
.nav2 ul li ul {
    display:none;
    border:none;
    }

/*Non-IE6 hovering*/
.nav2 ul li:hover a {
   background-color:#414141;
color: white;
    text-decoration:none;
    } /*Color main cells hovering mode*/
.nav2 ul li:hover ul {
    display:block; 
    width:15.0em;
    position:absolute; 
    z-index:999; 
    top:3.0em;
    margin-top:0.1em;
    left:0;
    }
.nav2 ul li:hover ul li a {
    display:block;
    width:15.0em; 
    height:auto; 
    line-height:1.3em;
    margin-left:-1px;
    padding:4px 16px 4px 16px;
    border-left:solid 1px gray; 
    border-bottom: solid 1px gray; 
  background-color:#414141;
    font-weight:normal; 
    color: #ccc;
    } 
    /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {
      background-color: #222; 
    text-decoration:none;color:#fff;
    } 
    /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {
    position:absolute; 
    top:0; 
    left:0; 
    border-collapse:collapse;
    }
.nav2 ul li a:hover {
    background-color: #222; 
    text-decoration:none;
    }
    /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {
    display:block;
    width:15.0em; 
    position:absolute; 
    z-index:999; 
    top:3.1em; 
    top:3.0em; 
    left:0; 
    margin-top:0.1em;
    }
.nav2 ul li a:hover ul li a {
    display:block; 
    width:15.0em; 
    height:1px; 
    line-height:1.3em; 
    padding:4px 16px 4px 16px; 
    border-left:solid 1px rgb(175,175,175); 
    border-bottom: solid 1px rgb(175,175,175); 
    background-color:rgb(237,237,237); 
    font-weight:normal; 
   color: #ccc;
    } 
    /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {
   background-color: #222;   
    text-decoration:none;
    } /*Color subcells hovering mode*/


#menudestro{
float:right;
width:280px;
margin:0 11px 30px 0;
text-align:justify;
 } 
 
 #menudestro ul {
list-style:none;
margin:0;
padding:0;
text-align:left;
}

#menudestro ul li {
display:inline;
margin:0;
padding:0;
text-align:left;
}
#menudestro li{
list-style:none;
text-align:left;
}

#menudestro ul li a {
border-bottom:1px solid #686868;
color:#ccc;
display:block;
text-decoration:none !important;
padding:4px 0 4px 4px;

text-align:left;
}

#menudestro li a:hover{
border-bottom:1px solid #686868;
color:#fff;
background-color:#222;
text-align:left;

}

.boxmenu{
text-align:center;
padding:15px 0 13px 0;
}

.boxmenu2{
text-align:left;
padding:0;
}

#pscroller1{
text-align:justify;
padding:7px;
background-color:#222;
border:1px solid #999;
margin:2px 2px -8px 2px;
height: 100px;

}
 
 .banner{
width: 257px;
background-color:#414141; 
padding:10px;
margin-top:5px;
text-align:center;
display:block;
border-top:1px solid #272727;
border-right:2px solid #272727;
border-bottom:2px solid #272727;
border-left:1px solid #272727;
height:70px;
  } 
  
  .banner2{
width: 350px;
background-color:#414141; 
padding:10px;
margin-top:5px;
text-align:center;
display:block;
border-top:1px solid #272727;
border-right:2px solid #272727;
border-bottom:2px solid #272727;
border-left:1px solid #272727;
height:70px;
  } 
  
  .testobanner{
   float:left; 
 font:oblique 120% "Times New Roman", Times, serif;
 color:#999; 
 margin-top:7px;
 text-align:center;
 font-weight:700;      
  } 
 .testobanner2{
  
 font: 70% Verdana, Arial, Helvetica, sans-serif;
 color:#ccc; 
 margin-top:5px;
 text-align:center;
 font-weight:700;      
  }  
  
  .testobanner3{
   float:right; 
 font:oblique 120% "Times New Roman", Times, serif;
 color:#999; 
 margin:15px 25px 0 0;
 text-align:center;
 font-weight:700;      
  } 
  
  .testobanner4{
   float:right; 
 font:oblique 120% "Times New Roman", Times, serif;
 color:#999; 
 margin:15px 15px 0 0;
 text-align:center;
 font-weight:700;      
  } 
  
.fotobanner {
 float:right;
  width: 118px;
 height:68px; 
 } 
 

 
 .fotobanner2 {
 float:left;
  width: 118px;
 height:68px; 
 } 
 
 .mollicadipane {
text-align:left;
font:90% Verdana, Arial, Helvetica, sans-serif;
margin:0 10px 20px 0;
}

 .mollicadipane2 {
text-align:left;
font:90% Verdana, Arial, Helvetica, sans-serif;
margin:0 10px 20px 0;
}

#blog{
float:left;
width:675px;
margin:40px 7px 60px 7px;
text-align:justify;
padding:7px;
}

#blog2{
float:left;
width:675px;
margin:50px 7px 30px 7px;
text-align:center;
padding:7px;
}

#blogmisteri{
float:left;
width:675px;
margin:30px 7px 30px 7px;
text-align:center;
padding:7px;
}

.boxmisteri{
text-align:justify;
}

#blogconfraternite{
float:left;
width:675px;
margin:50px 7px 90px 7px;
text-align:justify;
padding:7px;
}

#blogconfraternite ul {
list-style:none;
margin:0;
padding:0;
text-align:left;
}

#blogconfraternite ul li {
display:inline;
margin:0;
padding:0;
text-align:left;
}
#blogconfraternite li{
list-style:none;
text-align:left;
}

#blogconfraternite ul li a {
border-bottom:1px solid #686868;
color:#ccc;
display:block;
text-decoration:none !important;
padding:4px 0 4px 4px;
text-align:left;
}

#blogconfraternite li a:hover{
border-bottom:1px solid #686868;
color:#fff;
background-color:#222;
text-align:left;

}

.titolopatrocini{
clear:both;
margin:50px 3px 0 3px;
font: 110% Verdana, Arial, Helvetica, sans-serif;
 background-color:#222; 
 padding:4px 6px;
 color:#999;
  font-weight:700;
 letter-spacing:-3;
border-bottom:1px double #61315B;
 text-align:left;
}

#fondopatrocini{
clear:both;
width:1000px;
background:#333 url(images/footerpatrocini.jpg) no-repeat;
height:161px;
margin:0;
}



#fondo{
clear:both;
width:1000px;
background:#333 url(images/footer.jpg) no-repeat;
height:215px;
margin:0;
}

#crediti{
line-height:19px;
margin:4px 0;
padding-bottom:5px;
text-align:center;
}

table{
border:0;
 width:70%;
 margin:10px 0 15px 130px;
 }
 
.table2{
border:0;
width:100%;
margin:10px 0 25px 5px;
 } 
 
 .table3{
border:0;
width:50%;
margin:10px auto 10px auto;
text-align:center;
 } 
 
  .table4{
border:0;
width:50%;
margin:10px auto 10px auto;
text-align:center;
 } 
 
 .table5{
 border:0;
width:99%;
margin:10px auto 10px auto;
} 

 
 td1{
text-align: left;    
}     

td2{
text-align: right;    
} 

textarea{
margin-bottom:5px;
background-color:#414141;
border: 1px solid #222;
text-align: left;
color:#ccc;
overflow:hidden;
padding:5px;
 }
 
input{
margin-bottom:5px;
background-color:#414141;
border: 1px solid #222;
text-align: left;
color:#ccc;
padding:3px;
 }
 
 select{
 background-color:#414141;
border: 0;
text-align: left;
color:#ccc;    
     }
 option
{
border: 0;
}

 
 submit{
text-align:center;
padding:2px;
}

.centrato {
text-align:center;
margin:0 auto;
}



.invisibile{
display:none;  
margin:0;
 } 
 
.imgmenu2{
border:5px solid #999;
padding:3px;
text-align: center;
width:425px;
margin:0 auto;
} 

.fotobanda{
border:5px solid #999;
padding:3px;
text-align: center;  
width:500px;
margin:0 auto;
} 
.data3{
padding:8px;
width:300px;
text-align: center;
margin:25px auto;

}

.data3 a:link{
color:#ccc; 
padding:4px;
text-decoration:none;
width:300px;
background-color:#222;
 }
.data3 a:hover{
color:#fff; 
padding:4px;
text-decoration:none;
width:300px;
background-color:#414141;
}

.data3 a:visited {
color:#fff;
padding:4px;
text-decoration:none;
width:300px;
background-color:#414141;
}

span{
 font-weight:700; 
 font:oblique 100% Verdana, Arial, Helvetica, sans-serif;
 }  
 
 .commons{ 
border:2px solid #999; 
padding:3px;     
 } 
 
 .bannermellitto{ 
border:1px solid #272727;   
background-color:#ccc;
padding:3px;     
 } 
 
 a .bannermellitto {
border:1px solid #999;   
background-color:#ccc;
padding:3px;  
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}

a:hover .bannermellitto {
border:1px solid #999;   
background-color:#ccc;
padding:3px;  
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

a .bannermellitto2 {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}

a:hover .bannermellitto2 {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

a .bannermellitto3 {
 border:2px solid #999;  
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}

a:hover .bannermellitto3 {
 border:2px solid #999;    
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

 a img.galleria {
text-align:center;
border: 3px solid #999;
padding:4px;
margin: 5px 2px 5px 2px;
background-color:#414141; 

opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}

a:hover img.galleria {
border: 3px solid #999;
background-color:#414141; 
padding:4px;
margin: 5px 2px 5px 2px;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

.destra{
text-align: right; 
margin:25px 10px 10px 0;
 }  
 
  
 .firma{ 
font:italic 130% "Times new Roman", serif;
font-weight:700;
 } 
 
 .fotomistero{
text-align:center;    
margin:0;
border: 4px solid #808080;
padding:3px;
 } 
 
.madonnaddolorata{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/madonnaddolorata.jpg) no-repeat; 
 width: 366px;
 height:450px; 
 border:5px solid #999; 
 }  
 
 .vsanto{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/processioneanteprima.jpg) no-repeat; 
 width: 500px;
 height:375px; 
 border:5px solid #999; 
 }  
 
 .gesucroci{
 text-align:center;    
 margin:20px auto 30px auto;  
 background:#333 url(images/gesucroci.jpg) no-repeat; 
 width: 300px;
 height:300px; 
 
 }  
 
 .vsanto2{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/processioneanteprima2.jpg) no-repeat; 
 width: 500px;
 height:375px; 
 border:5px solid #999; 
 }  
 
 .papa{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/fotopapa.jpg) no-repeat; 
 width: 314px;
 height:278px; 
 border:5px solid #999; 
 }  
 
 .matrice{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/matrice.jpg) no-repeat; 
 width: 400px;
 height:334px; 
 border:5px solid #999; 
 }  
 
 .bandagrumo {
 text-align:center;    
 margin:40px auto 30px auto;  
 background:#333 url(images/bandafirma.jpg) no-repeat; 
 width: 500px;
 height:402px; 
 border:5px solid #999; 
 }   
 
 .chiesamonteverde{
 text-align:center;    
 margin:50px auto 50px auto;  
 background:#333 url(images/chiesadimonteverde.jpg) no-repeat; 
 width: 375px;
 height:407px; 
 border:5px solid #999; 
 }  
 
 .addoloratarosario{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/addoloratarosario.jpg) no-repeat; 
 width: 362px;
 height:482px; 
 border:5px solid #999; 
 }  
 
 .addoloratarosario2{
 text-align:center;    
 margin:30px auto 30px auto;  
 background:#333 url(images/addoloratarosario2.jpg) no-repeat; 
 width: 361px;
 height:482px; 
 border:5px solid #999; 
 }  
 
 .suorfaustina{
 text-align:center;    
 margin:10px auto 30px auto;  
 background:#333 url(images/suorfaustina.jpg) no-repeat; 
 width: 279px;
 height:400px; 
 border:5px solid #999; 
 } 
 
 .sangiuseppe{
 text-align:center;    
 margin:10px auto 30px auto;  
 background:#333 url(images/statuasangiuseppe.jpg) no-repeat; 
 width: 338px;
 height:450px; 
 border:5px solid #999; 
 } 
 
  
  blockquote {
width: 450px;
margin: 3em auto 3em auto;
text-align: justify;
color:grey;
background-color:#414141; 
padding:6px;
border-left:5px solid #808080;
border-bottom:1px solid #222;
border-right:1px solid #222;
}


blockquote p {
line-height: 1.3;
display: inline;	
}

.versivangelo{
width: 450px;
margin: 2em auto 1.5em auto;
text-align: justify;
color:grey;
background-color:#414141; 
padding:6px;
border-left:5px solid #808080;
border-bottom:1px solid #222;
border-right:1px solid #222;
}

.versivangelo p {
line-height: 1.3;
display: inline;	
}
        
 .dongiovanni {
 background:#333 url(images/dongiovanni.jpg) no-repeat; 
 float:left;
 width: 185px;
 height:235px;
 margin-right:8px;
 border:5px solid #414141;
 } 
 
 .testodongiovanni{
 padding:8px;
 margin:45px 0 45px 0;     
 } 
 
 .sedemisteri{
font:italic 110% "Times new Roman", serif;
font-weight:700; 
text-align:center; 
margin-bottom:28px; 
}  

.ave{   
 font:italic 120% "Times new Roman", serif;
font-weight:700;
display:inline;    
}   



.commentimisteri,.commentimisteri2 {
width: 240px;
background-color:#414141; 
padding:18px 10px;
text-align:center;
display:block;
border-bottom:1px solid #222;
border-right:1px solid #222; 
  } 
  
 .commentimisteri a:link {
text-decoration : none;
border : 0;
}
.commentimisteri a:hover {
text-decoration : none;
border-bottom:none;
position : relative;
top : 1px;
left : 1px;
background-color:#000; 
}

.commentimisteri2 a:link {
text-decoration : none;
border : 0;
}
.commentimisteri2 a:hover {
text-decoration : none;
border-bottom:none;
background-color:#000; 
}

img{
  border : 0;
 } 
  
.testocommentimisteri{
 color:#ccc;
 font:oblique 125% "Times New Roman", Times, serif;
 text-align:center;
  font-weight:700; 
  padding-top:12px;
 }    
 ul{
 list-style-type:disk; 
 margin:15px 20px 15px 20px; 
 } 
 
 ul#sub{
 list-style-type:disk; 
 margin:10px 0 5px 40px; 
 } 
 
 .boxnewsletter{
 background-color:#414141; 
margin:30px 120px 30px 120px;

text-align:center;
border-bottom:1px solid #222;
border-right:1px solid #222; 
}

.sottolineato{
  text-decoration: underline; 
  font:oblique 120% "Times New Roman", Times, serif;
  font-weight:700;
 }
   
 .fotoparrocchie{
   float:left;
 padding:0 5px 3px 0;  
  }   
  
 .video {
text-align:center;
}
 
 .video a:link {
text-decoration : none;
border : 0;
}
.video a:hover {
text-decoration : none;
border-bottom:none;
position : relative;
top : 1px;
left : 1px;
}

.scorre{
  margin-left:-110px;  
 width: 640px;
 }   

.logomusica a:link {
text-decoration : none;
border : 0;
}
.logomusica a:hover {
text-decoration : none;
border-bottom:none;
position : relative;
top : 1px;
left : 1px;
}

p{
  margin-top:30px;  
  }