/* ---------------- NOTE: ---------------------
FOGLIO DI STILE GENERALE FISICAMENTE CONDIVISO
---------------------------------------------
Ricorda:
Ordine di richiamo dei fogli di stile:

  . da non modificare MAI!
  web/shared_standard/0_sharedstandard.css ..............(fisicamente condiviso)
  web/shared_standard/0_sharedstandard_print.css ........(fisicamente condiviso)
  web/<%=dirass%>/0_sfondi.css ..........................(per gli sfondi grafici)
  web/<%=dirass%>/0_sfondi_print.css ....................(per gli sfondi grafici)
  
  . da modificare:
  web/<%=dirass%>/<%=dirass%>.css .......................(deroghe di personalizzazione)
  web/<%=dirass%>/<%=dirass%>_print.css .................(deroghe di personalizzazione)

alcune classi sono ripetute nei vari fogli
ma andando in ordine di comparizione
le ultime hanno maggior specificita' delle prime.
---------------------------------------------
Le classi:
body, img, .hide, br.clear, center
sono gestite in
web/shared_standard/0_sharedstandard.css
hanno valore generale e non sono ripetute
nei fogli dei siti specifici.
---------------------------------------------
Le classi:
h1.wai e h1.wainline (di valore generale)
sono ripetute nei fogli dei siti specifici
perche' devono avere maggior specificita'
rispetto ad eventuali altri h1 ivi definiti
---------------------------------------------
Nella parte riservata alla stampa le classi:
.hideinprint, .hide, center
sono gestite sul foglio
web/shared_standard/0_sharedstandard_print.css
e non sui CSS piu' specifici.
------------------------------------------- */



body {
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:1em;
margin:0em;
padding:0em;
border:0em;
}

img {
border:0em;
}

.hide {
display: none;
}

br.clear {
clear: both;
}

center {
margin:0em;
padding:0em;
}


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

#containlayout {
padding:0em;
margin:0em;
width: 74.4%;
/*width: 46.8em;*/
background: URL(../shared_standard/gif/bkg_trattv.gif) #ffffff repeat-y top left;
}
td.layoutmarginright {
background: URL(../shared_standard/gif/bkg_trattv.gif) transparent repeat-y top right;
}

#layout {
background: URL(../shared_standard/gif/bkg_trattv.gif) transparent repeat-y top right;
text-align:left;
margin-left:1px;
margin-right:1px;
border-bottom:solid 1px #000000;
}


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

.containheadervolontariato {
background-color:#ffffff;
height:auto;
height:1%;
border-bottom:solid 1px #818181;
}
.logovolont {
float: left;
padding-left:0.5em;
text-align:left;
}

