@charset "UTF-8";
/* www.associazioneexperimenta.it CSS */

body {
	background: black url(images/bg_1px.gif) top center repeat-x;
	margin:0 auto;

	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#CE221E; /* Rosso Scuro standard per il sito */
}

a:link {color:#ce221e;	text-decoration: none;} /* STANDARD TEXT LINK COLORS - rosso, arancio su hover */
a:visited {text-decoration: none;	color: #ce221e;}
a:hover {text-decoration: none;	color: #f7a631;}
/* a:active {text-decoration: none;}*/

a.focus:link {color: #f7a631;	text-decoration: underline;} /* FOCUS TEXT LINK COLORS - arancio underline, arancio su hover */
a.focus:visited {text-decoration: underline;	color: #f7a631;}
a.focus:hover {text-decoration: none;	color: #f7a631;}

a.torna:link {color:#CE221E;	text-decoration: underline;} /* DETAILED TEXT LINK COLORS - rosso under, arancio su hover */
a.torna:visited {text-decoration: underline;	color: #CE221E;}
a.torna:hover {text-decoration: none;	color: #f7a631;}

a.lastline:link {color:#FFFFFF;	text-decoration: none;} /* LASTLINE TEXT LINK COLORS - bianco, arancio su hover */
a.lastline:visited {text-decoration: none;	color: #FFFFFF;}
a.lastline:hover {text-decoration: none;	color: #f7a631;}


#container {	
	width:800px; 
/*	height:1100px;  ALTEZZA TOTALE PAGINA (compresi header e footer) */
	border:0px solid #000000; 
	margin:30px auto;
	text-align:left;
}

#searchbar{ 
	width:800px;
	min-height:40px;
	height:40px;
	margin:0px;
	padding:0px;
	background-color:#E6E6E6;
}

#timebox{ 
	width:140px;
	height:28px; /* 40 meno il padding top */
	background-image:url(images/hour_box_bg.gif);
	padding-top:12px;
	padding-left:10px;
	float:left;
}	

#searchform{
	vertical-align:middle;
	height:40px;
	float:right;
}	

/* *************************************** MENU PRINCIPALE (men_sup) *********************************** */

#men_sup{
	height:40px;
}


#button_sup{
	/*background-image: url(images/menu%20sup/menu_sup_generico.gif);*/
	width:197px;
	height:40px;
	float:left;
	line-height: 40px;
}

.news{
	margin-right:4px;
	background-image: url(images/supmenu_button_news.gif);
	
}

.news  a:hover{
	background-image: url(images/supmenu_button_news_on.gif);
	color:#FFFFFF;	
}

.events{
	margin-right:4px;
	background-image: url(images/supmenu_button_events.gif);
	
}

.events a:hover{
	background-image: url(images/supmenu_button_events_on.gif);
	color:#FFFFFF;	
}

.contacts{
	margin-right:4px;
	background-image: url(images/supmenu_button_contacts.gif);
	
}

.contacts a:hover{
	background-image: url(images/supmenu_button_contacts_on.gif);
	color:#FFFFFF;	
}

.gallery{
	float:right;
	background-image: url(images/supmenu_button_gallery.gif);
	color:#FFFFFF;
}

.gallery a:hover{
	float:right;
	background-image: url(images/supmenu_button_gallery_on.gif);
	color:#FFFFFF;
}

#button_sup a{
	display:block; /* essenziale per il rollover */
	width:197px;
	height:40px;
	margin-left:0px;
	margin-top: 0px;
}	

/******************************************* MENU LATERAL (con BANNERS) ****************************************/

#menu_lateral{
	width:226px;
	float:left;
	text-align:center;
}

	#elem_menu_lat{
	/*margin-top:15px;
	border: #FFFFFF 4px solid;*/
		width:226px;
	}

	#elem_menu_lat a{
		display:block; /* FONDAMENTALE PER IL ROLLOVER */
		width:226px;
		height:38px;
		margin-left:0px;
		margin-top: 0px;
	}
/*
		.partecipazione{
			height:42px;
			background-image: url(images/latmenu_button_partecipazione.gif);
			
		}
		.partecipazione a:hover{
			background-image: url(images/latmenu_button_partecipazione_on.gif);
			
		}
*/		
		.teatro{
			height:39px;
			background-image: url(images/latmenu_button_teatro.gif);
			
		}
		.teatro a:hover{
			background-image: url(images/latmenu_button_teatro_on.gif);
			
		}
		
		.musica{
			height:42px;
			background-image: url(images/latmenu_button_musica.gif);
			
		}
		.musica a:hover{
			background-image: url(images/latmenu_button_musica_on.gif);
			
		}
		
		.arte{
			height:39px;
			background-image: url(images/latmenu_button_arte.gif);
			
		}
		.arte a:hover{
			background-image: url(images/latmenu_button_arte_on.gif);
			
		}
		
		.formazione{
			height:39px;
			background-image: url(images/latmenu_button_formazione.gif);
			
		}
		.formazione a:hover{
			background-image: url(images/latmenu_button_formazione_on.gif);
			
		}
		
		.sala_prove{
			height:39px;
			background-image: url(images/latmenu_button_salaprove.gif);
			
		}
		
		.sala_prove a:hover{
			background-image: url(images/latmenu_button_salaprove_on.gif);
			
		}
		
		.sala_registrazione{
			height:39px;
			background-image: url(images/latmenu_button_salaregistrazione.gif);
			
		}
		.sala_registrazione a:hover{
			background-image: url(images/latmenu_button_salaregistrazione_on.gif);
			
		}
		.band{
			height:39px;
			background-image: url(images/latmenu_button_band.gif);
			
		}
		.band a:hover{
			background-image: url(images/latmenu_button_band_on.gif);
			
		}
		
		.chi_siamo{
			height:39px;
			background-image: url(images/latmenu_button_chisiamo.gif);
			
		}
		.chi_siamo a:hover{
			background-image: url(images/latmenu_button_chisiamo_on.gif);
			
		}

		.risonanze{
			height:39px;
			background-image: url(images/latmenu_button_riso2010.gif);
			
		}
		.risonanze a:hover{
			background-image: url(images/latmenu_button_riso2010_on.gif);
			
		}

		.myspace{
			height:39px;
			background-image: url(images/latmenu_button_myspace.gif);
			
		}
		.myspace a:hover{
			background-image: url(images/latmenu_button_myspace_on.gif);
			
		}
		
		.facebook{
			height:39px;
			background-image: url(images/latmenu_button_facebook.gif);
			
		}
		.facebook a:hover{
			background-image: url(images/latmenu_button_facebook_on.gif);
			
		}
		
		.area_privata{
			height:38px;
			background-image: url(images/latmenu_button_areaprivata.gif);
			
		}
		.area_privata a:hover{
			height:38px;
			background-image: url(images/latmenu_button_areaprivata_on.gif);
			
		}

	#banner { /* ******** BANNER CONTAINER *********** */
/*		width:226;*/
		margin-left:auto;
		margin-right:auto;
		margin-top:15px; 
		border:0px solid #FFFFFF;
		outline:0;
	}

/********************************** PAGE CONTENT ****************************************/

#content { /* *********** PARTE CENTRALE (Sotto il sup_menu e sopra il footer ******** */
	color:#000000; /*Color de la letra*/
/*	min-height:785px; */
	min-height:725px;
	height:auto !important;
/*	height:785px;*/
	height:725px;

/*	min-height:722px;
	height:765px; /* da cambiare in caso di banner che oltrepassano la fine delle news! */
	width:800px; 
	clear:both;
	padding:0px;
	margin-top:10px;
/*	margin-bottom:10px;	*/
} 

