/* ---------------- NOTE: ---------------------
FOGLIO DI STILE SPECIFICO DEL SITO ASSOCIATIVO
---------------------------------------------
Leggi cappello in "web/shared_odv/shared_odv.css"
------------------------------------------- */




/*--- MARGINI E FONDI LAYOUT GLOBALE ---*/

body {
background: URL(gif/bkg_body.gif) #2AD4B8 repeat-x top center;
border-bottom: none;
}

#layout2014 {
background: URL(gif/bkg_corpo_sfum_new.gif) #FFA044 repeat-x bottom center;
}

@font-face {
    font-family: 'asenineregular';
    src: url('asenine_-webfont.eot');
    src: url('asenine_-webfont.eot?#iefix') format('embedded-opentype'),
         url('asenine_-webfont.woff2') format('woff2'),
         url('asenine_-webfont.woff') format('woff'),
         url('asenine_-webfont.ttf') format('truetype'),
         url('asenine_-webfont.svg#asenineregular') format('svg');
    /*font-weight: normal;
    font-style: normal;*/
}

/*@font-face {
    font-family: 'asenine_wideregular';
    src: url('asenw___-webfont.eot');
    src: url('asenw___-webfont.eot?#iefix') format('embedded-opentype'),
         url('asenw___-webfont.woff2') format('woff2'),
         url('asenw___-webfont.woff') format('woff'),
         url('asenw___-webfont.ttf') format('truetype'),
         url('asenw___-webfont.svg#asenine_wideregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


/*-------- RIGA 1 - TESTATA --------*/
/*-------- nome sito --------*/




/*-------- RIGA 2 - BRACCIO --------*/
/*--- logo, braccio, bacheca, menu, notizia, bottoni di servizio ---*/

.tdmenu {
background: URL(gif/bkg_braccio.gif) #2BBFF2 repeat-x top center;
}

.logobox {
padding-top: 0.3em;
padding-bottom: 0.4em;
}

.logomenu {
margin-top: 0em;
margin-bottom: 0em;
}


    /* ^sul CSS specifico puoi personalizzare i colori dei fondini */
