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




body {
background: URL(gif/bkg_background_sfum.gif) #ffc227 repeat top center;
border-bottom: none;
}


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

.layoutboxex {
background: URL(gif/bkg_background_sx.jpg) transparent no-repeat top left;
}


#bkgsx {
background-color: transparent;
}
#bkgdx {
background: URL(gif/bkg_background_dx.jpg) transparent no-repeat top right;
}

#layout2014 {
border-bottom: solid 1px #595959;
position: relative;
z-index: 1;
border-left: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}


/* --- embed font --- */

@font-face {
	font-family: 'font';
	src: url('font.eot');
	src: local('font'), url('font.woff') format('woff'), url('font.ttf') format('truetype');
/* Font downloaded from FontsForWeb.com */
}

@font-face {
	font-family: 'DINMedium';
	src: url('DINMedium.eot');
	src: local('DINMedium'), url('DINMedium.woff') format('woff'), url('DINMedium.ttf') format('truetype');
/* Font downloaded from FontsForWeb.com */
}
@font-face {
	font-family: 'DINProLight';
	src: url('DINProLight.eot');
	src: local('DINProLight'), url('DINProLight.woff') format('woff'), url('DINProLight.ttf') format('truetype');
}
@font-face {
	font-family: 'dinregularwebfont';
	src: url('dinregularwebfont.eot');
	src: local('dinregularwebfont'), url('dinregularwebfont.woff') format('woff'), url('dinregularwebfont.ttf') format('truetype'), url('dinregularwebfont.svg#dinregular') format('svg');
/* Font downloaded from FontsForWeb.com */
}




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




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

.tdmenu {
background: URL(gif/bkg_braccio.gif) #2caacb repeat-x top left;
border-right: solid 2px #ffffff;
}
.secondolivello .tdmenu {
border-right: solid 2px #145d6e;
}

.logomenu {
margin-top: 0em;
margin-bottom: 0em;
}

.menu-news-box {
background-color: transparent;
margin-left: 0em;
margin-right: 0em;
border-left: none;
border-right: none;
border-bottom: none;
}

   /* ^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: #ffbb34;}
.menuvocibox a:hover {background-color: #ffbb34;}
.menuvocibox a:focus {background-color: #ffbb34;}
.menuvocibox a {
font-family: 'dinregularwebfont', Arial, Helvetica, Sans-Serif;
text-transform: uppercase;
font-size: 130%;
line-height: 105%;
padding-top: 0.4em;
padding-bottom: 0.1em;
}
a#youarehere:link {background-color:#b72677; color:#ffffff;}
a#youarehere:visited {background-color:#b72677; color:#ffffff;}
a#youarehere:active {background-color:#ffbb34; color:#000000; background-image:URL(../shared_odv/gif/ico_youarehere_black.gif);}
a#youarehere:hover {background-color:#ffbb34; color:#000000; background-image:URL(../shared_odv/gif/ico_youarehere_black.gif);}
a#youarehere:focus {background-color:#ffbb34; color:#000000; background-image:URL(../shared_odv/gif/ico_youarehere_black.gif);}
a#youarehere {
background: URL(../shared_odv/gif/ico_youarehere_white.gif) #b72677 no-repeat center left;
color: #ffffff;
font-weight: normal;
}

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

.notiziabox {
font-size: 145%;
line-height: 125%;
font-family: 'dinregularwebfont', Arial, Helvetica, Sans-Serif;
}

.notiziabox h2 {
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 70%;
line-height: 110%;
margin-top: 4em;
margin-bottom: 0.4em;
padding-left: 0.9em;
border-bottom: dashed 0.15em #75d8e0;
}


/*-------- bottoni extra, bottoni speciali --------*/

/*
.partecipatxt {
font-size: 70%;
line-height: 130%;
margin-top: 0.8em;
margin-left: 0.85em;
margin-right: 0.25em;
margin-bottom: 0.8em;
}
*/

.sharedodv #bot-bachecassociazione {
border-right: solid 0.15em #7dbcc1;
border-bottom: solid 0.15em #7dbcc1;
}
.sharedodv #bot-trovavolontariato {
border-right: solid 0.15em #3d9cb7;
border-bottom: solid 0.15em #3d9cb7;
}
.sharedodv #bot-scuolaevolontariato {
border-right: solid 0.15em #2c94b1;
border-bottom: solid 0.15em #2c94b1;
}




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

