/* ---------------- NOTE: ---------------------
FOGLIO DI STILE SPECIFICO DEL SITO ASSOCIATIVO
---------------------------------------------
Leggi cappello in "web/shared_odv/shared_odv.css"
------------------------------------------- */




/*--- MARGINI E FONDI LAYOUT GLOBALE ---*/

#bkgsx {
/*background: URL(gif/bkg_green_sfum.gif) #8C9271 repeat-x bottom center;*/
background: URL(gif/bkg_green_sfum.gif) #DFEDC1 repeat-x top center;
}

/*-------- RIGA 1 - TESTATA --------*/
/*-------- nome sito --------*/




/*-------- RIGA 2 - BRACCIO --------*/
/*--- logo, braccio, bacheca, menu, notizia, bottoni di servizio ---*/

.tdmenu {
background-image: none;
background-color: #FFAF0F;
}

.logobox {
padding-top: 0.3em;
padding-bottom: 0.2em;
}
.logomenu {
margin-top: 0.2em;
margin-bottom: 0.2em;
}

.menu-news-box {
background-color: #F4F4F4;
}


    /* ^sul CSS specifico puoi personalizzare i colori dei fondini */
.menuvocibox a:link {background-color: #F4F4F4;}
.menuvocibox a:visited {background-color: #F4F4F4;}
.menuvocibox a:active {background-color: #5BD1FF;}
.menuvocibox a:hover {background-color: #5BD1FF;}
.menuvocibox a:focus {background-color: #5BD1FF;}
.menuvocibox a {
display:block;
background-color: #F4F4F4;
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:#000000; color:#ffffff;}
a#youarehere:visited {background-color:#000000; color:#ffffff;}
a#youarehere:active {background-color:#5BD1FF; color:#000000; background-image: URL(../shared_odv/gif/ico_youarehere_black.gif)}
a#youarehere:hover {background-color:#5BD1FF; color:#000000; background-image: URL(../shared_odv/gif/ico_youarehere_black.gif)}
a#youarehere:focus {background-color:#5BD1FF; color:#000000; background-image: URL(../shared_odv/gif/ico_youarehere_black.gif)}
a#youarehere {
background: URL(../shared_odv/gif/ico_youarehere_white.gif) #000000 no-repeat center left;
color: #ffffff;
}

/*-------- notizia --------*/

.notiziabox h2 {
margin-top: 2em;
font-size: 90%;
}

.notiziabox h2 a:link {color: #000000; text-decoration:none;}
.notiziabox h2 a:visited {color: #000000; text-decoration:none;}
.notiziabox h2 a:active {color: #0090CA; text-decoration:underline;}
.notiziabox h2 a:hover {color: #0090CA; text-decoration:underline;}
.notiziabox h2 a:focus {color: #0090CA; text-decoration:underline;}


/*-------- RIGA 2 - CORPO --------*/
/*-------- cella corpo --------*/


.tdcorpo {
background: URL(gif/bkg_home_colline.gif) #000000 repeat-x top center;
/*padding-left: auto;
padding-right: auto;*/
}

.cover {
background: URL(gif/bkg_home_citta.jpg) transparent no-repeat top center;
}
.collinebox {
background: URL(gif/bkg_home_collinetrasp.gif) transparent repeat-x top center;
padding-top: 122px;
margin-left: auto;
margin-right: auto;
/*padding-left: auto;
padding-right: auto;*/
text-align: center;
}

.manibox {
margin-left: auto;
margin-right: auto;
text-align: center;
}

h1#si-logotipo {
background: URL(gif/bkg_home_gambo.gif) transparent no-repeat top center;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 420%;
line-height: 80%;
color: #ffffff;
text-transform: uppercase;
margin-top: 0em;
margin-bottom: 0em;
padding-top: 35px;
}
span.sant {
font-weight: normal;
color: #FFAF0F;
padding-left: 0.2em;
}
.hideapostrofo {
visibility: hidden;
}
.hidepoint {
display: none;
}
span.si-presentaz {
display: block;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 23%;
line-height: 150%;
text-transform: none;
font-weight: normal;
color: #5BD1FF;
padding-top: 1.4em;
padding-left: 2.1em;
padding-right: 2.1em;
padding-bottom: 2.8em;
}
span.si-presentaz strong {
font-weight: bold;
}

.testoboox {
margin: 0em;
background: URL(gif/bkg_home_citta.jpg) transparent no-repeat top center;
/*padding-left: auto;
padding-right: auto;*/
}


/*-------- RIGA 3 - FOOTER --------*/
/*-------- credits --------*/




/*---------- formattazione contenuti secondo livello (liv2) ----------*/

.secondolivello .tdcorpo {
background-image: URL(gif/bkg_corpointerno.gif);
}

.secondolivello .corpointerno {
background: URL(gif/bkg_liv2_citta_lower.jpg) transparent no-repeat top center;
/*padding-left: auto;
padding-right: auto;*/
border-top: solid 1px #ffffff;
}

.secondolivello .testoboox {
background-image: none;
color: #ffffff;
padding-top: 1.4em;
padding-left: 2.3em;
padding-right: 2.3em;
padding-bottom: 2em;
}

.containh1navig {
position: relative;
margin-bottom: 1.3em;
}

.h1main-box {
float: none;
text-align: right;
margin-top: 2.4em;
margin-bottom: 1em;
/*padding-left: auto;
padding-right: auto;*/
}

.h1main-box h1 {
display: inline;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 200%;
line-height: 100%;
background-color: #000000;
color: #FFAF0F;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
padding-top: 0em;
padding-left: 1.7em;
padding-right: 1.7em;
padding-bottom: 0em;
}

.containh1navig .navigbox {
background-color: #FFAF0F;
float: none;
width: 25%;
text-align: center;
margin-top: 0em;
margin-right: 0em;
margin-left: auto;
margin-bottom: 0.2em;
padding-top: 0.1em;
/*padding-left: auto;
padding-right: auto;*/
padding-bottom: 0em;
position: absolute;
top: -1.3em;
right: 0em;
}
#bothome {
width: 3.95em;
height: 0.7em;
}
#botback {
width: 4.65em;
height: 0.7em;
}


.bottombox {
background-color: #FFAF0F;
width: 25%;
margin-top: 1em;
margin-left: auto;
padding-top: 0.1em;
text-align: center;
}
.bottombox img {
margin-right: 0em;
}
.bottombox img:hover {
margin-right: 0.1em;
}
.bottombox img:focus {
margin-right: 0.1em;
}
#bottop {
width: 5.6em;
height: 0.7em;
}


/*---- layout free2014 (testoboox invece di testobox) ----*/

.testoboox p, .testoboox ul, .testoboox ol, .testoboox dl {
font-size: 90%;
line-height: 170%;
/*margin-top: 1em;
margin-bottom: 1em;*/
}
.testoboox p {
text-align: justify;
}

.testoboox ul, .testoboox ol, .testoboox dl {
margin-left: 1.4em;
margin-right: 1.4em;
padding-left: 1.4em;
padding-right: 1.4em;
}

.testoboox li {
padding-left: 0.5em;
padding-top: 0.35em;
padding-bottom: 0.35em;
}

.testoboox a:link {color:#55C3EE; text-decoration:none;}
.testoboox a:visited {color:#91CD1A; text-decoration:none;}
.testoboox a:active {color:#FFAF0F; text-decoration:none;}
.testoboox a:hover {color:#FFAF0F; text-decoration:underline;}
.testoboox a:focus {color:#FFAF0F; text-decoration:underline;}
.testoboox a {color:#55C3EE; text-decoration:none; font-weight:bold;}


/*---------- formattazione: altri titoli ----------*/

.testoboox h2 {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 180%;
line-height: 95%;
text-transform: uppercase;
letter-spacing: 0.3em;
font-weight: bold;
color: #91CD1A;
margin-top: 1.4em;
margin-bottom: 1em;
}

.testoboox h2.h2first {
margin-top: 0.7em;
}

.testoboox h2 span {
color: #ffffff;
}

/*-------- formattazione: varie --------*/

.fotointxt-sx {
margin-right: 1.6em;
}
.fotointxt-dx {
margin-left: 1.6em;
}

#fotovolont1, #fotovolont2, #fotovolont3, #fotovolont4 {
width: 90px;
height: 90px;
}


/*-------- mappa google --------*/

