/* COLORI TEMPLATE (per modificare i colori fare un "replace")

	-----------------------------------
	Sfondo pagina				#d7d7d7
	-----------------------------------
	Link testuali				#0194e2
	-----------------------------------
	Rollover link testuali		#000000
	-----------------------------------

---- MENU TOP (cambiando questi colori cambiano anche quelli del footer perché sono relativi al menu top)
	-----------------------------------
	Testo menu top				#f28329
	-----------------------------------
	Rollover testo menu top		#000000
	-----------------------------------
	Rollover sfondo menu top	#e0f2fc
	-----------------------------------
	Bordo menu top				#0194e2
	-----------------------------------

*/



/* STILI GENERICI */
body{
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
	font-size: 0.9em;
	background-color: #d7d7d7;
	margin: 0;
	padding: 0;
}
a{
	color: #0194e2;
	text-decoration: underline;
}
a:hover{
	color: #000000;
	text-decoration: none;
}
div, p, table, td, tr, img{
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
ul, ol{
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
	list-style: square;
}
li{
	padding: 4px 0;
}
p{
	line-height: 140%;
	margin-bottom: 10px;
	text-align: left;
}
h1{
	font-size: 130%;
	font-weight: normal;
	margin-bottom: 20px;
	margin-left: 15px;
	text-align: left;
}
h2{
	font-size: 120%;
	font-weight: normal;
	color: #062F67;
}
h3{
	font-size: 100%;
}
h4, h5, h6{
	font-size: 100%;
}
.sinistra{
	float: left;
}
.destra{
	float: right;
}
.interruzione{
	clear:both;
}



/* STILI DI STRUTTURA */
#principale{
	width: 998px;
	margin: 4px auto 9px auto;
	text-align: center;
}
#top{
	background: url('../img/sfondo-testata.gif') top center no-repeat;
	height: 106px; /* Da utilizzare nel caso si voglia inserire un'immagine di sfondo diversa da quella standard */
}
#middle{
	background: url('../img/sfondo-pagina.gif') top center repeat-y;
}
#bottom{
	background: url('../img/sfondo-pagina-bottom.gif') bottom center no-repeat;
	padding: 10px 0;
}
#contenuti{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 28px;
}
#colonna-sinistra{
	float: right;
	width: 630px;
	padding: 0;
}
#colonna-destra{
	float: left;
	width: 330px;
}



/* STILI MENU TOP E LOGO */
#menu-top{
 	float: right;
	margin: 0;
	font-size: 75%;
}
#menu-top ul{
	margin: 0 15px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#menu-top li{
	display: inline;
	float: left;
	padding: 0 3px;
}
#menu-top a{
	float: left;
	height: 30px;
	padding: 30px 8px 0 8px;
	margin-top: 0;
	font-size: 105%;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	border-top: 5px solid #d7d7d7;
}
#menu-top .selezionato{
	float: left;
	height: 30px;
	padding: 30px 8px 0 8px;
	margin-top: 0;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #e0f2fc;
	border-top: 5px solid #000000;
}
#menu-top a:hover{
	color: #0194e2;
	background-color: #e0f2fc;
	border-top: 5px solid #0194e2;
	text-decoration: none;
}
#menu-top a:active{
	color: #0194e2;
}
#logo{
	float: left;
	text-align: center;
	padding: 5px 0 0 5px;
}
#logo img{
	float: left;
	margin: 5px 10px 5px 5px;
	vertical-align: middle;
}
#logo h1{
	display: inline;
	color: #000000;
	font-size: 160%;
	margin-top: 10px;
	float: left;
}


/* STILI AREA IMMAGINE + SLOGAN TESTATA */
/* Altezza massima 314px */
#immagine{
	width: 960px;
	margin: 0px auto;
	background: url('../img/sfondo-slogan.jpg') top left no-repeat;
}
#foto{
	float: right;
	line-height: 0;
}
#slogan{
	width: 290px;
	padding: 20px;
	float: left;
	color: #ffffff;
	text-align: left;
}
#slogan h1, #slogan .titolo-slogan{
	font-size: 190%;
	font-weight: normal;
	margin: 0 auto;
}
#slogan p{
	font-size: 85%;
	line-height: 150%;
}
#slogan hr{
	color: #ffffff;
	border: none;
	border-top: 1px solid #ffffff;
	padding: 0;
	height: 1px;
	margin: 25px auto;
}
#slogan ul{
	color: #ffffff;
	font-size: 100%;
	padding: 0;
}
#slogan li{
	color: #ffffff;
	padding: 2px 0;
	border-bottom: 1px dotted #4f99c9;
	list-style: none;
}
#slogan li:hover{
	list-style: circle;
}
#slogan li a{
	display: block;
	color: #ffffff;
	text-decoration: none;
}
#slogan li a:hover{
	color: #f87d03;
}
#slogan li .selezionato{
	display: block;
	color: #f87d03;
	text-decoration: none;
}


