html { font-size:74% } 
body {
   background: #fff url(sfondobg.jpg) repeat-x 0 143px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;/*width:100%;*/
	margin:0;
	color: #000;
}
div, ul, ol, p, li, span, pre, h1, h2, h3, h4, h5, h6, h7 , table, tr, td, th, dl, dd, form {
	margin: 0;
	padding: 0;
	}
a:link, a:visited, a:hover {
	color: #c1100b;
	text-decoration: none;
	}
a:hover { text-decoration: underline; color: #c1100b; }
.alt, .navigazione, hr, .nascosto {width:0;height:0;overflow:hidden;position:absolute;top:-1000em}
img {border: 0; }

/*contenitore*/
#gabbia {position:relative;
min-width: 550px;width:96%;margin:0 auto;
text-align:left;

}
#contenitoreinterno {position:relative;
background:#ccc;float:left;width:100%;
background:url(interno.gif) repeat-y right;
}
#contenitore {position:relative;
width:100%;margin:0;float:left;
background:url(sfondocontenitore.jpg) repeat-y;
}

/*intestazione*/
#testata {/*width:100%;*/height:182px;
position:relative;
}
/*intestazione*/
#intestazione {width:217px;height:320px;
background:url(mitologo.jpg) no-repeat;position:absolute;left:0;
}
#intestazione.home {
background:url(mitologohome.jpg) no-repeat;
}


/*navigazioneProgramma*/
#navigazioneProgramma {
background:url(mitologo2.jpg) no-repeat;float:left;width:216px;padding-top:140px;
position:relative ;/*left:3px;*/z-index:1
}
#navigazioneProgramma.home{
background:url(mitologo3.jpg) no-repeat;
}
#navigazioneProgramma h2 {
/*height:36px;width:85px;font-size:.9em;
background:url(programma.jpg) no-repeat*/
font-size:1.1em;margin:15px 0 12px 15px;position:relative
}
#navigazioneProgramma h2 span{
font-size:.9em;
}

#MiTo a{
display:block;
text-indent:-9999px;
width:174px;
height:107px;
position:absolute;
top:0;right:20px;

}

/*#navigazioneProgramma h2 a span  {width:0;height:0;overflow:hidden;position:absolute;top:-1000em
}

#navigazioneProgramma h2 a#pdf  {background: url(pdf.gif) no-repeat; width:20px;height:20px;
}
#navigazioneProgramma h2 a#rtf  {background: url(rtf.gif) no-repeat; width:20px;height:20px;
}*/
#navigazioneProgramma h3{
	font-size: .9em;padding:0 0 5px 15px;margin-bottom:5px
}
#navigazioneProgramma ul{
	list-style-type:none;
}
#navigazioneProgramma ul li{
	padding:0 0 5px 15px
}
#navigazioneProgramma #logosm{
	margin:5px 0 0 8px
}


/*contenuti*/
#contenuti {
position:relative;
margin:0 215px 0 236px;
}
.percorso {
font-size:.9em;
padding:5px 0 20px 0;
}

#news {padding:3px 0;position:relative;z-index:1;width:99%;
background:url(riga.jpg) repeat-x top;
}

#news h2 {
height:29px;width:61px;font-size:.9em;
background: url(h2notizie.jpg) no-repeat}
#news h3 {
font-size:1em;
}
#news h2 span  {
z-index:-1;
position:relative;
display:block;}
#news p {
line-height:1.5em;margin:0 0 12px 0
}

#presentazioneFestival {float:left;width:100%; padding:12px 0 12px 0;line-height:1.5em;position:relative;z-index:1;
background:url(riga.jpg) repeat-x top
}
#presentazioneFestival h2 {
height:25px;width:101px;font-size:.9em;
background:url(h2news.jpg) no-repeat}
#presentazioneFestival h2 span  {
z-index:-1;
position:relative;
display:block;}
#presentazioneFestival h3{margin:8px 0 5px 0;font-size:1.1em}
#presentazioneFestival p{margin:8px 0 15px 0; line-height:1.7em}


#articoliFestival {background:url(tratteggio.jpg) repeat-x top;float:left;width:100%;padding:0 0 8px 0}
.articolo {float:left;width:48%;margin:12px 1% 0 0}
.articolo h3{font-size:1em;margin:0 0 3px 0}
.articolo p{font-size:.9em;line-height:1.5em}
.articolo img, #presentazioneFestival img {float:left;margin:0 8px 3px 0;border:1px solid #000}
#presentazioneFestival img.right {float:right;margin:0 0 3px 8px}


