/* ---------------- NOTE: ---------------------
FOGLIO DI STILE SPECIFICO DEL SITO ASSOCIATIVO
---------------------------------------------
Leggi cappello in "web/shared_standard/0_sharedstandard.css"
------------------------------------------- */




/*-------- margini e fondi layout globale --------*/


/*-------- RIGA 1 --------*/
/*-------- testatina volontariato.lazio --------*/


/*-------- RIGA 2 --------*/
/*-------- testatina gialla "Fai il tuo sito con noi" --------*/


/*-------- RIGA 3 --------*/
/*-------- capitello giallo e barra OdV --------*/


/*-------- email da visualizzare solo in stampa --------*/


/*-------- RIGA 4 --------*/
/*-------- spazio logo (rowspan=2) --------*/

.tdlogo {
background: URL(gif/bkg_logo.gif) #60699D repeat-x top left;
vertical-align:middle;
padding-top:0.3em;
padding-left:0.1em;
padding-right:0.1em;
padding-bottom:0.5em;
}


/*-------- testatina associazione --------*/

.tdtestatina {
background-color: #556DA7;
}
.testatinaboxexex {
    /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA scommenta width! */
width:480px;
}
.testatinaboxex {
background-color: #ffffff;
}
.testatinabox {
    /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA porta i padding a zero! */
padding-top:0em;
padding-left:0em;
padding-right:0em;
padding-bottom:0em;
}
.testatinallarga {
    /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA porta il width a 4px! */
width:4px;
}
h1#testatinagrafica {
    /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA scommenta le seguenti! */
padding:0em;
margin:0em;
}


/*-------- RIGA 5 --------*/
/*-------- contattaci --------*/

.tdmail {
background-color: #556DA7;
}
    /* ^colore link email: di base e' nero.
        Qui hai la possibilita' di farlo bianco. NON altri colori! */
