/* CSS Document */
/* http://www.ideavita.com */
/* Creato da AWD - Alex Web Designer - http://alexwd.altervista.org/ */

/* Foglio di stile Generale */

/* --- [ STRUTTURA ] --- */

html, body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	background-color: #999;
	margin: 0;
	padding: 0;
	text-align: center; /* centratura per IE 5.x */	
}

img { border: 0; }

a { text-decoration: none; }

hr { display: none; }

.hidden { position: absolute; left: -9999px; }

div.clearer { clear: both; }

p.salta { position: absolute; left: -9999px; }

/* --- CONTAINERS --- */

div#container {
	background: #FFF url(../img/ombra.gif) repeat-y;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* ripristina l'allineamento del testo */	
}

div#container2 {
	background-color: #FFF;
	margin: 0 10px;
	padding: 0;
}

/* --- HEADER --- */

div#header {
	background: #FFF url(../img/intestazione.gif) no-repeat;
	width: 750px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin: 0;
	padding: 10px 0 0;
	border-top: 10px solid #666;
}

div#logo {
	/* background: url(../img/logo.gif) no-repeat; */
	width: 110px;
	height: 97px;
	margin: 5px 0 0;
	padding: 0;
	float: left;
}
div#logo img {
	margin-left: 10px; /* per aggirare il Doubled-Margin Float Bug di IE */
}

h1 { /* normalmente nascosto, visibile solo nell'index */
	font-family: "Cooper Md BT", Verdana, Arial, sans-serif;
	font-size: 1.5em;
	color: #333;
	margin: 0;
	padding: 0;
/*	line-height: 55px; */
}

/* div#intestazione {
	background: #FFF url(../img/intestazione.gif) no-repeat;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	margin-left: 122px;
	padding: 0;
}
div#intestazione p {
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 5px 5px 0;
	text-align: right;
	line-height: 1.1em;
}
div#intestazione a {
	color: #fff;
}
div#intestazione a:hover {
	color: #000;
}*/

/* --- MENU PRINCIPALE --- */

div#menu {
	height: 25px;
	margin-left: 135px;
	margin-top: -10px;
	padding: 0;
}
div#menu ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#menu ol li { /* pulsante generico */
	font-size: 0.7em;
	color: #FFF;
	text-align: center;
	background: #333 url(../img/pulsante_grigio.gif) repeat-x;
	display: block;
	width: 125px;
	height: 25px;
	margin: 0;
	padding: 0;
	line-height: 2.2em;
	float: left;
}
div#menu li a {
	color: #FFF;
	display: block;
	height: 25px;
	margin: 0;
	padding: 0;
}
/* pulsante HOME */
div#menu li#home {
	background: #333 url(../img/pulsante1_grigio.gif) no-repeat;
	width: 121px; }
div#menu li#home a {
	padding-left: 5px; }
div#menu li#home a:hover, div#menu li#home a:active, div#menu li#home.on {
	background: #888 url(../img/pulsante1_arancio.gif) no-repeat; }
div#menu li#home.on {
	width: 116px; /* larghezza per Opera5 */
	\width: 121px; /* larghezza per IE5.x */
	w\idth: 116px; /* larghezza per altri */
	padding-left: 5px; }
	
/* pulsante ASSOCIAZIONE */
div#menu li#associazione {
	width: 130px; }
div#menu li#associazione a:hover, div#menu li#associazione a:active, div#menu li#associazione.on {
	background: #3399CC url(../img/pulsante_azzurro.gif) repeat-x; }

/* pulsante ATTIVITA */
div#menu li#attivita a:hover, div#menu li#attivita a:active, div#menu li#attivita.on {
	background: #99CC33 url(../img/pulsante_verde.gif) repeat-x; }
	
/* pulsante PROGETTI */
div#menu li#progetti a:hover, div#menu li#progetti a:active, div#menu li#progetti.on {
	background: #FF6633 url(../img/pulsante_arancio.gif) repeat-x; }
	
/* pulsante CONTATTI */
div#menu li#contatti a:hover, div#menu li#contatti a:active, div#menu li#contatti.on {
	background: #784DD2 url(../img/pulsante_viola.gif) repeat-x; }
	
/* pulsante LINKS */
div#menu li#links {
	width: 114px; }
div#menu li#links a:hover, div#menu li#links a:active, div#menu li#links.on {
	background: #CC3366 url(../img/pulsante_rosso.gif) repeat-x; }

/* hack per 3 Pixel Jog di IE */
* html div#logo {
  margin-right: -3px;
  }
* html div#intestazione {
  margin-left: 0;
  }
* html div#menu {
  margin-left: 156px;
  }

/* --- AREA SUPERIORE/TITOLO --- */

