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




/*--- MARGINI E FONDI LAYOUT GLOBALE ---*/


@font-face {
    font-family: 'pupcatregular';
    src: url('pupcat__-webfont.eot');
    src: url('pupcat__-webfont.eot?#iefix') format('embedded-opentype'),
         url('pupcat__-webfont.woff2') format('woff2'),
         url('pupcat__-webfont.woff') format('woff'),
         url('pupcat__-webfont.ttf') format('truetype'),
         url('pupcat__-webfont.svg#pupcatregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#layout2014 {
background-color: transparent;
}

.secondolivello .layoutboxex {
background: URL(gif/bkg_2liv_sfum.gif) #E4D1BB repeat-x top left;
}


/*-------- RIGA 1 - TESTATA --------*/
/*-------- nome sito --------*/




/*-------- RIGA 2 - BRACCIO --------*/
/*--- logo, braccio, bacheca, menu, notizia, bottoni di servizio ---*/

.tdmenu {
background-image: none;
background-color: #B0AF76;
}

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

.menu-news-box {
background-color: transparent;
border-top: solid 1px #ffffff;
margin-left: 0em;
margin-right: 0em;
/*margin-bottom: 1em;*/
border-left: none;
border-right: none;
border-bottom: none;
}

   /* ^sul CSS specifico puoi personalizzare i colori dei fondini */
.menuvocibox a:link {background-color: #B44956;}
.menuvocibox a:visited {background-color: #B44956;}
.menuvocibox a:active {background: URL(gif/bkg_botmenu_h.gif) #C55361 repeat-y top right;}
.menuvocibox a:hover {background: URL(gif/bkg_botmenu_h.gif) #C55361 repeat-y top right;}
.menuvocibox a:focus {background: URL(gif/bkg_botmenu_h.gif) #C55361 repeat-y top right;}
.menuvocibox a {
background-image: none;
background-color: #B44956;
color: #ffffff;
border-bottom: solid 0.1em #ffffff;
}
a#youarehere:link {background-color:#F0592D;}
a#youarehere:visited {background-color:#F0592D;}
a#youarehere:active {background: URL(gif/bkg_botmenu_h.gif) #C55361 repeat-y top right; padding-left: 0.5em;}
a#youarehere:hover {background: URL(gif/bkg_botmenu_h.gif) #C55361 repeat-y top right; padding-left: 0.5em;}
a#youarehere:focus {background: URL(gif/bkg_botmenu_h.gif) #C55361 repeat-y top right; padding-left: 0.5em;}
a#youarehere {
background: URL(../shared_odv/gif/ico_youarehere_white.gif) #F0592D no-repeat center left;
}

.notiziabox {
background-color: #FFD964;
margin-top: 3.5em;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.notiziabox h2 {
font-family: 'pupcatregular';
font-size: 150%;
line-height: 120%;
letter-spacing: 0.03em;
text-align: center;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0.6em;
text-transform: none;
padding-top: 0.25em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.15em;
border-bottom: dashed 0.05em #000000;
}


/*-------- RIGA 2 - CORPO --------*/
/*-------- cella corpo --------*/

.testoboox {
margin: 0em;
}

.cover {
/*background: URL(gif/cover.jpg) transparent no-repeat top center;*/
margin: 0.6em;
margin-top: 0.9em;
height: auto;
height: 1px;
/*padding-top: 390px;*/
/*height: 670px;*/
border-top: solid 1px #ffffff;
text-align: center;
position: relative;
z-index: inherit;
}

#coverimg {
position: absolute;
top: 0em;
left: 0.4em;
width: 38.75em;
height: 40.2em;
margin-left: auto;
margin-right: auto;
z-index: -1;
}
#alzacover {
display: inline;
float: right;
width: 4px;
height: 41.2em;
}

.cover h1 {
background: URL(gif/bkg_semitrasp.gif) transparent repeat top center;
font-family: 'pupcatregular';
letter-spacing: 0.01em;
color: #ffffff;
font-size: 220%;
line-height: 100%;
font-weight: normal;
text-align: center;
margin-top: 11.9em;
margin-left: 0.2em;
margin-right: 0.2em;
margin-bottom: 0em;
padding-top: 0.7em;
padding-left: 0.7em;
padding-right: 0.7em;
padding-bottom: 0.6em;
z-index: 3;
}
.cover h1 em {
font-style: normal;
}
.motto-tratt {
display: none;
}
.cover h1 strong {
display: block;
color: #2DCE4E;
font-size: 90%;
font-weight: normal;
margin-top: 0.4em;
}
span.motto-part1 {
display: block;
}

.testoboox p.creditopera {
position: absolute;
top: 50.6em;
left: 1.6em;
color: #FFD964;
}
p.creditopera em {
font-weight: bold;
}


#botfb {
float: right;
width: 2.4em;
height: 2.4em;
margin-left: 0.6em;
}

.socialbox {
text-align: right;
width: 10em;
margin-left: auto;
margin-right: 1em;
margin-bottom: 0.5em;
clear: right;
}
.testoboox .socialbox p {
color: #3B3691;
font-size: 75%;
line-height: 130%;
font-weight: bold;
padding-top: 0.3em;
}
.testoboox .socialbox p strong {
font-size: 140%;
line-height: 110%;
}


/*-------- RIGA 3 - FOOTER --------*/
/*-------- credits --------*/




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

.secondolivello .tdcorpo {
background-color: #ffffff;
}

.h1main-box {
float: none;
}


.h1main22-box h1 {
display: block;
width: auto;

font-family: 'pupcatregular';
color: #F0572D;
font-weight: bold;
font-size: 230%;
//line-height: 100%;
margin-top: 0.3em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
padding-left: 0.7em;
padding-right: 0.7em;
//padding-bottom: 107px;
}



.h1main-box h1 {
display: block;
width: auto;
background: URL(gif/bkg_hd2liv_chisiamo.jpg) transparent no-repeat bottom left;
font-family: 'pupcatregular';
color: #F0572D;
font-weight: bold;
font-size: 230%;
line-height: 100%;
margin-top: 0.3em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
padding-left: 0.7em;
padding-right: 0.7em;
padding-bottom: 107px;
}
#attivita .h1main-box h1 {
background-image: URL(gif/bkg_hd2liv_attivita.jpg);
}
#sostieni .h1main-box h1 {
background-image: URL(gif/bkg_hd2liv_sostieni.jpg);
}
/*
#mestiere.h1main-box h1 {
background-image: URL(gif/Loghi-beneficiari.png);
}
*/


.containh1navig .navigbox {
float: none;
background: URL(gif/bkg_navig.gif) #ffffff repeat-y top left;
text-align: left;
margin-top: 0.2em;
margin-right: 0em;
margin-left: 0em;
margin-bottom: 0.2em;
padding-top: 0.3em;
padding-left: 1.5em;
padding-right: 1em;
padding-bottom: 0.3em;
}




.secondolivello .testoboox p, .secondolivello .testoboox ul, .secondolivello .testoboox ol {
font-size: 80%;
line-height: 160%;
margin-top: 1.4em;
margin-right: 3em;
margin-left: 3em;
margin-bottom: 1.4em;
}

.secondolivello .testoboox p strong, .secondolivello .testoboox ul strong, .secondolivello .testoboox ol strong {
color: #B44956;
}


.secondolivello .testoboox a:link {color:#514CAC; text-decoration:underline;}
.secondolivello .testoboox a:visited {color:#514CAC; text-decoration:underline;}
.secondolivello .testoboox a:active {color:#000000; text-decoration:none;}
.secondolivello .testoboox a:hover {color:#000000; text-decoration:underline;}
.secondolivello .testoboox a:focus {color:#000000; text-decoration:underline;}
.secondolivello .testoboox a {color:#514CAC; text-decoration:underline;}




#bothome {
width: 2.95em;
height: 0.9em;
}
#botback {
width: 3.3em;
height: 0.9em;
}

.bottombox {
background: URL(gif/bkg_navig_bottom.gif) #ffffff repeat-y top right;
text-align: right;
margin-top: 2em;
margin-bottom: 1em;
padding-top: 0.3em;
padding-left: 1em;
padding-right: 1.5em;
padding-bottom: 0.3em;
}
#bottop {
width: 3.3em;
height: 0.9em;
}


/*---- layout free2014 (testoboox invece di testobox) ----*/

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

.testoboox h2 {
font-family: 'pupcatregular';
font-weight: bold;
color: #F0572D;
/*font-family: Arial Narrow, Helvetica narrow, Arial, Helvetica, Sans-serif;*/
/*color: #B44956;
text-transform: uppercase;*/
font-size: 140%;
line-height: 125%;
margin-top: 1.5em;
margin-bottom: 1em;
margin-left: 1.7em;
margin-right: 1.7em;
}


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

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