/*altriServizi*/
#altriServizi {
/*background: #f6f6f6;*/position:relative;right:0;
float:right;width:195px;
}
#altriServizi p{
padding:0 10px 0 5px
}

#altriServizi h2 {font-size:1.1em;padding:9px 5px;position:relative;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#altriServizi form {margin:0;padding:0}
#altriServizi div {padding:5px 0;margin:0 0 8px 0}
#altriServizi div p{font-size:.9em;margin:5px 0 0 0}
#podcast h2{ background: url(pod.jpg) no-repeat}
#podcast h2 a{ color:#000}
#podcast h2 a:hover{text-decoration:underline}
#rss h2{ background: url(rss.jpg) no-repeat}
#newsletter h2{ background: url(newsletter.jpg) no-repeat}

/*calendario*/
#calendario {
	width: 180px;
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 1em;
	color: #616B76;
	text-align: center;
	background-color: #fbfbfb;
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendario caption {
	margin: 0 auto;
	padding: 0;
	/*width: 172px;*/
	background: #fbfbfb;
	color: #000;font-size:.9em;	 
	text-align: center;
}

#calendario th {
	color: #000;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(thcalendario.jpg) no-repeat right bottom;

}

#calendario .giornoselezionato, #calendario td.giornoselezionato a, #calendario td.giornoselezionato a:link, #calendario td.giornoselezionato a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#calendario td {
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(tdcalendario.jpg) no-repeat right bottom;
}

#calendario td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#calendario td a:link, #calendario td a:visited {	
	/*background: url(images/bg_calendar.gif) no-repeat;*/
}

#calendario td a:hover, td a:active {
	/*background: url(images/bg_calendar.gif) no-repeat right top;*/
}

/*navigazione*/
#navigazione ul {list-style-type:none;
position:absolute;bottom:45px;
border-right:1px solid #5e5e5e
}
#navigazione ul.nav1 {
right:465px;padding-right:25px
}
#navigazione ul.nav2 {
right:295px;padding-right:25px
}
#navigazione ul.nav3 {
right:160px;padding-right:25px
}
#navigazione ul.nav4 {
right:20px;
padding-right:25px;

}
#navigazione ul a {
color:#5e5e5e
}
#navigazione ul li {
padding:12px 0 0 0
}
/*form*/
form input{border:1px solid #ddd;background:#fff url(sfondoinput.jpg) repeat-x top left;padding:2px 3px}
form input.button{border:0;background: url(bottone.jpg) no-repeat;width:72px;height:22px;font-size:.9em;margin-right:8px}
/*istituzioni*/
#istituzioni {padding:12px 0 70px 0;/*background: url(ominosm2.jpg) no-repeat bottom left*/}
#istituzioni dl{background:url(loghistituzionali.jpg) no-repeat 5px 0;position:relative;
width:208px;height:227px;
}
#istituzioni dl dt,#istituzioni dl dd span {
width:0;height:0;overflow:hidden;position:absolute;top:-1000em
}
#istituzioni dl dt,#istituzioni dl dd span {
width:0;height:0;overflow:hidden;position:absolute;top:-1000em
}
#istituzioni dl dd a {
display:none;/*width:100%;height:100%;position:absolute*/
}
#istituzioni #torino {
width:60px;height:60px;
top:15px;left:5px
}
#istituzioni #milano {
width:60px;height:60px;
top:15px;left:120px
}
#istituzioni #teatroregio {
width:40px;height:35px;
top:130px;left:5px
}
#istituzioni #associazionemilano {
width:100px;height:30px;
top:130px;left:110px
}
#istituzioni #unione {
width:60px;height:30px;
top:190px;left:5px
}
/**/
.altredate, .programmacompleto, .tuttipartner {font-size:.9em}
.altredate, .tuttipartner {margin:5px 0 8px 15px}
.altredate {margin-bottom:20px}

/*piedipagina*/
/*piedipagina*/
#footerhome {clear:both;margin:0;font-size:.9em;padding:0px 0 20px 0;background: url(riga.jpg) repeat-x top;line-height:1.5em}
#footerhome p{padding-top:8px}

/*turismotorino efa*/

#turismoTorino a{display:block;width:136px;height:79px;background:url(turismotorino_h.jpg) no-repeat;/*margin:50px 0 0 20px*/position:absolute;bottom:55px;right:35px}
.efa a{display:block;width:175px;height:73px;background:url(efa.jpg) no-repeat;margin:40px 0 0 1px}
/*linguastraniera*/
.altrelingue {position:absolute;bottom:15px;right:20px}
.altrelingue a{color:#fff}