@charset "UTF-8";

/* regole per Body */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(sfondi/sf.jpg);
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}

/* regole per Contenitore */

 #container {
	width: 780px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: url(sfondi/sf_centrale.jpg);
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	/* border: 1px solid #000000;*/
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
} 



/* regole per Corpo Centrale */

#corpo {
	margin: 0;
	width:780;
}

#principale {
	float:left;
	width: 530px;
	visibility: visible;
	margin-right: 10px;
	margin-bottom: 3em;
	margin-left: 86px;
}

#diocesiinforma {
	float:right;
	width:154px;
}



/* regole per divisioni del Corpo Centrale */
/* regole per Parte in Evidenza */
/* forum */
#forum {
	margin-top:45px;
	margin-left:10px;
	width:230px;
	float: left;
}

#forum h1 { 
margin-right:15px;
margin-left:15px;
font-size:80%;
 padding: 4px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color:#ffffff; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 border: 1px solid #9F6830; 
 background-color: #9F6830;
}


#forum h2 { 
margin:0px;
font-size:110%;
height:2.5em;
}

#forum a img { 
margin-top:10px;
display:block;
}

#forum p { 
margin:3px 0;
}



/* evidenza0 */
#evidenza0 {
	width:230px;
	float:left;
	margin: 0;
}


/* evidenza */
#evidenza {
	width:230px;
	float:left;
	background:#E4D0AF;
	margin: 0;
}

#evidenza h2 { 
margin:0px;
font-size:110%;
height:2.5em;
}

#evidenza  img { 
margin-top:5px;
margin-bottom:5px;
border:1px solid #000000;
display:block;
}

#evidenza a img { 
margin-top:10px;
display:block;
}

#evidenza p { 
margin:3px 0;
}

#evidenza ol {
	margin:0px;
	font-size:80%;
	list-style-position: outset;
	list-style-type: circle;
}

#evidenza li {
	margin:0px 3px 0px -20px;
	font-size:90%;
	list-style-type: square;
}



/* clip */
#clip {
float.left;
	margin-left:1px;
	width:62px;
	float: left;
	margin-right: 2px;
	
}

#clip h2 { 
margin:0px;
font-size:110%;
height:2.5em;
}

#clip a img { 
margin-top:10px;
display:block;
}

#clip p { 
margin:3px 0;
}



/* elenco evidenza */
#elenco {
	margin-left:5px;
	margin-right:2px;
	margin-top:5px;
	margin-bottom:5px;
	width:158px;
	float: left;
}

#elenco h2 { 
margin:0px;
font-size:110%;
height:2.5em;
}

#elenco a img { 
margin-top:10px;
display:block;
}

#elenco p { 
margin:3px 0;
}








/* parola */
#parola {
	margin-left:10px;
	width:280px;
	float: left;
	background:#eadac0;
	margin-top:20px;
}


#parola h1 { 
 margin:0px;
 font-size:90%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color: #666666; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 }

#parola h2 { 
 font-size:100%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color:#ffffff; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 border: 1px solid #e5ca9c; 
 background-color: #e5ca9c;
 }

 #parola h2.vuoi { 
 font-size:75%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 4px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color:#6F5709; 
 font-weight:normal; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 border: 1px solid #F4D771; 
 background-color: #F4D771;
 }



#parola p { 
 margin:0;/* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 font-size:12px;
 color:#0A1270; 
 text-align:justify;
 line-height:140%; 
 word-spacing: 1px; 
 margin-left: 10px; 
 margin-right: 20px; 
 margin-top:2px; 
 margin-bottom: 2px; 
 /*text-indent: 2em;*/ /*ELIMINO IL RIENTRO*/
}

#parola a img { 
margin-top:10px;
display:block;
}






/* regole per Contenuti */

#contenuti {
	font-size:100%;
	width:530px;
	padding-bottom:10px;
	border-bottom:none #999;
	margin-bottom:10px;
}

#contenuti h2 { 
 font-size:98%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
 font-weight:bold;
 font-style:normal;
 line-height: 80%;
 border: 1px solid #666666;
 background-color: #243758;
 text-align:center;
 color: #FFFFFF;
 margin-right:6px;
}

#contenuti p { 
 margin:0;/* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 font-size:80%;
 color:#0A1270; 
 text-align:justify;
 line-height:140%; 
 word-spacing: 1px; 
 margin-left: 10px; 
 margin-right: 20px; 
 margin-top:2px; 
 margin-bottom: 2px; 
 text-indent: 2em; 
}


#contenuti h2 img { 
margin-bottom:10px;
display:block;
}

#contenuti h2 br { 
display:none
}


.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 529px;
background:#E4D0AF;
}

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






/* REGOLE PER PARTE SPOT */
/* regole per Spot Angolo del libro */

#spotangolo {
 margin-left:10px;
 width:255px;
 float: left;
 background:#eadac0;
}

