/*master.css musicaearte.it*/
/*		#0067a6	azzurromea  */
/*		#f28d23	aranciomea  */
/*		Dark Slate Gray	#2F4F4F	*/
/*		Dim Gray		#696969    	*/
/*		Slate Gray		#708090 	*/
/*		Saddle Brown 	#8B4513 	*/
/*		Sienna 		#A0522D 	*/
/*		Brown 		#A52A2A 	*/
/*		Goldenrod 		#DAA520 	*/
/* 		1 em = 12 px   			*/

@import url(navbar.css);

body {
	background-color:#fff;
	color:#333;
	margin:0px;
	padding:0px;
	font-family: "Helvetica", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.clear	{clear:both;}
.clearer	{clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
.clearboth	{clear: both;}
.left		{float:left; padding:5px; }
.right	{float:right; padding:5px; }


		
#container	{width: 980px; margin: 0 auto; position: relative;}

#banner	{width: 980px;}
* html #banner	{width: 980px;}
		
/****************DIV******************/
#col980center	{
background-color:#fff;
text-align:center;
border: 1px solid #CCCCCC;				
border-top: 4px solid #CCCCCC;			
margin-top: 10px;
padding-bottom:10px;
}
#col980center p	{text-align:left; padding:10px;}


#col980centertab	{
background-color:#fff;
text-align:leftr;
border: none;				
margin-top: 10px;
padding-bottom:10px;
}
#col980centertab p	{text-align:left; padding:10px;}



















#boxleft	{float: left;}
#boxcenter	{float:left; margin-left: 50px;}
#boxright	{float: right;}

#boxleft, #boxcenter, #boxright 	{
border:none; 
background:	transparent;   
margin-top: 10px;
padding-bottom:10px;
width: 290px;
min-height: 150px !important;
}

#boxleft h2, #boxcenter h2, #boxright h2 { 
text-align:center;
margin: 0 auto;
padding-top:12px;
min-height: 50px;
color: #FFF; 
font-size: 1.0em;
padding-left: 8px;
line-height: 1.5em;  
background: transparent url(images/varie/boxtop.gif) no-repeat top center;	
margin-bottom: 5px
}

* html #boxleft h2, #boxcenter h2, #boxright h2	{height: 50px;}

#boxleft .box, #boxcenter .box, #boxright .box 	{ 
border: none; 
padding: 0px 0px 10px 0px; 
margin: 0px;   
background: url(images/varie/boxback1.gif) center;
}   

#boxleft p, #boxcenter p, #boxright p {margin: 0; padding:10px; }
#boxleft img, #boxcenter img, #boxright img {margin: 0; padding:10px; }
#boxleft .box ul, #boxcenter .box ul, #boxright .box ul 	{padding-left: 8px }
#boxleft .box li a, #boxcenter .box li a, #boxright .box li a {text-decoration: none; font-size: 0.9em }
#boxleft .box a, #boxcenter .box a, #boxright .box a { color: #0066B3; background: inherit }     

#boxleft .bot, #boxcenter .bot, #boxright .bot 	{ 
height:50px;
border: none; 
padding: 0px; 
margin: 0px;   
background: transparent  url(images/varie/boxbot.gif) no-repeat bottom center;
}  

* html #boxleft .bot, #boxcenter .bot, #boxright .bot 	{height: 50px;}
 

#col460left	{
	float: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 10px;
	padding-bottom:10px;
	width: 460px;
}
#col460right	{
float: right; 
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 10px;
padding-bottom:10px;
width: 460px;   
}

#col460left h2, #col460right h2 	{padding:5px; margin:5px; border-bottom:2px solid #AF3610;
}

#articolo		{border: 1px solid #CCCCCC;  width: 980px;}

#articololeft	{float: left; width: 400px;padding: 5px;
	margin-top: 10px;
	padding-bottom:10px;
}

#articoloright	{float: right; width: 400px; padding: 5px;
margin-top: 10px;
padding-bottom:10px;}

#boxcontatti	{
border:none; 
background-color:	transparent;     
margin-top: 10px;
padding-bottom:10px;
float: left;
width: 290px;
min-height: 200px !important;
}
		
#boxlinks	{
border:none; 
background-color:	transparent;     
margin-top: 10px;
padding-bottom:10px;
float: left;
margin-left: 40px;
width: 270px;		
min-height: 200px !important;
}
		
#boxareariservata	{
border:none; 
background-color:	transparent;     
margin-top: 10px;
padding-bottom:10px;
float: right;
width: 290px;
min-height: 200px !important;
}