/***** FOCUS EVENT CONTAINER (black background) ******/

#focus{ /* BOX ESTERNO (cornice e sfondo) */
	width:564px;
	height:150px;
	float:right;
	background-image: url(images/news_bg_h150.gif);	
}

	#focus_content{ /* Focus News BOX INTERNO (contenuto)*/
		width:524px;
		height:130px;
		margin-top:10px;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:10px;
		color:#FFFFFF;

		overflow:hidden;
	}

/***** NORMAL NEWS CONTAINER (white background) *****/

#info{ /* Normal News BOX ESTERNO (solo per coerenza e posizionamento! sfondi nei div interni) */
	width:564px;
	margin-top:10px;
	float:right;
	color:#000000;
	margin-bottom:20px;	
}

	#info_header{
		width:564px;
		height:10px;
		padding:0px;
		margin:0px;
	/*	background-image: url(images/info_header_bg.gif);
		background-repeat:no-repeat; */
	}

	#info_body{  /* Normal News SFONDO BOX INTERNO */
		width:564px;
	/*	min-height:569px;
		height:569px;*/
		background-image: url(images/info_content_bg.gif);
		background-repeat:repeat-y; 
	}

	#info_title {	/* Titolo CATEGORIA notizia (NEWS-EVENTI ecc.) */
		height:25px;
		text-align:left;
		margin-top:5px;
		margin-bottom:10px;		
	}

	#info_content{  /* Normal News BOX INTERNO (contenuto)*/
	/*	width:524px;*/
		min-height:529px;
		height:auto !important;
		height:529px;
		
		margin-left:20px;
		margin-right:20px;
		padding-top: 1px; /* serve a rendere identica al box FOCUSNEWS la distanza dal bordo superiore */
		text-align:justify;
	}

	#info_footer{ /* fondo riquadro info, angoli arrotondati */
		width:564px;
		min-height:10px;
		height:10px;
	/*	background-image: url(images/info_footer_bg.gif);
		background-repeat:no-repeat; */
	}

