body 			{ font-size: 10px; font-family: Verdana, Arial, sans-serif; margin: 0px; padding: 0px; background: #000; color: #FFF; text-align: center; }

hr				{ clear: both; color: #CCC; width: 97%; height: 1px; }

a	{ color: #FFF; text-decoration: none; }
	a:hover	 	{ background: #787865; }

img  { border: none; }

table { border: none; }

td { font-size: 10px; vertical-align: top; }

form { margin: 0; }

select { font: 10px Verdana, Arial, Helvetica, sans-serif; }

input { font: 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666; }

ul { list-style: none; margin: 0px; padding: 0px; }

h1 	{ font-family: Arial, Helvetica, sans-serif; color: #FFF159; }
h2 	{ font: bold 12px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; }
h3		{ font: bold 16px Arial, Helvetica, sans-serif; margin: 0px 0px 40px 0px; }

/* classi */
.clear { display: none; }

#container { margin: 4px auto; width: 780px; }

#header { width: 780px; height: 167px; background: url(../../images/bg_header.jpg) no-repeat bottom; }
	.contentHeader { padding: 9px 0px 0px 0px; text-align: left; }
		.contentHeader #sponsor { background: #CCC; float: right; }

/* è stata assegnata una larghezza a main per evitare la spaccatura 
dei div posizionati con il float al ridimensionamento della finestra
la dimensione è 4 px più grande del dovuto per un bug di IE/Mac */
#main { width: 780px; }
	
#main #menu { width: 207px; min-height: 252px; height: auto !important; height: 252px; background: url(../../images/bg_colsx.jpg) no-repeat; float: left; }
	#menu .contentTeatri { padding: 30px 0px 0px 35px; text-align: left; }
	
	.contentTeatri ul { list-style: none; }
		.contentTeatri ul li { margin-bottom: 5px; font-size: 11px; }
			.contentTeatri ul li a { color: #FFF; padding-left: 10px; }
			.contentTeatri ul li.giallo a { color: #FFF159; }
			.contentTeatri ul li.active a { color: #D03836; }
				.contentTeatri ul li a:hover { background: url(../../images/bullet.jpg) no-repeat; }

#main #flash { float: left; }

#main #search { float: left; width: 283px; height: 252px; background: url(../../images/bg_coldx.jpg) no-repeat top left; text-align: right; }
/* risolto problema spaccatura su IE/Mac */
*>html #search { margin-left: -4px; }

	#search .content { padding: 1px 120px 0px 0px; }

		#search h1 		{ font-size: 11px; color: #FFF159; margin: 0px 0px 12px 0px;}	
			
		#search form p { font-size: 10px; color: #FFF159; clear: both; }
		
		#search input.text, #perProvincia select { width: 110px; float: left; }
		
		#search input.submit { border: none; }

		#search #perData { }
			#perData p 			{ margin: 4px 0px 4px 0px; }
			#perData div 		{ margin-bottom: 1px; }
			#perData .submit	{ margin-top: 10px; }
		
		#perProvincia, #perTitolo { margin-top: 22px; }
			#perTitolo p, #perProvincia p { margin: 4px 0px 7px 0px; }
		
#footer { width: 780px; height: 83px; background: url(../../images/bg_footer.jpg) no-repeat; clear: both; }
	#footer p { margin-top: 80px; margin-left: 400px; color: #FFF159; }
	#footer a { color: #FFF159; }
/*						*/
/* seconda pagina */
/*						*/

#header2 { height: 138px; background: url(../../images/bg_header2.gif) no-repeat bottom left; }

#menu2 { float: left; width: 185px; min-height: 249px; height: auto !important; height: 249px; background: url(../../images/bg_colsx2.jpg) no-repeat; }	
	#menu2 .contentTeatri { padding: 55px 0px 50px 30px; text-align: left; }

#vetrina { float: left; width: 406px; text-align: left; }
	
	/* elemento grafica vetrina che sta sulla destra */
	#vetrina .vetrinaElement { background: url(../../images/vetrina_pix.gif) repeat-y right; }
	
	.back { text-align: right; padding: 5px; }

	#vetrina .content { padding: 10px 0px 0px 8px; }

		/* testata teatro */
		#teatro { margin-bottom: 45px; width: 370px; }
			#teatro img { margin: 0px 15px 8px 0px; float: left; }
			#teatro h1  { font-size: 19px; margin: 0px; }
			#teatro p 	{ margin: 0px 0px 5px 0px; }
	
		/* vetrine basic */
		.vetrinaBasic { width: 343px; margin-bottom: 15px; }
			.vetrinaBasic p { margin: 0px 0px 1px 0px; }
			.vetrinaBasic .teatro 	{ font: bold 16px Arial, Helvetica, sans-serif; }
			.vetrinaBasic .titolo 	{ font: bold 14px Arial, Helvetica, sans-serif; color: #FFF159; background: url(../../images/bg_title_left.gif) no-repeat left; padding: 3px 0px 3px 6px; }
			.vetrinaBasic .note 		{ color: #DEDEDE;	}
			.vetrinaBasic .orario 	{ background: url(../../images/bg_title_right.gif) repeat-y right; font-size: 10px; padding: 5px 6px 6px 0px; text-align: left; /*text-align: right;*/ }
			.vetrinaBasic .info 		{ text-align: right; background: url(../../images/bg_info.jpg) no-repeat right; padding: 5px; }
				.vetrinaBasic .info a { color: #E5DA5A; }
				.vetrinaBasic .info a:hover { background: #E5DA5A; color: #000; }
				
#coldx { float: left; width: 186px; height: 315px; text-align: left; background: url(../../images/bg_coldx2.jpg) no-repeat; }