.menuvocibox a:link {background-color: #81DAF9;}
.menuvocibox a:visited {background-color: #81DAF9;}
.menuvocibox a:active {background-color: #FED746;}
.menuvocibox a:hover {background-color: #FED746;}
.menuvocibox a:focus {background-color: #FED746;}
.menuvocibox a {
display:block;
background-color: #81DAF9;
color: #000000;
border-bottom: solid 0.1em #000000;
padding-top: 0.5em;
padding-left: 0.5em;
padding-right: 0.3em;
padding-bottom: 0.5em;
text-decoration: none;
}
a#youarehere:link {background-color:#FFFFFF;}
a#youarehere:visited {background-color:#FFFFFF;}
a#youarehere:active {background-color:#FED746;}
a#youarehere:hover {background-color:#FED746;}
a#youarehere:focus {background-color:#FED746;}
a#youarehere {
background: URL(../shared_odv/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_odv/gif/ico_youarehere_white.gif) transparent no-repeat center left; */
padding-left: 1.4em;
font-weight: bold;
}

/*-------- notizia --------*/

.menu-news-box {
background-color: #81DAF8;
margin-top: 2.58em;
}

/*-------- RIGA 2 - CORPO --------*/
/*-------- cella corpo --------*/

.tdcorpo {
background: URL(gif/bkg_cover_diffusion_wide.gif) transparent no-repeat bottom center;
vertical-align: bottom;
}
.secondolivello .tdcorpo {
background-image: none;
background-color: #FDC717;
/*background: URL(gif/bkg_corpo_sfum_new.gif) #FDC717 repeat-x top center;*/
vertical-align: top;
}

.secondolivello .corpointerno {
background: URL(gif/bkg_2liv.jpg) transparent repeat-x top center;
}
/*.secondolivello .corpointerno {
background-image: none;
background-color: transparent;
}*/

.containh1navig {
margin-bottom: 2.3em;
}

.containh1navig .navigbox {
margin-top: 0em;
margin-right: 0em;
}
.navigbox img {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0.3em;
border-bottom: none;
}
.navigbox img:hover {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
border-top: solid 0.3em #ffffff;
}
.navigbox img:focus {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
border-top: solid 0.3em #ffffff;
}

#bothome {
/*width: 78px;
height: 36px;*/
width: 4.9em;
height: 2.25em;
}
#botback {
/*width: 78px;
height: 36px;*/
width: 4.9em;
height: 2.25em;
}


.bottombox {
margin-top: 0em;
margin-bottom: 0em;
background: URL(gif/bkg_botbottom.jpg) transparent repeat-x bottom right;
}
.bottombox img {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
border-bottom: none;
border-bottom: solid 0.7em #1B7493;
}
.bottombox img:hover {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
border-bottom: solid 0.7em #ffffff;
}
.bottombox img:focus {
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
border-bottom: solid 0.7em #ffffff;
}

#bottop {
}


.testoboox {
margin: 0em;
}
.secondolivello .testoboox {
margin-top: 1em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 1em;
}


.cover {
background: URL(gif/foto_gruppo.jpg) transparent no-repeat bottom center;
margin-left: 90px;
margin-bottom: 266px;
}

.alzapagina {
float: right;
width: 1px;
/*height: 450px;*/
height: 30.6em;
}

.testoboox .motto {
display: block;
width: 17.3em;
font-family: 'asenineregular', Arial, sans-serif;
color: #ffffff;
font-size: 1.7em;
line-height: 0.9em;
letter-spacing: 0.07em;
word-spacing: -0.1em;
font-weight: bold;
margin-top: 0em;
margin-left: 1.7em;
margin-bottom: 0em;
/*margin-bottom: 450px;*/
padding-top: 0.8em;
padding-bottom: 0.6em;
}
.motto .mottoevid {
font-size: 160%;
line-height: 90%;
}

.fotocoverhide {
position: absolute;
left: -2000px;
top: -2000px;
}


/*-------- RIGA 3 - FOOTER --------*/
/*-------- credits --------*/

.tdfooter {
border-bottom: solid 2px #7D7D7D;
}


/*---------- formattazione contenuti secondo livello (liv2) ----------*/

/*.testoboox h1 {
font-family: 'asenineregular', Arial, sans-serif;
font-size: 180%;
line-height: 90%;
letter-spacing: 0.05em;
font-weight: bold;
}*/

.h1main-box {
width: 25em;
}
.h1main-box h1 {
display: block;
width: 100%;
font-family: 'asenineregular', Arial, sans-serif;
font-size: 500%;
line-height: 85%;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: bold;
background-color: #2492B8;
color: #ffffff;
margin-top: 0.45em;
margin-left: 0em;
margin-right: 1em;
margin-bottom: 0.3em;
padding-top: 0em;
padding-left: 0.4em;
padding-right: 0.4em;
padding-bottom: 0em;
}

.secondolivello .testoboox p, .secondolivello .testoboox ul, .secondolivello .testoboox ol, .secondolivello .testoboox dl {
font-size: 100%;
line-height: 140%;
margin-left: 2em;
margin-right: 2em;
margin-top: 0.6em;
margin-bottom: 1.4em;
}

.testoboox a:link {color:#E96A37; text-decoration:none;}
.testoboox a:visited {color:#00729B; text-decoration:none;}
.testoboox a:active {color:#000000; text-decoration:none;}
.testoboox a:hover {color:#000000; text-decoration:underline;}
.testoboox a:focus {color:#000000; text-decoration:underline;}
.testoboox a {color:#E96A37; text-decoration:none; font-weight:bold;}


/*---- layout free2014 (testoboox invece di testobox) ----*/

/*---------- formattazione: altri titoli ----------*/

.secondolivello .testoboox h2 {
width: 19em;
font-family: 'asenineregular', Arial, sans-serif;
font-size: 130%;
line-height: 100%;
letter-spacing: 0.05em;
font-weight: bold;
background-color: #F9723A;
color: #ffffff;
margin-top: 1em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
padding-top: 0.2em;
padding-left: 1.6em;
padding-right: 1.6em;
padding-bottom: 0.2em;
}

/*-------- formattazione: varie --------*/

/*-------- mappa google --------*/