/***** CHI SIAMO PAGE (white background) *****/

#contatti_recapiti {	
	width:218px; 
/*	height:100px;*/
	float:left;

	margin-top:0px;
/*	margin-right:15px;*/

	font-size:10px;	
	text-align:justify;
}

#contatti_privacy {	
	width:218px; 
/*	height:110px;*/
	float:left;

	margin-top:10px;
/*	margin-right:15px;*/

	font-size:10px;	
	text-align:justify;
}

#contatti_form {	
	width:300px;
/*	height:450px;*/
	float:right;

	margin-top:0px;
/*	margin-right:15px;*/
	
	font-size:12px;	
	text-align:justify;
}
#contatti_success {	
	width:450px; 
	height:10px;
	float:right;

/*	margin-right:15px;*/
	
	font-size:12px;	
	text-align:right;
	color:#000000;
}

/***** CHI SIAMO PAGE (white background) *****/

#chisiamo_menu {	
	width:504px;
	height:11px;
/*	margin-left:auto;
	margin-right:auto;*/
	margin-top:0px;	
	margin-bottom:5px;
	margin-right:20px;
}

	#chisiamo_menu_button{
/*	width:100px;*/
		height:11px;
		float:right;
		margin-left:50px;
	}

	#chisiamo_menu_button a{
		display:block; /* ESSEMZIALE per la visualizzazione del rollover! */
/*	width:auto; */
		height:11px;
		opacity:0.3;
		filter:alpha(opacity=30); /* for IE 6 */	
	}	
	#chisiamo_menu_button a:hover{
		opacity:1;
		filter:alpha(opacity=100); /* for IE 6 */	
	}

#chisiamo_subpage {	
	height:470px;
	margin-top:0px;	
	overflow:auto; /* aggiunge la scrollbar se il testo va oltre la height */
}

	.cssbpwidth {	
		width:524px;
		padding-right:20px;
	}
	.cssbpwidth_ie {	
		width:514px;
		padding-right:10px;	

	}

#chisiamo_struttura {	
	width:400px;
	font-size:14px;
	float:right;
	text-align:center;
}

	#struttura_down_button{
		width:50px;
		height:50px;
		
		float:left;
		
		margin-top:5px;
		margin-left:5px;
		margin-right:5px;				
		margin-bottom:5px;			
	}
	#struttura_down_txt{
		width:250px;
		height:18px;
	
		float:right;
		margin-top:5px;
		margin-right:20px;				
		margin-bottom:5px;			

		font-size:14px;
		font-weight:bold;
	}
	#struttura_down_txt_det{
		width:250px;
		height:18px;

		float:right;
		margin-right:20px;				
		margin-bottom:0px;			
		font-size:10px;
	}

	#getacro {	
		width:80px; 
		height:20px;
		background-color:#FFFFFF;

		float:right;
		margin-left:auto;
		margin-right:5px;
	}

/****************** PAGINE CON SMOOTHGALLERY *************************/

#smoothg {	
	overflow:hidden; /* NB dovrebbe evitare problemi di visualizzazione in fase di caricamento delle immagini */
	text-align:center;
	margin:auto;
}

/****************** EXP_GALLERY *************************/

#gallery_title {	
	width:500px;
	text-align:center;
	font-weight:bold;
	color:#ce221e;
	margin:auto;
}

/****************** EXP_BAND *************************/

#band_table td{
	vertical-align:middle;
	font-size:16px;
	padding:3px 0;
}
h1 {
	padding:0;
	margin:0;
	font-size:18px;
	margin-bottom:5px;
}

/****************** HOME FOOTER (BLACK BG) *************************/

#footer {
	width:800px; 
	height:100px;
	text-align:left;
	background-image:url(images/footer_bg_clean.gif);
	background-repeat:no-repeat;
	float:left;
}
	#adsense { 
		margin-right:30px;
		margin-top:20px;
		float:right;
	}

	#adsense_ie { 
		margin-right:15px;
		margin-top:20px;
		float:right;
	}

#footer_lastline {	
	width:750px;
	margin-left:auto;
	margin-right:auto;
	padding-top:110px;
	#padding-top:10px;
	margin-bottom:10px;	

	display:block;
	color:#FFFFFF;	
}
/* ************************************** STILI PAGINE CON MAPPA ********************* */

#map {	
	width:510px; 
	height:300px;
	
	text-align:center;
	font-size:12px;

	margin:30px auto 0 auto;
	border:2px solid silver;
}