div#linea3d {
  /* background: definito nel css specifico */
	height: 10px;
	font-size: 0; /* per IE */
}

div#foto {
  /* background: definito nel css specifico */
	height: 80px;
}

div#titolo {
  /* background: definito nel css specifico */
	height: 30px;
	text-align: right;
	padding-right: 10px;
/*	position: relative; solo x h2 visibile */
}
h2 { /* normalmente nascosto, visibile solo nell'index */
	font-size: 1.06em;
	color: #66cc66;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
/*position: absolute;  questi servono nel caso di h2 visibile in tutte le pagine 
	top: 0;
	left: 10px;
	line-height: 30px;
	float: left; */
}
div#titolo p {
	font-size: 11px;
	color: #FFF;
	display: inline;
	margin: 0;
	line-height: 2.6em;
}
div#titolo a {
	color: #FFF;
}
div#titolo a:hover {
	color: #000;
}

/* --- AREA CENTRALE/CONTENUTI --- */
 
div#container3 {
	/* background: #ffc;  solo x test */
	min-height: 380px;
	height: auto !important;
	height: 380px;
	margin-top: 12px;
	margin-bottom: 5px;
	padding: 0;
}

/* --- menu secondario --- */

div#menu2 {
	width: 155px; /* larghezza per Opera5 */
	\width: 160px; /* larghezza per IE5.x */
	w\idth: 155px; /* larghezza per altri */
	padding-right: 3px;
	border-right: 2px solid #999;
	float: left;
}
div#menu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#menu2 ul li {
	font-size: 0.7em;
	text-align: left;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}
div#menu2 li a {
	display: block;
	color: #333;
	margin: 0;
	padding: 3px 8px 3px 22px;
}
div#menu2 li a:visited {
	color: #666;
	background: url(../img/freccia_0.gif) no-repeat center left; 
}
div#menu2 li a:hover, div#menu2 li a:active {
  /* definito nel css specifico */
}
div#menu2 li.on {
	/* color: definito nel css specifico */
	font-weight: bold;
	/* background: definito nel css specifico */ 
	padding: 3px 8px 3px 22px;
	display: block;
}

/* --- area del contenuto --- */

div#content {
	margin-left: 160px;
	padding-right: 20px;
	padding-left: 20px;
	/* per risolvere italic bug di IE */
	width: 100%; /* larghezza per IE5.x */
	w\idth: auto; /* larghezza per altri */
	he\ight: 1%;
	overflow: hidden; /* per IE 5 */
	o\verflow: visible; /* per IE 6 */
}
/* hack per 3 Pixel Jog di IE conseguenza dell'italic bug */
* html div#menu2 {
  margin-right: -3px;
  }
* html div#content {
  margin-left: 0;
  }
	
div#content p {
	font-size: 0.76em;
	color: #333;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.3em;
/*	line-height: 1.3em;  nota 28/12/05: migliora le leggibilità ma bisogna testarla */
}
div#content p.top {
  font-size: 0.62em;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 2px;
	border-top: 1px solid #ccc;
}
div#content p#firma {
	text-align: right;
}

h3 {
  /* definito nel css specifico */
}
h4 {
  /* definito nel css specifico */
}

/* -- Citazioni -- */
/* (varianti nel CSS della sezione) */

div#citazione {
	font-size: 0.76em;
	width: 100%; /* per contenere il float */
	overflow: auto; /* per contenere il float */
}
div#citazione blockquote {
	text-align: right;
	/* background: url(../img/quote1.gif) no-repeat top left; regola specifica per sezione */
	width: 352px; /* varia per sezione */
	margin: 0;
	padding: 0;
	float: right;
}
div#citazione p {
	font-size: 1em; /* relativo al contenitore */
	text-align: right;
	margin: 5px 0 0;
	padding-right: 20px;
}
div#citazione p#frase {
	/* background: url(../img/quote2.gif) no-repeat bottom right; regola specifica per sezione */
	margin: 0 0 5px;
	padding: 5px 20px;
}

/* -- pagine in costruzione -- */

div#incostruzione {
	text-align: center; /* centra l'immagine in IE5.x */
}
div#incostruzione img {
	display: block;
	margin: 0 auto;
}
div#incostruzione p {
	text-align: center;
}

/* --- FOOTER --- */

div#footer {
	background-color: #666;
	clear: both;
	padding: 10px;
	border-top: 5px solid #E6E6E6;
}
div#footer p {
	font-size: 0.7em;
	color: #FFF;
	margin: 0 0 15px;
	text-align: right;
}
div#footer p#diritti {
	font-size: 0.62em;
	margin: 0;
}
div#footer a {
	color: #FFF;
}
div#footer a:hover {
	text-decoration: underline;
}