* html #boxcontatti, #boxlinks, #boxareariservata {height: 200px;} 

	
#footer	{
	height:300px;
	margin: 0 auto;
	text-align: center;
	background-image: url(images/varie/footerbis.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
		
#footer p	{
	text-decoration:overline;
	padding-top:200px;
	color: #CCCCCC;
	font-size: 0.9em;
}

/****************BOXEX CONTATTI+LINKS+AREARISERVATA**********/
#contentbox {width: 300px; margin: 0; background: #FFF }  
#contentbox h2 { 
color: #FFF; 
border-bottom: 1px solid #f0f0f0; 
font-size: 0.9em;
padding-left: 8px;
line-height: 20px;  
background: #a1a1a1 url(images/varie/rh2.jpg) no-repeat top center;
margin-bottom: 5px
}

#contentbox .box { border: none; padding: 0px 0 10px 0; margin: 0 0 1em 0; background: #f5f5f5 url(images/varie/rbot.jpg) no-repeat bottom center }
#contentbox .box ul { padding-left: 5px }
#contentbox .box li a { text-decoration: none; font-size: 0.9em }
#contentbox .box p { padding:5px }
#contentbox a { color: #0066B3; background: inherit }
/****************BOXEX CONTATTI+LINKS+AREARISERVATA**********/