.tdmail a:link {color:#ffffff;}
.tdmail a:visited {color:#ffffff;}
.tdmail a:active {color:#ffffff;}
.tdmail a:hover {color:#ffffff;}
.tdmail a {color:#ffffff;}


/*-------- RIGA 6 - BRACCIO --------*/
/*-------- menu --------*/

.tdbraccio {
     /* ^personalizza colore fondo */
background-color:#517CCE;
}

    /* ^personalizza colori fondini */
.menuvocibox a:link {background: none; background-color:#B6C8EB;}
.menuvocibox a:visited {background: none; background-color:#B6C8EB;}
.menuvocibox a:active {background: URL(gif/bkg_botmenu.jpg) #ffffff repeat-x top left;background-color:#B6C8EB;}
.menuvocibox a:hover {background: URL(gif/bkg_botmenu.jpg) #ffffff repeat-x top left;background-color:#B6C8EB;}
.menuvocibox a {
background: none;
background-color:#B6C8EB;
}
a#youarehere:link {background: URL(gif/bkg_botmenu2.jpg) #ffffff repeat-x top left;background-color:#FBFBA6;}
a#youarehere:visited {background: URL(gif/bkg_botmenu2.jpg) #ffffff repeat-x top left;background-color:#FBFBA6;}
a#youarehere:active {background: URL(gif/bkg_botmenu.jpg) #ffffff repeat-x top left;background-color:#FBFBA6;}
a#youarehere:hover {background: URL(gif/bkg_botmenu.jpg) #ffffff repeat-x top left;background-color:#FBFBA6;}
a#youarehere {
background: URL(gif/bkg_botmenu2.jpg) #ffffff repeat-x top left;
background-color:#B6C8EB;
padding-left:0.9em;
}

    /* ^scommenta il seguente fondino grafico solo se il fondo scelto
	   e' cosi' scuro che serve utilizzare 'ico_youarehere_white.gif'
a#youarehere {
background: URL(../shared_standard/gif/ico_youarehere_white.gif) transparent no-repeat center left;
} */


/*-------- notizia --------*/

.notiziabox {
background-color:#E4EDFD;
font-size:70%;
line-height:125%;
border:solid 0.1em #818181;
border-top:solid 0.1em #517CCE;
border-left:solid 0.1em #517CCE;
margin-top:3em;
margin-left:0.65em;
margin-right:0.65em;
}

/* si usa solo in caso di foglio associativo */
.notiziafogliohdbox {
background-color: #ffffff;
    /* ^valorizza allineamento background solo se vuoi modificare rispetto a 0_sfondi.css */
background-position: top left;
    /* ^valorizza height solo se vuoi modificare rispetto a shared_standard */
height:57px;
}
.notiziafogliohdbox img {
    /* ^ATTENZIONE: larghezza massima per "0_notiziafogliohdbox.gif": 160 o 170px */
width:167px;
height:57px;
}


/*-------- menu volontariato.lazio --------*/

.menuvoltit a:link {color:#ffffff; margin-bottom:1px;}
.menuvoltit a:visited {color:#ffffff; margin-bottom:1px;}
.menuvoltit a:active {color:#000000; background-color:#D5D9E2; margin-bottom:1px;}
.menuvoltit a:hover {color:#000000; background-color:#D5D9E2; 
margin-bottom:0px; border-top:solid 1px #000000;}
.menuvoltit a {
color:#ffffff;
}

/*-------- RIGA 6 - CORPO --------*/
/*-------- cella corpo --------*/

.tdcorpo {
background-color: #556DA7;
}


/*---------- zona contenuti homepage ----------*/

     /* personalizzare colori (e gif) di sfondo. Evitare modifiche ai bordi! */

.testohomeboxex {
background-color: #ffffff;
border-bottom:solid 1px #000000;
}
.testohomeboxtop {
background-color: transparent;
}





     /* ^Personalizzazione elementi peculiari della homepage del sito specifico */

.tabhome {
border:solid 1px #0076BF;
background: URL(gif/bkg_tabhome.gif) #FFFFC8 repeat-x top left;
}
.tdwelcomehome {
background-color: #BBCEF3;
}
.tdwelcomehome h1 {
margin:0.25em;
margin-bottom:0.35em;
font-size:75%;
line-height:135%;
color:#517CCE;
font-weight:bold;
letter-spacing:0.65em;
text-align:center;
}
.tdtestohome {
vertical-align:top;
width:50%;
padding:1em;
padding-left:1.4em;
}
.tdsloganhome {
vertical-align:top;
width:50%;
border-left:solid 0.1em #AABEE8;
border-bottom:solid 0.1em #AABEE8;
padding:1em;
padding-bottom:0.5em;
}
.tdfotohome {
padding-top:1.1em;
padding-bottom:0.6em;
padding-left:0em;
padding-right:0.6em;
}
.didahomeprint {
display:none;
}


/* Fine elementi peculiari homepage sito specifico */







     /* ^Personalizzare a piacimento... ma con garbo!
	     Fare riferimento al CSS generale per modificare solo i valori necessari.
		 Il resto puo' essere cancellato */
		 
.testohomebox {
padding-left:0.1em;
padding-right:0.1em;
padding-bottom:0em;
}
  /* ^SOLO se si sono modificati i margini di testohomebox rispetto al CSS generale:
     scommentare le due seguenti classi e modificare la larghezza
	 della gif (id=img-endoftext) SOLO del primo livello.
	 A quel punto occorre risistemare empiricamente la larghezza testando sui browser
	 e confrontando homepage e secondi livelli! */
#img-endoftext {
width:514px;
}
.secondolivello #img-endoftext {
width:490px;
}

.testohomebox p, .testohomebox ol, .testohomebox ul {
color:#1647A4;
font-family:Times, Times New Roman;
font-size:110%;
line-height:120%;
text-align:left;
}
.testohomebox .tdsloganhome p {
font-family:Times, Times New Roman;
font-size:95%;
line-height:130%;
font-weight:bold;
text-align:center;
margin-left:0.9em;
margin-right:0.9em;
font-style:normal;
}
.testohomebox .tdsloganhome p.fonte {
color:#ED0000;
margin-left:1.6em;
margin-right:1.6em;
line-height:120%;
margin-bottom:0.5em;
font-weight:normal;
}

.testohomebox a:link {color:#1287FC; text-decoration:none;}
.testohomebox a:visited {color:#1287FC; text-decoration:none;}
.testohomebox a:active {color:#ED0000; text-decoration:underline;}
.testohomebox a:hover {color:#ED0000; text-decoration:underline;}
.testohomebox a {color:#1287FC; font-weight:normal; text-decoration:none;}


     /* ^Elementi ad hoc, presenti nel prototipo di base e gestiti nel CSS generale.
	    Qui e' possibile modificarli. */


/*---------- zona contenuti secondo livello (liv2) ----------*/

.testobox a:link {color:#ED0000; text-decoration:none;}
.testobox a:visited {color:#ED0000; text-decoration:none;}
.testobox a:active {color:#517CCE; text-decoration:underline;}
.testobox a:hover {color:#517CCE; text-decoration:underline;}
.testobox a {color:#ED0000; font-weight:bold; text-decoration:none;}

.testobox ol ol, .testobox ul ul, .testobox ol ul, .testobox ul ol {
font-size:100%;
line-height:120%;
}
.testobox ol ol li, .testobox ul ul li, .testobox ol ul li, .testobox ul ol li {
list-style-type:square;
margin-left:0.6em;
margin-bottom:0.4em;
}

/*---------- formattazione: altri titoli ----------*/


/*-------- formattazione: varie --------*/

.fotoneltestodx {
background-color: #E2E3EA;
float:right;
margin-left:0.7em;
margin-bottom:0.5em;
padding-right: 6px;
padding-bottom:6px;
}
.fotoneltestodx img {
border: solid 1px #5D669A;
}
.testobox .fotoneltestodx a:link {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestodx a:visited {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestodx a:active {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestodx a:hover {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestodx a {color:#5D669A; font-weight:normal; text-decoration:none;}

.fotoneltestocx {
width:472px;
background-color: #E2E3EA;
margin-bottom:0.9em;
padding-right: 6px;
padding-bottom:6px;
}
.fotoneltestocx img {
border: solid 1px #5D669A;
}
.testobox .fotoneltestocx a:link {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestocx a:visited {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestocx a:active {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestocx a:hover {color:#5D669A; text-decoration:none;}
.testobox .fotoneltestocx a {color:#5D669A; font-weight:normal; text-decoration:none;}


/*-------- galleria --------*/

     /* ^Scommenta e gestisci solo differenze rispetto prototipo di base */

 
.gallery-parbox {
background-color: #8CB8FD;
}
.gallery-fotobox {
background: none;
background-color: transparent;
}
.gallery-parbox-pari {
padding:0.6em;
padding-bottom:0.5em;
border:none;
border-right: solid 1px #E6E6E6;
background-color: #B6C8EB;
height:auto;
height:1%;
}
.gallery-fotobox img {
border-right:solid 1px #E8F0FF;
border-bottom:solid 1px #E8F0FF;
border-top:solid 2px #6679A0;
border-left:solid 2px #6679A0;
}
.indicegalleria {
padding-top:0.8em;
}
.indicegalleria .gallery-fotobox img {
border:solid 1px #0404BD;
}

.testobox .gallery-parbox a:link {color:#000000; text-decoration:none;}
.testobox .gallery-parbox a:visited {color:#000000; text-decoration:none;}
.testobox .gallery-parbox a:active {color:#000000; text-decoration:underline;}
.testobox .gallery-parbox a:hover {color:#000000; text-decoration:underline;}
.testobox .gallery-parbox a {color:#ED0000; font-weight:bold; text-decoration:none;}

.testobox .gallery-parbox-pari a:link {color:#000000; text-decoration:none;}
.testobox .gallery-parbox-pari a:visited {color:#000000; text-decoration:none;}
.testobox .gallery-parbox-pari a:active {color:#000000; text-decoration:underline;}
.testobox .gallery-parbox-pari a:hover {color:#000000; text-decoration:underline;}
.testobox .gallery-parbox-pari a {color:#ED0000; font-weight:bold; text-decoration:none;}


/*-------- wai --------*/

    /* ^Queste classi, gia' presenti sul CSS generale,
	    sono qui ripetute perche' devono avere maggior specificita'
        rispetto ad eventuali altri h1 qui definiti!
		Non si deve apportare alcuna modifica */
h1.wai {
margin:0em;
padding:0em;
border:0em;
font-weight:normal;
}
h1.wainline {
margin:0em;
padding:0em;
border:0em;
font-weight:normal;
display:inline;
}


/*-------- navigbottom --------*/

.navigbottombox {
     /* ^se occorre puoi modificarlo da nero a bianco. NON altri colori!
color:#ffffff; */
}
    /* ^COLORE LINK TORNA SU:
        di base e' nero. Qui hai la possibilita' di farlo bianco. NON altri colori! */
.navigbottombox a:link {color:#ffffff;}
.navigbottombox a:visited {color:#ffffff;}
.navigbottombox a:active {color:#ffffff;}
.navigbottombox a:hover {color:#ffffff;}
.navigbottombox a {color:#ffffff; font-weight:normal;}