/*|||||||||||||||||||| ELEMENTI BASE ||||||||||||||||||||*/
html {font-size: 64%; margin: 0px; padding: 0px; }
body {
	margin: 0px; padding: 0px 0px 2em 0px;
	text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; color: #333333;
	background: url(../imcom/body.jpg) repeat-x;
	background-color: #BBBCBF;
	}
	
div, table, th, tr, td, caption, thead, tfoot, tbody, form, label, input, textarea, img,
span, pre, p, h1, h2, h3, h4, h5, h6, a:link, a:visited, a:hover,
dl, dt, dd, ol, ul, li, strong
	{
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #333;
}
	
 a:link,  a:visited { color: #333333; text-decoration: underline; }
	 a:hover { text-decoration: none; }
	
table {
	font-size: 100%;/*per IE5*/
	border-collapse: collapse;
	}
	
	input {
		font-size: 100%; margin: 0px 3px 0px 3px; padding-top: 0px; padding-bottom: 0px;
		background-color: #f2f2f2; color: #555555; border: 1px solid #999999; }
	
	textarea {
		width: 90%;	margin: 0px 3px 0px 3px; padding-top: 0px; padding-bottom: 0px;
		background: #f2f2f2; border: 1px solid #999999; }
/*|||||||||||||||||||| FINE - ELEMENTI BASE ||||||||||||||||||||*/	
		

/*|||||||||||||||||||| INIZIO GABBIA STRUTTURALE ||||||||||||||||||||*/

#contain { width: 704px; margin: 0px auto 0px auto;/*per netscape*/}
	#banner { height: auto !important; height: 152px; min-height: 152px; }
	#corpo { height: auto !important; height: 400px; min-height: 400px; }
		#page { width: 704px;  height: auto !important; height: 514px; min-height: 514px; }
			#colonna1 { float: left; width: 222px; margin-left: 1px; }
			#colonna2 { float: left; width: 478px; margin: 0px; }
	#piede { height: auto !important; height: 45px;	min-height: 45px; }
	
	
/*|||||||||||||||||||| FINE GABBIA STRUTTURALE ||||||||||||||||||||*/


/*|||||||||||||||||||| INIZIO ELEMENTI GRAFICI COMUNI ||||||||||||||||||||*/
#banner { background: url(../imcom/banner.jpg) no-repeat; }
#corpo { background: url(../imcom/sf_corpo_y.jpg) repeat-y; float:LEFT; }
#page { background: url(../imcom/sf_corpo.jpg) no-repeat; }
#piede { background: url(../imcom/sf_piede.jpg) no-repeat; padding-top: 24px; float: left; width: 704px; }

#menu {padding-top: 118px; float: right; width: 366px;}
#menu li { display: inline; float: left; text-align:right; list-style:none; margin-right: 18px; }
#menu li span { display: none; }
#menu li.artist a { display: block; width: 46px; height: 22px; background:url(../imcom/m_artista1.gif) no-repeat; }
	#menu li.artist a:hover { display: block; width: 46px; background:url(../imcom/m_artista2.gif) no-repeat; }
#menu li.calenda a { display: block; width: 75px; height: 22px; background:url(../imcom/m_calenda1.gif) no-repeat; }
	#menu li.calenda a:hover { display: block; width: 75px; background:url(../imcom/m_calenda2.gif) no-repeat; }
#menu li.news a { display: block; width: 39px; height: 22px; background:url(../imcom/m_news1.gif) no-repeat; }
	#menu li.news a:hover { display: block; width: 39px; background:url(../imcom/m_news2.gif) no-repeat; }
#menu li.proget a { display: block; width: 58px; height: 22px; background:url(../imcom/m_proget1.gif) no-repeat; }
	#menu li.proget a:hover { display: block; width: 58px; background:url(../imcom/m_proget2.gif) no-repeat; }
#menu li.contat a { display: block; width: 57px; height: 22px; background:url(../imcom/m_contat1.gif) no-repeat; }
	#menu li.contat a:hover { display: block; width: 57px; background:url(../imcom/m_contat2.gif) no-repeat; }
	
	
#piede a { display: block; width: 127px; height: 12px; background:url(../imcom/uwm.gif) no-repeat; float: right; }
	#piede a:hover { display: block; width: 127px; height: 12px; background:url(../imcom/uwm2.gif) no-repeat; }
	#piede span { display: none; }
	
	
/*|| PAGE ||*/
#page { padding: 3em 0em 2em 0em; }
	
	#page a:link, #page a:visited
		{ color: #333333; text-decoration: none; background:url(../imcom/tratto_red.gif) repeat-x 0px 100%;  }
	#page  a:hover { border-bottom: 0px; }
	
	#page table { margin: 10px;	}
		.alterna { background-color: #F8F8F8; }/*aplicare .alterna alle tr in modo alternato per facilitare la lettura*/
	
	/*||| TESTO |||*/
	#page { font-size: 110%;	}	
	#page p {	margin: 0px 20px 0.8em 20px; line-height: 1.5em;	}
	#page strong { color: #666673; letter-spacing: -1px; }
		
	/*||| LISTE OL, UL, DL |||*/
	/*-primo livello*/
	#page ul {
		margin: 5px 20px 10px 20px;
		padding-left: 1em;
		list-style: none;
		}
	#page ul li {
		line-height: 1.2em;
		padding: 0px 0px 0.5em 6px;
		background:   url(../../resia/imcom/li_b.gif) no-repeat;
		background-position: 0px 0.4em;
		}
		/*-secondo livello*/
		#page li ul {
			margin:  0.4em 0px 0px 0px;
			padding: 0px!important;
			}
		#page li ul li {
			padding: 0px 0px 0.5em 0.8em;
			background:   url(../../resia/imcom/li_b2.gif) no-repeat;
			background-position: 0px 0.4em;
			}
			/*-terzo livello*/
			#page li ul li ul {
				margin:  0.4em 0px 0px 0px;
				padding: 0px!important;
				}
			#page li ul li ul li {
				padding: 0px 0px 0.5em 1em;
				background:   url(../../resia/imcom/li_b3.gif) no-repeat;
				background-position: 0px 0.4em;
				}
			
	#page ol {/*per elenco numerato*/
		margin: 0px 20px 10px 2em;
		padding-left: 1em;
		list-style-position: inside;
		text-indent: -16px;
		}
		#page ol li { line-height: 1em; padding: 0px 0px 0.4em 0px; }
		
	#page ol.alfab {/*per elenco alfabettizzato*/
		list-style-type: lower-alpha;	}

	#page dl { margin: 0px 20px 10px 20px; line-height: 1.4em; }
		#page dt { font-weight: bold; padding: 0.6em 0px 0px 0px; }
		#page dd { margin: 0em 0px 0px 10px; }
		
	/*||| TITOLI |||*/
	#page h1, #page h2, #page h3,	#page h4, #page h5, #page h6
		{ font-family: Georgia, "Courier New", Courier, monospace; margin: 0px 20px 0.2em 20px }
		#page h1 {font-size: 1.3em; color: #EC0202; border-bottom: 1px solid #EC0202;}
		#page h2 {font-size: 1.2em; color: #EC0202; letter-spacing: 2px; line-height: 1em;}
	
	/*|| COLONNE ||*/
