/* CSS Document */
/*stili sul body e tipografia */
body{font: 100.01%  "Trebuchet MS", Arial; margin:0;}
h1{font-size: 2.4em}
h2{font-size: 1.8em}
h3{font-size: 1.4em}
h4{font-size: 1.2em}
h5{font-size: 1em}
h6{font-size: 0.85em}
a:link { text-decoration:none; color:#005CAB;}
a:visited { text-decoration:none; color:#005CAB;}
a:hover { text-decoration:underline; color:#005CAB;}
a:active { text-decoration:none; color:#005CAB;}

/*line-height*/
p, blockquote, pre, ol, dl, form {line-height:1.5}

/* set di base per margini e padding */
html, body{margin: 10;padding: 0; text-align:center;}
h1, h2, h3, h4, h5, h6{margin: 0.7em 0 0.2em}
address, blockquote, dl, form,
fieldset, ol, table, p, pre{
  margin-top: 0.2em;margin-bottom: 1.2em} 
input { border:solid 1px #000000; vertical-align:middle;}

#larghezzaminima { width:950px; line-height:1px;}
#testata { width:90%; margin:auto; text-align:left; background-image:url(immagini/bgtestata.jpg); background-position:right; background-repeat:no-repeat;}

#menu { width:88%; background-color:#0055A4; margin-left:auto; margin-right:auto; margin-top:10px; background-image:url(immagini/bgmenu.gif); background-repeat:no-repeat; background-position:center right; color:#FFFFFF; font-size: .8em; line-height:3em; padding-left:1%; padding-right:1%;
	min-height: 3em;
	height: auto !important;
	height: 3em;
}
#menu a:link{ color:#FFFFFF; white-space:nowrap;}
html>body #menu a:link{ white-space:normal;}
#menu a:visited{ color:#FFFFFF; white-space:nowrap;}
html>body #menu a:visited{ white-space:normal;}
#menu a:hover{ color:#FFFFFF; white-space:nowrap;}
html>body #menu a:hover{ white-space:normal;}
#menu a:active{ color:#FFFFFF; white-space:nowrap;}
html>body #menu a:active{ white-space:normal;}

#path { text-align:left; width:88%; margin-left:auto; margin-right:auto; color:#000000; font-size: .8em; line-height:2.4em; padding-left:1%; padding-right:1%;}
#path a:link{ color:#000000; white-space:nowrap;}
#path a:visited{ color:#000000; white-space:nowrap;}
#path a:hover{ color:#000000; white-space:nowrap;}
#path a:active{ color:#000000; white-space:nowrap;}

#container { width:90%; margin:auto; background-image:url(immagini/bgcenter.gif); background-position:bottom left; background-repeat:no-repeat; font-size:.8em;}

#content { padding:0; margin-left: 263px;; margin-right: 390px; text-align:left;}
#content hr { color:#ffffff; border-bottom:dashed 1px #878787;}
.titoloHP { background-image:url(immagini/bggrigiosubianco.gif); background-position:top left; background-repeat:no-repeat; padding-left:20px; padding-right:20px; color:#C88A12; font-weight:bold; padding-top:20px;}
.suntoHP { padding-left:20px; padding-right:20px; color:#005CAB; font-size:1em; padding-bottom:8px;}
.testoHP { padding-left:20px; padding-right:20px; color:#878787; font-size:1em; border-bottom:dashed 1px #000000; margin-bottom:8px; padding-bottom:8px;}
.imageHP { padding-left:20px; padding-right:20px; padding-bottom:8px;}
#titprimoarticolo { padding-right: 20px; background-position: 6px 3px; padding-left: 20px; font-weight: bold; background-image: url(immagini/bggrigiosubianco.gif); color: #c88a12; padding-top: 20px; background-repeat: no-repeat}
#primoarticolo {padding-right: 20px; padding-left: 20px; font-size: 1em; padding-bottom: 8px;}
#titsecondoarticolo { padding-right: 20px; background-position: 4px 3px; padding-left: 20px; font-weight: bold; background-image: url(immagini/bggrigiosubianco.gif); color: #c88a12; padding-top: 20px; background-repeat: no-repeat}
#secondoarticolo {padding-right: 20px; padding-left: 20px; font-size: 1em; padding-bottom: 8px;}
#titterzoarticolo { padding-right: 20px; background-position: 6px 3px; padding-left: 20px; font-weight: bold; background-image: url(immagini/bggrigiosubianco.gif); color: #c88a12; padding-top: 20px; background-repeat: no-repeat}
#terzoarticolo {padding-right: 20px; padding-left: 20px; font-size: 1em; padding-bottom: 8px;}
#titquartoarticolo { padding-right: 20px; background-position: 12px 3px; padding-left: 20px; font-weight: bold; background-image: url(immagini/bggrigiosubianco.gif); color: #c88a12; padding-top: 20px; background-repeat: no-repeat}
#quartoarticolo {padding-right: 20px; padding-left: 20px; font-size: 1em; padding-bottom: 8px;}

#sidebar-a {float: left;
			width: 233px;
			margin: 0;
			margin-right: ;
			padding: 0;
			 text-align:left;
		}

#sidebar-a ul { margin-top:0; margin-left:2em; list-style-image:url(immagini/ul1.gif); color:#C88A12; font-weight:bold;}
/* html>body #sidebar-a ul { margin-left:0em;}*/

#sidebar-a ul li a:link{ color:#C88A12; white-space:nowrap;}
#sidebar-a ul li a:visited{ color:#C88A12; white-space:nowrap;}
#sidebar-a ul li a:hover{ color:#C88A12; white-space:nowrap;}
#sidebar-a ul li a:active{ color:#C88A12; white-space:nowrap;}
#sidebar-a ul ul { margin-left:1.2em; list-style-image:url(immagini/ul2.gif); color:#005CAB;}
html>body #sidebar-a ul ul { padding-left:12px;}
#sidebar-a ul ul li {}
#sidebar-a ul ul li a:link{ color:#005CAB; white-space:nowrap;}
#sidebar-a ul ul li a:visited{ color:#005CAB; white-space:nowrap;}
#sidebar-a ul ul li a:hover{ color:#005CAB; white-space:nowrap;}
#sidebar-a ul ul li a:active{ color:#005CAB; white-space:nowrap;}

#sidebar-b { float: right; width: ; margin: 0; margin-left: ; padding: 1%; width:370px; text-align:left;}
#content-dettaglio { padding:0; margin-left: 263px;; text-align:left;}
/* #content-dettaglio { padding: 0;
			margin-left: ;
			 text-align:left;
			 margin-left:350px;
		}*/
.dettaglio { padding-bottom:.2em; margin-bottom:.2em;}
.imagedettaglio { float:left; padding-bottom:1.2em;}
.imagedettaglio img { padding-right:.4em;}
.titolodettaglio { background-image:url(immagini/bgmarronesubianco.gif); background-position:top left; background-repeat:no-repeat; padding-left:20px; padding-right:20px; color:#005CAB; font-weight:bold; padding-top:20px;}
.testodettaglio { color:#464A4C; font-size:0.9em; padding-left:30px; padding-right:20px;}
.testodettaglio td { border-bottom: solid 1px #005CAB;}
.date { padding-bottom:.2em; margin-bottom:.2em; background-image:url(immagini/bgdate.gif); background-position:bottom right; background-repeat:no-repeat; border-left:solid 30px #FFFFFF;}
.date ul { list-style-type:none; color:#005CAB; font-weight:bold;}
.date ul ul { color:#3F3F3F; font-weight:normal;}
.vai { padding-bottom:.2em; margin-bottom:.2em; border-left:solid 30px #FFFFFF; text-align:right; color:#005CAB; font-weight:bold;}

.lista { padding-bottom:.2em; margin-bottom:.2em;}

/* MAPPA */
ul#mappa1 {
margin:0;padding:0;
list-style:none;
position:relative;
width:716px;height:560px;
background:url("immagini/mappa.gif") no-repeat;
}
ul#mappa1 li {
display:block;
position:absolute;
margin:0;padding:0
}
li#mappa1-link1 {
left:161px;top:271px;
width:124px;height:88px
}
li#mappa1-link2 {
left:273px;top:161px;
width:220px;height:90px
}
li#mappa1-link3 {
left:333px;top:268px;
width:120px;height:230px
}
li#mappa1-link4 {
left:473px;top:271px;
width:120px;height:150px
}
li#mappa1-link5 {
left:512px;top:121px;
width:140px;height:130px
}
li#mappa1-link1 a {
background-image:url(immagini/01.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link1 a:hover {
background-image:url(immagini/01roll.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link2 a {
background-image:url(immagini/02.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link2 a:hover {
background-image:url(immagini/02roll.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link3 a {
background-image:url(immagini/03.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link3 a:hover {
background-image:url(immagini/03roll.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link4 a {
background-image:url(immagini/04.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link4 a:hover {
background-image:url(immagini/04roll.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link5 a {
background-image:url(immagini/05.gif);
display:block;
width:100%;
height:100%;
}
li#mappa1-link5 a:hover {
background-image:url(immagini/05roll.gif);
display:block;
width:100%;
height:100%;
}
#mappa1 .alt { display:none }

/*#content { background-image:url(immagini/bgcenter.gif); background-position:bottom left; background-repeat:no-repeat; width:88%; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left; padding:1%;
	min-height: 26em;
	height: auto !important;
	height: 26em;}*/

#contenutinterni { width:80%; margin-left:auto; margin-right:auto; text-align:left; border-top:solid 1em #E6E8C9; border-bottom:solid 1em #E6E8C9; margin-top:1em; padding-left:1%; padding-right:1%; padding-top:1%; padding-bottom:1%;}
#back { width:80%; margin-left:auto; margin-right:auto; text-align:left; padding-right:1%; padding-top:.1em; padding-bottom:1%; font-size:.7em;}
.backbutton { border:none; vertical-align:middle;}
.titololista { color:#848921; font-weight:bold; font-size:1.1em;}
.titololista a:link { color:#848921;}
.titololista a:visited { color:#848921;}
.titololista a:hover { color:#848921;}
.titololista a:active { color:#848921;}

#piede { clear:both; font-size:0.9em; color:#FFFFFF; background-image:url(immagini/bgpiede.gif); background-position:bottom right; background-repeat:no-repeat; width:96%; margin-left:auto; margin-right:auto; padding-left:3%; padding-right:6%; line-height:1.6em; text-align:left;
	min-height: 4em;
	height: auto !important;
	height: 4em;
}

.suntolista { color:#464A4C; font-size:0.7em;}
.titolopartners { color:#655F22; font-size:0.9em; font-weight:bold;}
.testipartners { color:#464A4C; font-size:0.8em;}


.intermezzo {clear:both; padding:0px 0px 0px 0px;} /* questa classe e quella sotto, usate una dentro l'altra, creano la separazione tratteggiata ... */
.intermezzodett {clear:both; padding:0px 0px 0px 0px;} /* questa classe e quella sotto, usate una dentro l'altra, creano la separazione tratteggiata ... */
.intermezzoHP {clear:left; padding:0px 0px 0px 0px;} /* questa classe e quella sotto, usate una dentro l'altra, creano la separazione tratteggiata ... */
.separatore {border-top: 0px dashed #CFCFCF; font-size:1px;} /* ... tra un blocco news e l'altro in modo che non succedano malfunzinamenti con testo piu' corto dell'immagine di anteprima, senza dover mettere la riga di separazione in alto, che da visuale non va*/
.separatoredett { border:none; font-size:1px;} /* ... tra un blocco news e l'altro in modo che non succedano malfunzinamenti con testo piu' corto dell'immagine di anteprima, senza dover mettere la riga di separazione in alto, che da visuale non va*/


#back { width:20%; margin-left:auto; margin-right:auto; text-align:left; padding-left:10%; padding-top:.1em; padding-bottom:1%; font-size:.7em; float:left;}
.backbutton { border:none; vertical-align:middle;}
#next { width:20%; margin-left:auto; margin-right:auto; text-align:right; padding-right:10%; padding-top:.1em; padding-bottom:1%; font-size:.7em; float:right;}
.nextbutton { border:none; vertical-align:middle;}

/* Galleria */
.esterno{width:80%;}
.interno{float:left; width:30%; text-align:left;}
#img_gal { padding: 10px 10px 10px 50px;}
ul {list-style-image:none; list-style-position:outside; list-style-type:none;}