/*
Questo CSS incorpora tutte le definizioni di stile.
L'applicazione di questo CSS è successiva al reset completo dei TAG, in modo
tale che il loro effetto sia cross-browser.


@date		2009/09/23
@version	2.9
@author		Umberto Di Mauro
*/



/* --------- CONTENTS ---------------------------------------------------------

1: BODY & GLOBALS SETUP
2: PAGE STRUCTURE
	a) ClearAll
	b) center square
	d) flash nella index
	e) contenitore superiore layout in flash
	f) contenitore e contenuto del corpo della pagina
	g) chiusura bottom layout
	h) riflesso layoutsotto layout
	i) type-typografy - testi del sito
3: TYPE TYPOGRAPHY - TESTI DEL SITO

	
---------------------------------------------------------------------------- */

/* 1: BODY & GLOBALS SETUP
============================================================================ */
html {
	background:#011b34;
}

body {
	background:#011b34;
	margin:0;
	padding:0;
	text-align:center;
	background: url(../grafica/fondohome.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

b, strong {
	font-weight:bold;
	color: #003366;
}

i, em {
	font-style:italic;
}


/* 2: PAGE STRUCTURE
============================================================================ */

/* a) ClearAll
---------------------------------------------------------------------------- */
.clearall {
	clear:both;
	line-height:0px;
	height:0px;
}

/* b) center square
---------------------------------------------------------------------------- */
#top {
	height:111px;
	width:980px;
	margin:0 auto;
	background: url(../grafica/fondo_top.jpg) repeat-y;
	background-color: transparent;
}


#menu {
	height:43px;
	width:980px;
	margin:0 auto;
	background-color: transparent;
}

#logo {
	height:111px;
	width:102px;
	float:left
}

#slogan {
	height:111px;
	width:878px;
	float:left;
	line-height:111px;
}

#fotoflash {
	height:330px;
	width:980px;
	margin:0 auto;
	text-align:center;
	background-color: transparent;
}

#submenu {
	height:115px;
	width:980px;
	background: url(../grafica/fondo_submenu.jpg) no-repeat;
	margin:0 auto;
	text-align:center;
	background-color: transparent;
	color:#FFFFFF
}
#aree {
	height:24px;
	width:920px;
	margin:0 auto;
	background-color: transparent;
	color:#FFFFFF
}

#foto {

	width:920px;
	padding-top:5px;
	margin:0 auto;
	text-align:center;
	background-color: transparent;
	color:#FFFFFF
}

#foto img {
padding:0 5px;
}
#content {
	
	width:980px;
	margin:0 auto;
	text-align:left;
	background:#fff;

}

#contenuto {

	width:930px;
	margin:0 auto;
	padding:5px 0px;
	text-align:left;
	background:#fff;

}




#footer {
	height:58px;
	width:980px;
	margin:0 auto;
	text-align:center;
	line-height:58px;
	background: url(../grafica/fondo_footer.jpg) repeat-x;
	color:#FFFFFF;
}







/* 3: TYPE TYPOGRAPHY
============================================================================ */
#contenuto h1, #contenuto h2, #contenuto h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #960C0C;
	margin:10px 0 20px 20px;
	font-variant: small-caps;
}



#contenuto h1 {
	font-size: 30px;
}
#contenuto h2 {
	font-size: 24px;
	color: #333;
}
#contenuto h3 {
	font-size: 18px;
	color: #666;
	

}

#contenuto table td {

 padding:6px;
 margin:6px;
 
 }

#contenuto p {
	margin:10px 0 10px 0;
}

#contenuto a {
	font-size: 14px;
	color: #336699;

}

#contenuto a:hover {
	font-size: 14px;
	color: #960C0C;

}

#contenuto .titoli {
	font-family: Verdana, Arial, Helvetica,;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	line-height:14px;
	color: #003366;
}

#contenuto .titoletti {
	font-family: Verdana, Arial, Helvetica,;
	font-size: 13px;
	text-decoration: none;
	line-height:14px;
	color: #003366;
}

#contenuto .links {
	font-family: Verdana, Arial, Helvetica,;
	font-size: 14px;
	font-weight: bold;
	line-height:14px;
	color: #960C0C;
}



#contenuto .post {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	
}

#contenuto .post h1{
	font-size: 30px;
	font-weight: bold;
	color: #960C0C;
	font-variant: small-caps;
}
#contenuto .sidebar {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:300px;
	

}
#contenuto .sidebar a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #960C0C;

}
#contenuto .sidebar ul.children a{ 
	font-size: 13px;
	margin:5px 0 20px 30px;
	color: #003366;
	font-weight:normal;
}

#contenuto .sidebar ul.children a:hover { 
	font-size: 13px;
	color: #960C0C;
}



#map1 {
	float:left;
	width:650px;
	height:400px;
}

#map2 {
	float:left;
	width:650px;
	height:400px;
}

#contenuto .image_sx {float: left; margin: 15px;}
#contenuto .image_dx {float: right; margin: 15px;}