.centri {
float: right;
font-size:80%;
margin-top:0.9em;
margin-right:0.2em;
text-align:right;
}
.centri a:normal{color:#000000; text-decoration: none;}
.centri a:visited{color:#000000; text-decoration: none;}
.centri a:active{color:#000000; text-decoration: none;}
.centri a:hover{color:#000000; text-decoration: none;}
.centri a{color:#000000; text-decoration: none;}

.cesv, .cesv a {
color: #738DBB;
}
.spes, .spes a {
color: #66B636;
}


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

.headersitiassoc {
background-color: #FCEE05;
font-size:70%;
text-align:right;
padding-top:0.35em;
padding-bottom:0.3em;
padding-left:1em;
padding-right:1em;
}
.headersitiassoc img {
margin-right:0.4em;
vertical-align: middle;
}
.headersitiassoc a:normal{color:#000000; font-weight:normal; text-decoration: none;}
.headersitiassoc a:visited{color:#000000; font-weight:normal; text-decoration: none;}
.headersitiassoc a:active{color:#000000; font-weight:bold; text-decoration: none;}
.headersitiassoc a:hover{color:#000000; font-weight:bold; text-decoration: none;}
.headersitiassoc a{color:#000000; font-weight:normal; text-decoration: none;}


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

.tdcapitello {
background: URL(../shared_standard/gif/bkg_tratth.gif) #FCEE05 repeat-x bottom left;
}

.tdbarraodv {
vertical-align: bottom;
background: URL(../shared_standard/gif/bkg_tratth.gif) #FCEE05 repeat-x bottom left;
padding-bottom:1px;
}
.containbarraodv {
background: URL(../shared_standard/gif/lineh_818181.gif) #F4F4F4 repeat-x top left;
height:auto;
height:1%;
}
.barraodv {
background: URL(../shared_standard/gif/linev_000000.gif) transparent repeat-y top left;
}
.barraodvtxt {
font-size:70%;
padding-top:0.6em;
padding-left:0.8em;
padding-right:0.5em;
padding-bottom:0.4em;
}
.barraodv img {
vertical-align: middle;
margin:0.15em;
margin-bottom:0.2em;
}
img#barraodvangle {
float:left;
vertical-align: top;
margin:0em;
}


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

.emailprint {
display:none;
}


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

.tdlogo {
border-bottom:solid 1px #000000;
vertical-align:middle;
text-align:center;
padding:0.4em;
}


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

.tdtestatina {
vertical-align:top;
border-left:solid 1px #000000;
     /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA scommenta width nel CSS specifico!
     width:480px; */
}
.testatinaboxexex {
width:83%;
height:auto;
height:1%;
}
.testatinaboxex {
}
.testatinabox {
margin-right:6px;
 background-color:#ffffff;
     /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA porta i padding a zero nel CSS specifico! */
 padding-top:1.2em;
 padding-left:0.7em;
 padding-right:0.4em;
 padding-bottom:1.2em;
}
.testatinaboxbottom {
text-align:right;
}
.testatinallarga {
    /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA porta il width a 4px nel CSS specifico!
    width:4px; */
width:17em;
height:0px;
}
.testatinabox h1 {
font-size:150%;
line-height:110%;
display:inline;
font-weight:normal;
    /* ^SE FAI TESTATINA COMPLETAMENTE IN GRAFICA scommenta le seguenti nel CSS specifico!
    padding:0em;
    margin:0em; */
}
#testatinaboxprint {
display: none;
}


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

.tdmail {
vertical-align:bottom;
border-left:solid 1px #000000;
text-align:right;
padding-top:0.2em;
padding-right:1em;
font-size:70%;
line-height:100%;
padding-bottom:0.8em;
}
    /* ^colore link email: di base e' nero.
       Nel CSS specifico hai la possibilita' di farlo bianco. NON altri colori! */
.tdmail a:link {color:#000000; text-decoration:none;}
.tdmail a:visited {color:#000000; text-decoration:none;}
.tdmail a:active {color:#000000; text-decoration:none;}
.tdmail a:hover {color:#000000; text-decoration:underline;}
.tdmail a {color:#000000; font-weight:bold; text-decoration:none;}


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

.tdbraccio {
vertical-align:top;
background-color:#DDDDDD;
width:25%;
}

.menuvocibox {
margin-top:3.25em;
margin-bottom:2.4em;
border-top:solid 0.1em #000000;
font-size:70%;
line-height:105%;
}
    /* ^sul CSS specifico puoi personalizzare i colori dei fondini */
.menuvocibox a:link {background-color:#FFFFFF;}
.menuvocibox a:visited {background-color:#FFFFFF;}
.menuvocibox a:active {background-color:#EAEAEA;}
.menuvocibox a:hover {background-color:#EAEAEA;}
.menuvocibox a {
display:block;
background-color:#FFFFFF;
color:#000000;
border-bottom:solid 0.1em #000000;
padding-top:0.5em;
padding-left:0.9em;
padding-right:0.5em;
padding-bottom:0.5em;
text-decoration:none;
}
a#youarehere:link {background-color:#FFFFFF;}
a#youarehere:visited {background-color:#FFFFFF;}
a#youarehere:active {background-color:#EAEAEA;}
a#youarehere:hover {background-color:#EAEAEA;}
a#youarehere {
background: URL(../shared_standard/gif/ico_youarehere_black.gif) #ffffff no-repeat center left;
    /* ^sul CSS specifico puoi utilizzare in alternativa
	la gif 'ico_youarehere_white.gif'
background: URL(../shared_standard/gif/ico_youarehere_white.gif) transparent no-repeat center left; */
padding-left:1.7em;
font-weight:bold;
}


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

.notiziabox {
background-color:#ffffff;
font-size:70%;
line-height:125%;
border:solid 0.1em #818181;
margin-top:3em;
margin-left:0.65em;
margin-right:0.65em;
}
.notiziatitlebox {
background-color:#EEEEEE;
color:#000000;
text-transform:uppercase;
padding:0.35em;
padding-top:0.3em;
padding-left:0.45em;
}

/* si usa solo in caso di foglio associativo */
.notiziafogliohdbox {
height:70px;
}
.notiziafogliohdbox img {
    /* ^ATTENZIONE: valorizza su CSS specifico
	    larghezza massima per "0_notiziafogliohdbox.gif": 160 o 170px
width:140px;
height:70px; */
}

.lanciobox {
margin-top:1em;
margin-left:0.5em;
margin-right:0.5em;
margin-bottom:1em;
}
.lanciobox a:link {color:#000000; text-decoration:none;}
.lanciobox a:visited {color:#000000; text-decoration:none;}
.lanciobox a:active {color:#000000; text-decoration:none;}
.lanciobox a:hover {color:#000000; text-decoration:underline;}
.lanciobox a {
color:#000000;
text-decoration:none;
display:block;
font-weight:bold;
margin-bottom:0.2em;
}


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

.menuvoltit {
color:#000000;
font-size:90%;
line-height:110%;
margin-top:1.8em;
}
.menuvoltit .strettissimo {
letter-spacing:-0.1em;
font-weight:70%;
}
.menuvoltit a:link {color:#000000; margin-bottom:1px;}
.menuvoltit a:visited {color:#000000; margin-bottom:1px;}
.menuvoltit a:active {color:#ffffff; background-color:#979797; margin-bottom:1px;}
.menuvoltit a:hover {color:#ffffff; background-color:#979797; 
margin-bottom:0px; border-top:solid 1px #000000;}
.menuvoltit a {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
margin-bottom:1px;
padding-top:0.2em;
padding-left:0.7em;
padding-right:0.5em;
padding-bottom:0.2em;
}

.menuvocibox#menuvolbox {
margin-top:0em;
}


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

.tdcorpo {
vertical-align:top;
border-left:solid 1px #000000;
}


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

.testohomeboxex {
margin-left:1.7em;
}
.testohomeboxtop {
padding:0em;
margin:0em;
}
.testohomebox {
margin-top:0px;
margin-left:9px;
margin-right:8px;
margin-bottom:9px;
    /* ^Le seguenti possono essere modificate nel CSS specifico! */
background-color:#ffffff;
padding-left:1em;
padding-right:0.7em;
padding-bottom:1em;
}

    /* ^Le seguenti classi possono essere modificate nel CSS specifico! */
	
.testohomebox p, .testohomebox ol, .testohomebox ul {
color:#000000;
font-size:90%;
line-height:1.3em;
text-align:left;
margin:0em;
margin-bottom:0.4em;
}
.testohomebox ol, .testohomebox ul {
margin-top:1.2em;
margin-bottom:1.2em;
}
.testohomebox ol li, .testohomebox ul li {
margin-left:1.6em;
margin-bottom:0.5em;
}
.testohomebox ol.dilatata li, .testohomebox ul.dilatata li {
margin-bottom:1em;
}
.testohomebox a:link {color:#1566C0; text-decoration:none;}
.testohomebox a:visited {color:#4D8AD0; text-decoration:none;}
.testohomebox a:active {color:#1566C0; text-decoration:underline;}
.testohomebox a:hover {color:#000000; text-decoration:underline;}
.testohomebox a {color:#1566C0; font-weight:bold; text-decoration:none;}

.testohomebox h1 {
font-size:90%;
font-style:italic;
margin-top:0.8em;
margin-bottom:1.3em;
}

.testohomebox h2 {
font-size:90%;
line-height:130%;
margin-top:1.6em;
}
.testohomebox h2.h2first {
font-size:90%;
margin-top:0em;
}

.testohomebox h3 {
font-weight:normal;
font-size:75%;
line-height:130%;
text-transform:uppercase;
margin-top:1.6em;
margin-bottom:0.9em;
}

     /* ^Elementi ad hoc, usati in HP nel prototipo di base.
		Gestire la personalizzazione nel CSS specifico! */

.containfotohome {
margin-top:1.5em;
padding-top:16px;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;
background-color:#D7D7D7;
text-align:center;
height:auto;
height:1%;
}
.fotohome01box {
float:left;
border:solid 0.1em #ffffff;
margin-right:0.2em;
margin-bottom:0.3em;
}
.fotohome02box {
float:right;
border:solid 0.1em #ffffff;
margin-left:0.2em;
margin-bottom:0.3em;
}


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

    /* ^Le seguenti classi NON devono essere modificate nel CSS specifico! */

.testoboxex {
margin-left:1.7em;
border-bottom:solid 1px #000000;
}
.testoboxtop {
padding:0em;
margin:0em;
padding-bottom:0.05em;
border-bottom:solid 1px #ADADAD;
height:auto;
height:1%;
}
.testoboxtop h1 {
float:left;
font-size:90%;
line-height:1.1em;
margin-top:0.7em;
margin-left:1em;
margin-right:1.3em;
margin-bottom:0.2em;
}
img.botnavig {
margin-top:0.45em;
margin-right:0.4em;
margin-bottom:0.25em;
}

.testobox {
background-color:#ffffff;
margin-top:0px;
margin-left:9px;
margin-right:8px;
margin-bottom:9px;
padding-top:1.2em;
padding-left:1em;
padding-right:0.7em;
padding-bottom:1em;
}

.testobox p, .testobox ol, .testobox ul {
color:#000000;
font-size:80%;
line-height:1.3em;
text-align:left;
margin:0em;
margin-bottom:0.9em;
}
.testobox ol, .testobox ul {
margin-top:1.2em;
margin-bottom:1.2em;
margin-left:0.7em;
padding-left:0.7em;
}
.testobox ol li, .testobox ul li {
margin-left:1.7em;
padding-left:0.3em;
margin-bottom:0.5em;
}
.testobox ol.dilatata li, .testobox ul.dilatata li {
margin-bottom:1em;
}
.testobox a:link {color:#1566C0; text-decoration:none;}
.testobox a:visited {color:#4D8AD0; text-decoration:none;}
.testobox a:active {color:#1566C0; text-decoration:underline;}
.testobox a:hover {color:#000000; text-decoration:underline;}
.testobox a {color:#1566C0; font-weight:bold; text-decoration:none;}

.imgfloatdx {
float:right;
margin-top:0.3em;
margin-left:1em;
}
.imgfloatsx {
float:left;
margin-top:0.3em;
margin-right:1em;
}


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

.testobox h2 {
font-weight:normal;
font-size:105%;
line-height:125%;
margin-top:1.6em;
}
.testobox h2.h2first {
font-size:105%;
margin-top:0em;
}

.testobox h3 {
font-weight:normal;
font-size:75%;
line-height:130%;
text-transform:uppercase;
margin-top:1.6em;
margin-bottom:0.9em;
}
.testobox h3.h3first {
margin-top:0em;
}


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

.strettissimo {
letter-spacing:-0.1em;
}

.uppercase {
text-transform:uppercase;
}

.spaziato {
letter-spacing:0.1em;
}


/*-------- mappa google --------*/

.mappagoogle {
border:solid 1px #979797;
text-align:center;
padding-top:1.2em;
margin-top:1.2em;
margin-bottom:0.8em;
}

.mappagoogle small {
display:block;
text-align:center;
padding:0.7em;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:70%;
line-height:120%;
}

.mappagoogle small a:link {color:#1566C0; text-decoration:none;}
.mappagoogle small a:visited {color:#4D8AD0; text-decoration:none;}
.mappagoogle small a:active {color:#1566C0; text-decoration:underline;}
.mappagoogle small a:hover {color:#000000; text-decoration:underline;}
.mappagoogle small a {color:#1566C0; font-weight:bold; text-decoration:none;}


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

     /* ^Elementi ad hoc, usati nel prototipo di base.
		Gestire la personalizzazione nel CSS specifico! */

.gallery-parboxex {
padding-bottom: 4px;
margin-top:1em;
}
.gallery-parboxex#parboxfirst {
margin-top:0.6em;
}
.gallery-parbox {
padding:0.6em;
padding-bottom:0.5em;
border-right: solid 0.1em #E6E6E6;
/*border:solid 0.1em #ADADAD;*/
background-color: #F9F9F9;
height:auto;
height:1%;
}
.gallery-fotobox {
padding-right:4px;
padding-bottom:4px;
float:left;
margin-right:0.5em;
}
.gallery-fotobox img {
border:none;
/*border:solid 1px #ADADAD;*/
}
.gallery-parboxex p {
font-size:70%;
margin-bottom:0em;
}
.gallery-parbox br.clear {
font-size:1px;
}
		

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

    /* ^Queste classi sono ripetute nei fogli dei siti specifici
        perche' devono avere maggior specificita'
        rispetto ad eventuali altri h1 ivi definiti */
h1.wai {
margin:0em;
padding:0em;
border:0em;
font-size:70%;
font-weight:normal;
}
h1.wainline {
margin:0em;
padding:0em;
border:0em;
font-size:70%;
font-weight:normal;
display:inline;
}


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

.navigbottombox {
text-align:center;
font-size:70%;
margin-top:0.8em;
margin-left:1.7em;
margin-right:1em;
margin-bottom:1em;
color:#000000;
}
    /* ^COLORE LINK TORNA SU:
        Nel CSS specifico si ha la possibilita' di farlo bianco. NON altri colori! */
.navigbottombox a:link {color:#000000; text-decoration: none;}
.navigbottombox a:visited {color:#000000; text-decoration: none;}
.navigbottombox a:active {color:#000000; text-decoration: none;}
.navigbottombox a:hover {color:#000000; text-decoration: underline;}
.navigbottombox a {color:#000000; text-decoration: none; font-weight:normal;}