/* elementi base */
html,body{margin: 0px; padding:0px;}
body {text-align:center;
      background-color:#fff;}
a {font: 11pt #09f Arial, Helvetica, sans-serif;}
a:visited {color:#00f}

/* sezioni base per il layout */
#contenitore{
	position:relative;
	width:700px;
	margin: auto;
	background-image: url("fondo.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	text-align:left;
	top: 2px;
}

#logo {position:absolute;
       top:0px;
	   left:0px;
       width: 120px;
	   height: 120px;}
#intestazione {margin-left:130px;
			   text-align:center;
			   width: 550px;
			   padding:10px;}
h1 {font: 24pt/100px Garamond, Times, serif;
    font-weight:bold; 
	margin:0px;
    background-color:transparent;}
#navigazione {position:absolute;
              top:130px;
			  left:0px;
              width: 120px;
			  float:left;}	
#piedipagina {margin-left:130px;
              text-align:center;
			  width: 550px;
			  height: 50px;
              font-size: 10pt;
			  clear:both;
			  padding:10px;
			  padding-right:20px;
			  font: 10pt Georgia, Garamond, Times, serif;
			  background-color:transparent;
			  background: url("bordo_sotto.png") no-repeat bottom;}
#piedipagina a {font-size: 10pt;}
#barra_nav {width: 550px;
            padding:10px;
			padding-bottom:0px;
			padding-right:20px;
			margin-left:130px;
			/*margin-top:10px;*/
			text-align:right;
			font:10pt/30px Arial, Helvetica, sans-serif;
			background-color:transparent;
			background-image: url("bordo_sopra.png");
			  background-position:top;
			  background-repeat:no-repeat;}
#barra_nav a {font:10pt Arial, Helvetica, sans-serif; }
#contenuto {width: 550px;
			margin-left:130px;
			padding:10px;
			padding-right:20px;
			font: 10pt Georgia, Times, serif;
			line-height:14pt;
			background-color:transparent;
			background: url("bordo.png") repeat-y top;} 	
#contenuto a {font: 11pt #09f Arial, Helvetica, sans-serif;} 
#contenuto a img{border-style:none;}
#contenuto a.rosso{color:#FF0000;
                    font-family:Georgia, "Times New Roman", Times, serif;
					text-decoration:none;
					font-size:17pt;
					font-style:italic;}
div.clearer{width: 550px;
            padding:10px;
			padding-right:20px;
            margin-left:130px;
			clear:both;
            background-color:transparent;
			background: url("bordo.png") repeat-y top;}

   
/*  navigazione */	   
#navigazione a{font: 11pt Georgia, serif;
               /*font-weight:bold;*/
               background-color:transparent;
			   text-decoration:none;
			   display:block; 
			   text-align:center;
			   margin-top:7px;
	           margin-bottom:7px;
	           padding-top:7px;
	           padding-bottom:7px;
			   width:120px;
			   color:#33f;}		
#navigazione a:hover{color:#FF0000;}
#navigazione a.attivo{color:#f00;}
#navigazione a#secondo{font-style:italic; 
                       font-weight:100;
                       text-align:center;}
					   
/* Pagine degli spettacoli */
.grosso {font-size:13pt;
	    font-weight:800;
		letter-spacing:1px;}
.mezzogrosso {font-size:12pt;
          font-weight:800;}
.data{color:#f00;
      font-weight:800;}
.paese{font-family:Verdana, Arial, Helvetica, sans-serif; 
       font-variant:small-caps;
       font-weight:800;
	   color:#CC0033;}
.titolo {font-family:Verdana, Arial, Helvetica, sans-serif; 
         font-size:14pt;
		 color:#CC3300;
	     font-weight:800;
		 letter-spacing:1px;}
.compagnia {font-family:Verdana, Arial, Helvetica, sans-serif; 
            font-variant:small-caps;
		    letter-spacing:1px;}
.genere {font-size:8pt;
		 color:#999;}
.avviso {font-size:15pt;
	    font-weight:800;
		letter-spacing:1px;
		color:#f00;
		text-decoration:blink;}
/* #piccolo a {font: 8pt Arial, Helvetica, sans-serif;} */ 
#interpreti {clear:none;
			float:right;
			vertical-align:middle;
			width: 180px;
			padding:10px;
			font-size:10pt;
			background:transparent;}
#copertina {clear:none;
            float:left;
            vertical-align:middle;
			width:350px;
			text-align:center;}
#presentazione {clear:both;}

/* Pagine delle fotografie */
#miniatura {height:85px;
            width:110px;
			text-align:center;
			vertical-align:middle;}
#ingrandimento {height:425px;
            width:330px;
			text-align:center;
			vertical-align:middle;}
#ingrandimento_3 {height:330px;
            width:330px;
			text-align:center;
			vertical-align:middle;}		
			
/* foto tessera per pagina curriculum */
#tessera_dx {clear:none;
             float:right;
			 margin:3px;}
#tessera_sx {clear:none;
             float:left;
			 margin:3px;}			 
/*li {list-style-position:inside;}*/

/* calendario */
#mese {text-align:center;
       font:20pt Georgia, "Times New Roman", Times, serif;
                   font-style:italic;
				   color:#FF0000;}
#calendario {text-align:center;}
#calendario td.par{text-align:left;
		   font:10pt Georgia, "Times New Roman", Times, serif;
		   line-height:16pt;
		   border-top:1px solid black;}
#calendario a{font:10pt Georgia, "Times New Roman", Times, serif;}
#calendario td.num{font-size:30px;
                   font-style:italic;
				   color:#FF0000;
				   border-top:1px solid black;
				   text-align:center;}
#calendario td.num p {font-size:10pt;}
#calendario td.foto{text-align:center;
           border-top:1px solid black;}   
		 
/* Smistamento */
#categoria {text-align:center;
       font:20pt Georgia, "Times New Roman", Times, serif;
                   font-style:italic;
				   color:#FF0000;}
#smistamento {text-align:center;}
#smistamento a {font-size:12pt;}
#smistamento td.spett{text-align:center;
           /*border:1px solid black;*/}
#programma a span.progr_giorn {display:none;}
#programma a:active span.progr_giorn {display:block;
	width:500px;
	position:absolute;
	bottom:20px;
	left:150px;
	overflow:hidden;
	background-color:#fff;
	color:#000;}