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

/* Foglio di stile "Home Page" */

/* --- [ STRUTTURA ] --- */
/* --- AREA SUPERIORE/TITOLO --- */

div#linea3d {
	background: #FF6633 url(../img/linea_3d_3.jpg) no-repeat;
}

div#foto {
	background: url(../img/foto_3.jpg) no-repeat;
}

div#titolo {
	background: url(../img/title_home.jpg) no-repeat;
}

/* --- AREA CENTRALE/CONTENUTI --- */
 
div#container3 {
	background: #FFF url(../img/sfondo_grigio.gif);
	min-height: 417px; /* perché 417? */
	height: auto !important;
	height: 417px;
	margin: 0;
	padding: 0;
}
div#container3 a {
	color: #666;
	display: inline; /* perché l'ho messo? */
}
div#container3 a:hover, div#container3 a:active {
	color: #000;
	display: inline; /* perché l'ho messo? */
}

h3 { 
	font-size: 0.86em;
	font-weight: 900;
	color: #333;
	letter-spacing: 3px;
	text-transform: lowercase;
}

/* --- colonna sinistra *DISATTIVATA* --- */

div#colonnasx {
	background: url(../img/sfondo_sfumato.jpg) no-repeat top left;
	width: 140px; /* larghezza per Opera5 */
	\width: 160px; /* larghezza per IE5.x */
	w\idth: 140px; /* larghezza per altri */
	padding: 18px 10px 10px;
	float: left;
}

/* - sezione NEWS - */
div#news {
/*	overflow: auto; in caso di necessità */
}
div#news h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #3399CC;
}
div#news h3:first-letter {
	color: #3399CC;
}
div#news p {
	font-size: 0.7em;
	color: #333;
	margin-top: 12px;
	margin-bottom: 0;
	padding: 0;
}

/* - sezione IN PROGETTO - */
div#progetto {
	margin-top: 18px;
}
div#progetto h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #FF6633;
}
div#progetto h3:first-letter {
	color: #FF6633;
}
div#progetto p {
	font-size: 0.7em;
	color: #333;
	margin-top: 12px;
	margin-bottom: 0;
	padding: 0;
}

/* --- colonna destra --- */

div#colonnadx {
	background: url(../img/sfondo_sfumato.jpg) no-repeat top left;
	width: 140px; /* larghezza per Opera5 */
	\width: 160px; /* larghezza per IE5.x */
	w\idth: 140px; /* larghezza per altri */
	padding: 18px 10px 10px;
	float: right;
}

/* - sezione RICERCA - */
div#ricerca {
	/*padding: 10px;
	border: 1px solid #CCC;*/
}
div#ricerca h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #888;
}
div#ricerca h3:first-letter {
	color: #888;
}
div#ricerca img {
	display: none;
	margin-bottom: 10px;
}
div#ricerca p {
	font-size: 0.7em;
	color: #333;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
}
form {
	margin: 12px 0 0;
	padding: 0;
}
div#campo {
	margin: 0;
	padding: 0;
}
div#campo label {
	font-size: 0.7em;
	color: #333;
	margin-top: 12px;
	margin-bottom: 0;
	padding: 0;
}
div#campo input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.76em;
	color: #333;
	width: 136px;
	margin: 0;
	padding: 1px;
	border: 1px solid #888;
	background-color: #FFF;
}
div#bottone {
	margin: 0;
	padding: 0;
}
div#bottone input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.76em;
	color: #333;
	width: auto;
	margin: 3px 0 0;
	padding: 0;
	border: 1px solid #888;
	background-color: #CCC;
}

/* - sezione IN RILIEVO - */
div#rilievo {
	margin-top: 18px;
}
div#rilievo h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #99CC33;
}
div#rilievo h3:first-letter {
	color: #99CC33;
}
div#rilievo .titolo {
	font-weight: bold;
	color: #333;
	text-align: center;
	text-transform: uppercase;
}
div#rilievo img{ 
	margin: 12px auto;
	padding: 0; 
	display: block; 
	text-align: center;
} 
div#rilievo p {
	font-size: 0.7em;
	color: #333;
	margin-top: 12px;
	margin-bottom: 0;
	padding: 0;
}

/* - sezione LINKS - */
div#link {
	margin-top: 18px;
}
div#link h3 {
	margin-top: 0;
	margin-bottom: 12px;
	padding: 0;
	border-bottom: 1px solid #784DD2;
}
div#link h3:first-letter {
	color: #784DD2;
}
div#link ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#link ul li {
	font-size: 0.7em;
	color: #333;
	margin-top: 0;
	margin-bottom: 6px;
	padding: 0;
}
/* hack (by me) per ridurre margine tra i link lasciato da IE (facoltativo) */
* html div#link ul li { 
	margin-top: -4px;
}

/* --- colonna centrale --- */

div#content {
	/* background-color: #FFF;  non supportato da IE, causa bug */
	margin-left: 0; /* annulla lo spazio della colonna sx */
	margin-right: 160px;
	padding: 18px 20px 10px;
}

/* - riquadri BENVENUTI/EVENTI - */
div.riquadro {
	/* background-color: #F8F8F8; */
	margin-bottom: 20px;
	padding: 10px;
	border: 1px dotted #888888;
}
div.riquadro h3 {
	margin-top: 0;
	margin-bottom: 12px;
	padding: 0;
	/* border-bottom: vedi specifiche singoli box */
}
/* div.riquadro h3:first-letter { /* vedi specifiche per singoli box
}*/
div.riquadro img { /* vale anche per gli EVENTI */
	float: left;
	margin-top: 0px;
}
div#content div.riquadro p { /* vale anche per gli EVENTI */
	font-size: 0.76em;
	color: #333;
	text-align: left;
	margin-top: 12px;
	margin-left: 130px; /* a seconda della dimensione dell'immagine, se presente (10px + dell'immagine) */
	margin-bottom: 0;
	padding: 0;
}

/* - sezione BENVENUTI - */
div.riquadro h3.benvenuti {
	border-bottom: 1px solid #FF6633;
}
div.riquadro h3.benvenuti:first-letter {
	color: #FF6633;
}

/* - sezione EVENTI - */
div.riquadro h3.eventi {
	border-bottom: 1px solid #FF6633;
}
div.riquadro h3.eventi:first-letter {
	color: #FF6633;
}
div.eventi {
	width: 100%;
	overflow: hidden;
}
.bordosup {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dashed #FF6633;
}
div#content div.eventi .titolo {
	font-size: 0.86em;
	font-weight: bold;
	color: #FF6633;
	margin-top: 0;
}
div#content div.eventi b {
	color: #FF6633;
}

/* - altre sezioni EVENTI - */
div.riquadro h3.altro {
	border-bottom: 1px solid #CC3366;
}
div.riquadro h3.altro:first-letter {
	color: #CC3366;
}
div#content div.altro .titolo {
	color: #CC3366;
}
div#content div.altro b {
	color: #CC3366;
}

div#staff {
}
div#staff p {
  color: #888;
	font-size: 0.7em;
	text-align: center;
	margin: 10px 0 5px;
}

/* -- PAGINE CORRELATE -- */
/* -- Pagina "note.php" -- */

div#content p.sezione {
	color: #5A5A5A;
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 1px solid #5A5A5A;
}
div#extra {
	width: 140px; /* larghezza per Opera5 */
	\width: 160px; /* larghezza per IE5.x */
	w\idth: 140px; /* larghezza per altri */
	padding: 15px 10px 10px;
	float: right;
}
div#extra {
	text-align: center;
}
div#extra p {
	margin-top: 15px;
	margin-bottom: 15px;
}