/* STILI FORMATTAZIONE TESTI E IMMAGINI */
#colonna-sinistra h1, #colonna-sinistra h2, #colonna-sinistra h3{
	margin: 15px 35px 15px 15px;
}
#colonna-sinistra h1{
	font-size: 175%;
	color: #0194e2;
}
#colonna-sinistra img{
	margin: 8px;
}
#colonna-sinistra p{
	padding: 0 35px 15px 15px;
	margin: 0 auto;
	text-align: justify;
}
#colonna-sinistra ul, #colonna-sinistra ol{
	padding: 0 35px 0 50px;
	margin: 15px 0;
}
.mappa-google{
	margin: 0 35px 0 15px;
}


/* box laterale colorato*/
#box-colorato{
	background: #f1f1f1 url('../img/sfondo-box-colorato.gif') bottom center repeat-x;
	margin: 15px 0;
	padding: 15px;
}
#box-colorato .titolo{
	display: block;
	text-align: left;
	font-size: 120%;
	margin: 0 auto 15px auto;
	border-bottom: 1px solid #737373;
	padding: 7px;
	font-weight: bold;
}
#box-colorato p{
	padding: 0px 7px;
}
#box-colorato a{
	font-weight: bold;
	color: #f28329;
}
#box-colorato a.pulsante{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
	background-color: #f28329;
	color: #ffffff;
	margin: 25px auto;
	text-align: center;
	text-decoration: none;
}
#box-colorato a.pulsante:hover{
	background-color: #000000;
	color: #ffffff;
}

/* box laterale immagini*/
#box-immagini{
	margin: 15px 0;
}
#box-immagini .titolo{
	display: block;
	text-align: left;
	font-size: 120%;
	margin: 0 auto 15px auto;
	border-bottom: 1px solid #737373;
	padding: 7px;
}
#box-immagini a{
	display: block;
	margin: 5px auto;
}
#box-immagini a:hover img{
	border: 1px solid #737373;
}
#box-immagini img{
	margin: 0 auto;
	border: 1px solid #ffffff;
}


/* tabelle tratte */
.tabella {
	width: 600px;
	border-collapse: collapse;
	border: 1px solid #336699;
	margin: 0 auto 15px auto;
	font-size: 85%;
}

.tabella th{
	padding: 8px !important;
	background-color: #0194e2;
	color:#ffffff;
	text-align: center;
	white-space: nowrap;
}
.tabella td{
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
.allinea-destra{
	text-align: right !important;
}

.tabella p{
        padding:0 !important;
}



/* STILI FOOTER */
#footer{
	margin: 0 auto;
	font-size: 75%;
}
address{
	font-style: normal;
	text-align: center;
	padding: 15px 0;
	background-color: #e0f2fc;
	border-right: 5px solid #000000;
	border-left: 5px solid #000000;
}
address a{
	color: #000000;
	text-decoration: underline;
}
#copyright{
	width: 960px;
	color: #737373;
	margin: 15px auto;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #d7d7d7;
}



/* STILI FORM */
#colonna-destra form{
	width: 292px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
#colonna-sinistra form{
	width: 600px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
form table{
	width: 100%;
	margin: 0 auto 13px auto;
}
fieldset{
	border: 0;
	margin: 0px auto;
	padding: 6px 0 0 0;
	text-align: left;
}
input, label, legend{
	font-family: Tahoma,Verdana,sans-serif;
}
legend{
	color: #062F67;
	font-size: 120%;
	font-weight: bold;
	/*display: none;*/
}
label.sopra{
	display: block;
}
label.affiancata{
	display: inline;
}
.submit{
	background-color: #0194e2;
	color: #ffffff;
	margin: 15px;
	padding: 3px 25px;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
}

/*box banner*/

#box-banner{
	background: #f1f1f1 url('../img/sfondo-box-colorato.gif') bottom center repeat-x;
	margin: 15px 0;
	padding: 15px;
}
#box-banner .titolo{
	display: block;
	text-align: left;
	font-size: 120%;
	margin: 0 auto 15px auto;
	border-bottom: 1px solid #737373;
	padding: 7px;
	font-weight: bold;
}
#box-banner ul{
        list-style:none;
        text-align: center;
        margin:0;
        padding:0;
}
#box-banner div{
        list-style:none;
        text-align: center;
        margin:0;
        padding:0;
}