.corpointerno {
background: URL(gif/bkg_cover.jpg) #d145a8 no-repeat top center;
}

.alzapagina {
float: right;
width: 1px;
height: 478px;
}


.testoboox p.fotocreditprint {
display: none;
}
.fotocredits {
position: absolute;
top: 360px;
right: -1.2em;
z-index: 2;
}


#coverspacer {
display: block;
margin: 0em auto 0em auto;
height: 460px;
}

#coverprint {
display: none;
}

.cover h1 {
margin-top: 0em;
font-family: 'dinregularwebfont', Arial, Helvetica, Sans-Serif;
text-align: center;
padding: 0.5em 1.4em 0.4em 1.4em;
}

#motto1 {
display: block;
text-transform: uppercase;
font-size: 200%;
line-height: 100%;
}
#motto2 {
display: block;
font-size: 290%;
line-height: 110%;
text-transform: uppercase;
color: #ffffff;
}
#motto2 em {
font-size: 105%;
color: #b9ff8b;
font-style: normal;
}

#shortinotxt {
display: block;
color: #8bf1ee;
font-weight: normal;
padding-top: 0.6em;
padding-left: 0.7em;
padding-right: 0.7em;
}


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




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

.secondolivello .tdcorpo {
background: URL(gif/bkg_corpo_2liv.gif) #ffffff repeat-x top center;
}

.secondolivello .corpointerno {
background: URL(gif/bkg_header_2liv.jpg) transparent no-repeat top right;
}

.containh1navig {
position: relative;
z-index: 1;
}

.h1main-box h1 {
font-family: 'dinregularwebfont', Arial, Helvetica, Sans-Serif;
font-size: 230%;
line-height: 110%;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
margin-top: 1.05em;
margin-bottom: 0.5em;
margin-left: 1.1em;
margin-right: 1.1em;
}

.containh1navig .navigbox {
position: absolute;
top: 0em;
left: 2.5em;
z-index: 2;
margin-top: 1.1em;
margin-right: 1em;
margin-left: 0em;
margin-bottom: 0.5em;
}


/*-------- navigazione --------*/

#bothome {
width: 3em;
height: 1em;
}
#botback {
width: 3.75em;
height: 1em;
}
#bottop {
width: 4.05em;
height: 1em;
margin-right: 2.4em;
}


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

.testoboox {
margin: 0em;
}
.secondolivello .testoboox {
margin: 0.8em 2.6em 1.2em 2.6em;
}

.secondolivello .testoboox p, .secondolivello .testoboox ul, .secondolivello .testoboox ol {
/*font: 70%/140% Arial, Helvetica, Sans-Serif;
font: 130%/140% 'dinregularwebfont';*/
font-family: 'dinregularwebfont', Arial, Helvetica, Sans-Serif;
font-size: 93%;
line-height: 170%;
text-align: justify;
}
.secondolivello .testoboox p.pfirst {
margin-top: 4.6em;
}

.testoboox ul, .testoboox ol, .testoboox dl {
margin-left: 0.6em;
margin-right: 0.6em;
}

.testoboox a:link {color:#a0009e; text-decoration:underline;}
.testoboox a:visited {color:#00495a; text-decoration:underline;}
.testoboox a:active {color:#000000; text-decoration:underline;}
.testoboox a:hover {color:#000000; text-decoration:underline;}
.testoboox a:focus {color:#000000; text-decoration:underline;}
.testoboox a {color:#a0009e; text-decoration:underline; font-weight:normal;}

.testoboox strong a {
font-weight: bold;
}
.testoboox a strong {
font-weight: bold;
}


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

.secondolivello .testoboox h2 {
background-color: #b12385;
color: #ffffff;
font-family: 'dinregularwebfont', Arial, Helvetica, Sans-Serif;
font-size: 135%;
line-height: 100%;
text-transform: uppercase;
padding: 0.3em 0.7em 0.1em 0.7em;
}
.secondolivello .testoboox h2.h2first {
background-color: #ffffff;
color: #b12385;
margin-top: 2em;
}


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

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