#colonna1 ul, #colonna1 dl, #colonna1 dt, #colonna1 dd { margin: 0px; padding: 0px; }


/*|||||||||||||||||||| FINE ELEMENTI GRAFICI COMUNI ||||||||||||||||||||*/


/* CONTESTUALIZZAZIONI */
#index #page { padding: 4em 0px 4em 0px; }
#index #page p { margin: 0px 80px 0.8em 80px; }

/* fine CONTESTUALIZZAZIONI */


/* CLASSI LISTE E MENU INTERNI */
.menu1, .menu1b { width: 100%; text-align: right; line-height: 1. }
.menu1 { border-bottom: 1px solid red;}
	.menu1 li, .menu1b li { text-align: right; display:inline;}
	.menu1 a:link, .menu1 a:visited, .menu1b a:link, .menu1b a:visited { background:none !important; }
	.menu1 a:hover, .menu1b a:hover { color: EC0202; }
	
.foto {
	padding-top: 10px;
}
	
.lista1 { margin: 10px 0px 0px 10px !important;}
	.lista1 dd { border-top: 1px solid red; padding:  0px 0px 0px 20px!important; float: left; clear: both; }
	.lista1 dt { margin:  0px 0px 0px 10px; width: 212px; clear: both; }
	
	.bordoScheda {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E6E6E6;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #E6E6E6;
}.grassRed {
	font-weight: bold;
	color: #EC0202;
}
.bordoCellaCategory {
	border: 1px solid #999999;
}
#artList_table {
	background-color: #f2f2f2;
	width: 380px;
}
#artList_table tr td {
	background-color: #f2f2f2;
	font-size: 11px;
}
.artListCategory {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	border: 1px solid #999;
	margin: 0px 5px 0px 5px;
	background-color: #E8E8E8;
}
.bordoScheda tr td .calOrganizzazione {
	text-transform: uppercase;
}
.bordoScheda tr td .calProgram {
	margin: 0px 0px 10px 10px;
	padding: 0px;
}
.calBlock {
	margin-left: 9px;
}
.newsBlock {
	margin: 3px 5px 5px 3px;
}
.revBlock {
	margin: 3px 5px 5px 3px;
}
#colonna2 .calBlock p{
	margin: 0px 0px 5px 0px;
	line-height: 13px;
}
#colonna2 .newsBlock p{
	margin: 0px 0px 5px 0px;
	line-height: 13px;
}
#colonna2 .revBlock p {
	margin: 0px 0px 5px 0px;
	line-height: 13px;
}