#spotangolo h1 { 
height:2.5em;
 font-size:90%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color: #666666; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:110%;   
 }

#spotangolo h2 { 
 font-size:100%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color:#ffffff; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 border: 1px solid: #ba1007; 
 background-color: #ba1007;
 }


#spotangolo p { 
 margin:3px 0;
 font-size:12px;
 color:#0A1270; 
 text-align:justify;
 line-height:140%; 
 word-spacing: 1px; 
 margin-left: 10px; 
 margin-right: 20px; 
 margin-top:2px; 
 margin-bottom: 2px; 
 /*text-indent: 2em;*/ /*ELIMINO IL RIENTRO*/
}

#spotangolo a img { 
 margin-top:10px;
 display:block;
}





/* regole per Spot Catechesi */

#spotcatechesi {
 margin-left:10px;
 width:255px;
 float: left;
 background: url(sfondi/sf_scritte.jpg);
}


#spotcatechesi h1 { 
height:2.5em;
 font-size:90%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color: #666666; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:110%;   
 }


#spotcatechesi h2 { 
 font-size:100%;
 margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding: 6px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color:#ffffff; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 border: 1px solid #e5ca9c; 
 background-color: #e5ca9c;
}

#spotcatechesi p { 
 margin:3px 0;
 font-size:12px;
 color:#0A1270; 
 text-align:justify;
 line-height:140%; 
 word-spacing: 1px; 
 margin-left: 10px; 
 margin-right: 10px; 
 margin-top:2px; 
 margin-bottom: 2px; 
 /*text-indent: 2em;*/ /*ELIMINO IL RIENTRO*/
}


#spotcatechesi a img { 
 margin-top:10px;
 display:block;
}








/*regole per footer*/

 #footer {
	padding: 0 0px 0 80px;
} 

 #footer p.copyright {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 8px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	line-height: 80%;
	border: 1px solid #666666;
	background-color: #666666;
	text-align:center;
	color: #FFFFFF;
}



/* Regole per collegamenti generici */
a img { 
border:none; /* serve per eliminare il bordo alle immagini usate come collegamenti */
}

a:link { 
background:trasparent;
color:#006AD5;
text-decoration: none;
}

a:visited { 
background:trasparent;
color:#006AD5;
text-decoration: none;
}

a:hover,a:focus,a:active { 
background:trasparent;
color:#F9635B;
text-decoration: none;
}


a.menu:link { color:#ffffff;}
a.menu:visited  { text-decoration: none; }
a.menu:visited { color:#ffffff;}
a.menu:hover{ color:#BC303C;}
a.menu:hover { text-decoration: none; }

a.link:link { color:#000000;}
a.link:visited  { text-decoration: none; }
a.link:visited { color:#000000;}
a.link:hover{ color:#666666;}
a.link:hover { text-decoration: none; }


/* regole per elementi nascosti */

 hr, .pgNav { 

	position:absolute;
	top:-1000em;
	width:1px;
	height:1px;
	overflow:hidden;
} 






.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}








/* Regole per diocesi informa *
p.diocesiinforma        { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; font-style:normal; text-align: center; word-spacing: 0;  margin-left:2; margin-right:2; margin-top:0; margin-bottom:0; border: 1px solid #E4D0AF; background-color:#BC303C }
h2.diocesiinformatitle  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; font-style:normal; text-align: center; word-spacing: 0;  margin-left:2; margin-right:2; margin-top:0; margin-bottom:0; border: 1px solid #BC303C; background-color:#BC303C }
h2.diocesiinforma       { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:light; font-style:normal; text-align: center; word-spacing: 0;  margin-left:2; margin-right:2; margin-top:0; margin-bottom:0; border: 1px solid #E4D0AF; background-color:#E4D0AF }


a.diocesiinforma {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   text-decoration:none;
}
a.diocesiinforma:hover {
   color:#BC303C;
}
a.diocesiinforma:visited {
   color:#BC303C;
   text-decoration:none;
   }



/* Regole per login */

#login {
}

#login h2 { 
 font-size:100%;
 margin:0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
 padding:6px; /* il padding di questo elemento crea uno spazio, cos� come avverrebbe specificando un valore margin, senza il problema della compressione del margine */ color:#ffffff; 
 font-weight:bold; 
 font-style:normal; 
 text-align: center; 
 line-height:80%;  
 border:1px solid:#e5ca9c; 
 background-color:#e5ca9c;
 }

#login ul {
	margin:0;
	padding:0;
	list-style:none;
}

#login li {
	display:inline;
}

#login a {
	display:block;
	padding:5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
        background-color:#eadac0;
	color: #3B3B3B;
}

#login a:hover {
	background:#4F789F;
	color:#FFFFFF;
}

#login .active a {
	background:#BABABA;
	color:#000000;
}