/*************LINKS***************/
a { color: #2971a7; }	
a:link {text-decoration: none; color: #2971a7;}
a:visited {text-decoration: none; color: #2971a7;}
a:hover, a:active {text-decoration: underline; color: #2971a7;}

h2 a:link, h2 a:visited, h2 a:active {
text-decoration: none;
color: #333; 
font-weight: bold; 
font-size: 1.14em; 
line-height: 18px; 
margin-bottom: 18px; 
text-decoration:none;
}

h2 a:hover, h2 a:visited, h2 a	{
text-decoration: none;
color: #333; 
font-weight: bold; 
font-size: 16px; 
line-height: 18px; 
margin-bottom: 18px; 
text-decoration:none;
}
/*************LINKS***************/

/******************IMG**********************/
.img_center{
margin-top: 6px;
margin-left: auto;
margin-right: auto;
border: none;
}
* html .img_center{text-align:center;}

img.left { float: left; margin: 5px; }
img.right { float: right; margin: 5px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

* img {border: none;}

img a       {border: none;}
img a:hover	{ border: none;	background-color: none; text-decoration: none; }  
/******************IMG**********************/


/* ============== FOTO ARTICOLO ============== */
.foto-h-left, .foto-h-right,
.foto-v-left, .foto-v-right {
	background: #ededed;
	border: 1px solid #919292;
	margin-top: 1em;
}

.foto-h-left td, .foto-h-right td,
.foto-v-left td, .foto-v-right td {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.4;
	padding: 0.5em;
}

.article .didascalia {
	padding-top: 0;	
	padding-bottom: 1em;
}

.foto-h-left {
	float: left;
	clear: left;
	margin-right: 1em;
}

.foto-h-right {
	float: right;
	clear: right;
	margin-left: 1em;
}

.foto-v-left {
	float: left;
	margin-right: 1em;
}

.foto-v-right {
	float: right;
	margin-left: 1em;
}

.photoby {
	font-size: 0.8em;
}




/* ============== / FOTO ARTICOLO ================ */

/****************LIST******************/
ul.links	{margin: 0;}

ul.links ul, ul.links li	{
margin: 0;
padding: 5px 5px 20px 5px;
display: inline;
list-style-type: none;
}

ul.costi1 ul, ul.costi1 li	{
list-style-type: square;
}

ul.costi1 ul ul, ul.costi1 li li	{
	list-style-type: disc;
}

ul.contatti	{
	list-style-type: none;
	line-height: 1.8em;
	margin-left: 20px;
}

ul.contatti span	{color:#333;}
/****************LIST******************/



/******************SPECIFIC PARAGRAPH**********************/

hr { border: 1px inset; color: #630;}

.hidden { display:none;}

.justify { text-align:justify}

.corsivo {font-style: italic;}

.bold {
	font-weight: bold;
}

.boldmaiuscolo {
	font-weight: bold;
	text-transform: uppercase;
}


.first {font-size: 3.0em; font-family: "Times New Roman", times, Sans-Sherif;}

.indent {padding-left:30px;}


#center {
text-align:center;
align:center;
padding: 0px;
border:none;
} 
* html #center	{text-align:center;}


.center {
text-align:center;
align:center;
padding: 0px;
border:none;
} 
* html .center {align:center;}


h1	{font-size: 1.2em;}
h2	{font-size: 1.14em;}
h2.blanck	{color:#fff;}
h3	{font-size: 1.12em;}
h4	{font-size: 1.0em;}
h5	{font-size: 1.0em;}
h6	{font-size: 1.0em;}

/* spettacoli */

#spettacoli {text-align:center;}



.data {
	font-size: 1.4em;
	color: #A52A2A ;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
}


.luogo {
	font-size: 1.4em;
	color: #6E5A33;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
	apadding-bottom:1px;
}

.indirizzo {
	font-size: 0.9em;
	color: #6E5A33;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
}


.titoloopera {
	background: #A52A2A;
	font-family: "Times New Roman", times, Sans-Sherif; 
	font-size: 3.2em;
	color: #fff;	/*A52A2A  */
	font-style: normal;
	font-weight: bold;
	line-height:1.0em;
	padding: 0px;
	margin:10px;
	text-align:center !important;
}

.descrizioneopera {
	font-size: 1.1em !important;
	color: #333;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	padding: 0px;
	margin:10px;
	text-align:left !important;

}

.musichedi {
	text-transform:uppercase;
	font-size: 1.2em;
	color: #6E5A33;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
	margin:10px;
	text-align:left !important;

}

.notaopera {
	text-transform:uppercase;
	font-size: 1.0em;
	color: #6E5A33;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
	letter-spacing: 2px;
}
.interpreti {
	font-size: 1.2em;
	color: #6E5A33;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
}

.ruolo {
	text-transform:none;
	font-size: 1.0em;
	color: #333;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
}

.ingresso {
	font-size: 1.4em;
	color: #6E5A33;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
}

/*  spettacoli */


.enfasi {
	margin: 0px 0px 0px 0px; 
	color: #AF3610;			
	text-align: left;
	font-weight: bold;
}


.capital { color:silver; font-size:70px; line-height:70px; padding:2px; font-family: "Times New Roman", times, Sans-Sherif; }


.bobo		{color: #2F4F4F;}
.dim		{color: #696969;}
.slate	{color: #708090 ;}
.saddle	{color: #8B4513 ;}
.sienna	{color: #A0522D ;}
.brown	{color: #A52A2A ;}
.golden	{color: #DAA520 ;}

.red {color: #cc2026 !important;}

.blue {	color: #2f5fb1 !important;}
.rosso	{color: #8b0101;}
.azzurro	{color: #0067a6;}
.arancio	{color: #f28d23;}
.grigio	{color: #888;}
.extra {
	text-align: right;
	padding:8px;
	font-size:1.8em;
	font-family: "Times New Roman", times;
	margin:0px;
	color: #AAA;
	line-height: 25px;
	background: #FFF;
}
.extra h3 { color: #CCD8E1;  margin-bottom: 5px; font-size: 1.2em; background: #FFF }
.extra a { color: #8FB9DB; text-decoration: none; font-style: italic; background: #FFF }
.extra p { margin-top: 15px; background: #FFF }


.smallnote { 
display:block;
float:left;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
color: #0067a6;
margin: 0px;
padding:0px;
text-align:right; 
font-size: 10px;		
font-weight: bolder;
letter-spacing: 2px;
}
.smallnote a {
color:#0067a6; 
text-decoration: none; 
font-size: 10px 
}
.smallnote a:hover {
color:#f28d23;
font-size: 10px  }

.titolo_articolo	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #8b0101;
font-weight:bold;
}



/* didattica */
.strumenti {
	text-transform: uppercase;
	font-size: 1.5em;
	padding-top:40px;
	line-height:1.0em;
	color: #6E5A33;
	text-align: left;
	font-weight: bold;
}

.docente {
	text-transform: none;
	font-size: 0.8em;
	line-height:1.0em;
	color: #888;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
}


#docenti {
border-left: none;
border-right: 15px solid #996600;
padding: 1em; margin: 0 0 5px 0;
font-size: 90%;
}

ul.docenti {
	font-size: 1.2em;
	line-height:1.7em;
	color: #996600;
	list-style-type: none;
}
ul.docenti a:link, ul.docenti a:visited, ul.docenti a:active {
text-decoration: none;
	line-height:1.7em;
	color: #996600;
	list-style-type: none;
}

ul.docenti a:hover, ul.docenti a:visited, ul a	{
text-decoration: none;
	line-height:1.7em;
	color: #996600;
	list-style-type: none;
}

/* didattica  */


/****************SPECIFIC PARAGRAPH******************/
ul.alfabeto {list-style-type: lower-alpha;}

#divright {text-align: right;}

#divleft {text-align:left;}

.alignright {text-align:right;
}
.alignleft {text-align:left;}