/*---------azzeramento margini e padding--------------*/
html, body, h1, h2, h3, h4, h5, h6,
p,img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
}
html{ /*--scrollbar sempre presente in opera e Firefox--*/
	height: 100%;
	margin-bottom: 1px;
}
/*--------------------------------------------------*/
/*-------centratura IE, font e background body------*/
body {
	color: #333;
	background: #DC2329 url(../img/gradient.jpg) repeat-x fixed left top;
	font: 76%/1.5 "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Geneva, sans-serif;
	text-align: center;
}
/*--------------------------------------------------*/
/*--stili generici titoli, paragrafi, link, liste, testo...--*/
h1, h2, h3, h4, h5, h6, p{
	margin: 0.6em 0 0.32em;
}
a {
	text-decoration:none;
 	outline: none;/*-----evita i bordi puntinati sui link attivi in firefox---*/
}
a:link {
	color: #DC2329;
}
a:visited {
	color: #A4131B;
}
a:hover, a.active, a:focus {
	text-decoration:underline;
}
ol, ul {
	list-style: none;
}
.nascosto {
	position:absolute;
 	left:-10000px;
 	top:-10000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}
.dx{
	text-align:right;
}
.centrato{
	text-align:center;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
h3{
	font-size:1.5em;
}
h4{
	font-size:1.2em;
	color:#DC2329;
}
h2.evidenza, h3.evidenza{
	font-size:2em;
	color:#DC2329;
	margin-top:0;
}
h3.evidenza span, h2.evidenza span{
	color:#666;
	font-style: italic;
}
h2.evidenza a{
	color:#666;
}
h2.evidenza a:visited{
	color:#666;
}
h3:first-letter, .tpe{
	color:#DC2329;
}
p.vai, p.right {
	text-align:right;
}
p.vai {
	font-weight:bold;
}
p.big{
	font-size:1.1em;
}
li p.vai {
	border-bottom: 1px dotted #333;
	padding-bottom:10px;
}
p.bordo, ul.bordo {
	border-bottom: 1px dotted #333;
	padding-bottom:10px;
}
div.hr {
	border-bottom: 3px double #E7E7E7;
	margin-top: 0.5em;
}
div.hr hr{
	display:none;
}
a.pdf{
	padding:0 0 0 17px;
	font-weight:bold;
	background: url(../img/pdf.gif) no-repeat left 3px;
}
a.pdf:hover, a.pdf:focus{
	background-position: left -145px;
}
/*--------------------------------------------------*/
/*--------larghezza e centratura container----------*/
#container{
	width: 938px !important; /*--box model hack--*/
	width /**/: 960px;
	margin: 10px auto 0;
	padding: 0 11px;
	overflow:auto;
	text-align:left;
	background: #FFFFFF url(../img/bkg_container.gif) repeat-y 11px top;
	position:relative;
	z-index:1;
}
/*--------------------------------------------------*/
/*--------testa-------------------------------------*/
#header{
	background: #FFF url(../img/nuovo_teatro.gif) no-repeat 182px 85px;
}
#header h1{
	padding:10px;
	margin:0;
}
#header h1 a, #header h1 span{
	display:block;
	width:145px;
	height:134px;
	font-size:1%;
	color:#FFFFFF;
	text-indent:-10000px;
	background: url(../img/logo_tpe.jpg) no-repeat left top;
}
/*--------------------------------------------------*/
/*--------menu -------------------------------------*/
#menu{
	height:36px;
	background-color:#000000;
}
#menu li{
	height:36px;
	float:left;
	overflow:hidden;
	border-right:1px solid #FFF;
	position:relative;
	z-index: 2;
}
#menu a, #menu span.attivo{
	display:block;
	height:100%;
	width:100%;
	background-repeat:no-repeat;
	background-position: left top;
	color:#FFF;
}
#menu a:hover, #menu a:focus, #menu span.attivo, #menu a.attivo{
	background-position: left bottom;
	text-decoration:none;
}
#menu a:hover span.cover, #menu a:focus span.cover, #menu span.attivo span.cover, #menu a.attivo span.cover{
	background-color:#dc2329;
}
#menu li.home{
	width:57px;
}
#menu li.home a, #menu li.home span.attivo{
	background-image:url(../img/menu_home.gif);
}
#menu li.fondazione{
	width:102px;
}
#menu li.fondazione a, #menu li.fondazione span.attivo{
	background-image:url(../img/menu_fondazione.gif);
}
#menu li.produzione{
	width:97px;
}
#menu li.produzione a, #menu li.produzione span.attivo{
	background-image:url(../img/menu_produzione.gif);
}
#menu li.cantiere{
	width:206px;
}
#menu li.cantiere a, #menu li.cantiere span.attivo{
	background-image:url(../img/menu_cantiere.gif);
}
#menu li.sponsor{
	width:73px;
}
#menu li.sponsor a, #menu li.sponsor span.attivo{
	background-image:url(../img/menu_sponsor.gif);
}
#menu li.contatti{
	width:75px;
	float:right;
	border-left:1px solid #FFF;
	border-right:none;
}
#menu li.contatti a, #menu li.contatti span.attivo{
	background-image:url(../img/menu_contatti.gif);
}
#menu span.cover{
	position: relative;
	z-index:-1;
	display:block;
	height:100%;
	width:100%;
}
/*--------------------------------------------------*/
/*------contenitore del contenuto e delle news------*/
#main{
	float:left;
	width:747px;
}
/*--------------------------------------------------*/
/*-----------stili comuni---------------------------*/
#content, #news, #extra{
	padding:30px 10px 10px;
	display:inline;
}
#content{
	padding-top:20px;
}
h2.replace, #content ul.manifestazioni h2{
	height:26px;
	background-repeat:no-repeat;
	background-position: left top;
	font-size:1.5em;
}
#content h2.replace{
	width:517px;
}
#news h2.replace{
	width:170px;
}
#extra h2.replace{
	width:189px;
}
h2.news {
	background-image:url(../img/tit_news.gif);
	margin-top:0;
}
h2.newsletter {
	background-image:url(../img/tit_newsletter.gif);
}
h2.rassegna {
	background-image:url(../img/tit_rassegna.gif);
	margin-top:0;
}
h2.focus {
	background-image:url(../img/tit_focus.gif);
	margin-bottom:0;
	clear:both;
}
h2.inscena {
	background-image:url(../img/tit_in_scena.gif);
	margin-bottom:0;
}
h2.replace span, #content ul.manifestazioni span{
	position: relative;
	z-index:-1;
	display:block;
	overflow:hidden;
	height:100%;
	width:100%;
}
ul.lista li{
	list-style-type:square;
	margin-bottom:0.5em;
	margin-left:20px;
}
ul.archivio ul.lista li{
	padding:0;
	border:none;
	float:none;
	width:auto;
}
/*--------contenuto---------------------------------*/
#content{
	width:517px !important;
	width /**/: 537px;
	float:right;
}
#content ul.manifestazioni {
	float:left;
	width: 517px;
	font-size:0.9em;
	border-bottom: 1px dotted #333;
	margin-bottom: 1em;
}
#content ul.manifestazioni h2 {
	width: 245px;
	margin: 0 0 5px;
}
#content li.rettilario h2 {
	background-image: url(../img/archivio.gif);
}
#content li.teatro h2 {
	background-image: url(../img/teatro.gif);
}
#content ul.manifestazioni li {
	float: left;
	width: 245px;
	text-align: left;
	margin:1em 0;
	padding:0;
}
#content ul.manifestazioni li.rettilario {
	float: right;
	padding-left: 13px;
	border-left: 1px solid #CBCBCB;
}
img.figura, img.figuradx{
	float:left;
	margin:0 10px 5px 0;
	padding:3px;
	border: 1px solid #CCC;
	background-color:#FFF;
}
img.figuradx{
	float:right;
	margin:0 0 5px 10px;
}
img.larga{
	margin:0 0 10px 0;
}
/*-produzioni e archivio news-*/
ul.produzioni, ul.archivio{
	width:100%;
	float:left;
	clear: left;
}
ul.produzioni.main, ul.archivio{
	/*padding-top:1px;*/
	border-top: 1px dotted #333;
}
ul.produzioni li, ul.archivio li{
	width:100%;
	float:left;
	clear:left;
	padding-bottom:10px;
	border-bottom: 1px dotted #333;
}
ul.produzioni li{
	width:507px;
	padding:0 5px 10px;
}
ul.produzioni li.tournee{
	background:#e9e9e9 url(../img/tournee.gif) no-repeat 447px 13px;
}
ul.produzioni li h3, ul.archivio li h3{
	margin:0.3em 0 0;
}
ul.produzioni li p {
	margin-left:113px;
}
ul.produzioni li.bio p {
	margin-left:0 !important;
	margin-left:113px;
}
ul.produzioni li p.vai, ul.manifestazioni li p.vai{
	border:none;
	padding-bottom:0;
}
ul.produzioni li img{
	float:left;
	margin:0.8em 10px 0 0;
	padding:3px;
	border: 1px solid #CCC;
	background:#FFF;
}
ul.produzioni li a:hover, ul.produzioni li a:focus{
	font-size:100% !important;
	font-size:101%;/*--il solito ie, senza questa dichiarazione non fa l'hover--*/
}
ul.produzioni li a:hover img, ul.produzioni li a:focus img{
	border-color: #8F8F8F;
}
ul.archivio p.data{
	font-size:0.9em;
	background:#F6F6F6 url(../img/inserita.gif) no-repeat 2px center;
	border:1px #CCC;
	border-style:dotted none;
	padding:3px 3px 3px 20px;
}
ul.archivio h4{
	font-size:1.3em;
	color:#333;
}
ul.archivio h5{
	font-size:1.2em;
	color:#DC2329;
}
div.cast {
	width:497px !important;
	width /**/: 517px;
	float:left;
	background-color:#F6F6F6;
	padding: 10px;
	margin:0 0 1em;
	border: 1px #333;
	border-style:dotted none;
}
div.cast img.figura {
	margin:0;
}
div.cast p {
	margin:0 0 0.4em 200px;
}
div.cast p em{
	margin-right:0.3em;
}
a.rettilario, a.youtube{
	display:block;
	margin:0.5em 0;
	padding: 5px 5px 5px 20px;
	background:#F6F6F6 url(../img/sedia.gif) no-repeat left center;
	border:1px #CCC;
	border-style:dotted none;
	font-weight:bold;
	clear: both;
}
a.youtube{
	background:#F6F6F6 url(../img/youtube.gif) no-repeat 5px center;
	padding-left:26px;
}
/*----------------*/
/*--galleria immagini--*/
ul.gallery{
	width:100%;
	float:left;
	padding: 0.5em 0;
	border-bottom: 1px dotted #333;
	margin-bottom:0.6em;
	clear: left;
}
ul.gallery li{
	float:left;
	margin-left:15px;
	display:inline;
	width:103px;
}
ul.gallery li.primo{
	margin-left:0;
}
ul.gallery li a img{
	padding:3px;
	border: 1px solid #CCC;
}
ul.gallery li a:hover, ul.gallery li a:focus{
	font-size:100% !important;
	font-size:101%;/*--il solito ie, senza questa dichiarazione non fa l'hover--*/
}
ul.gallery li a:hover img, ul.gallery li a:focus img{
	border-color: #8F8F8F;
}
/*--------------------------------------------------*/
/*--------news--------------------------------------*/
#news{
	float:right;
	width:170px !important;
	width /**/: 190px;
	position:relative;
}
/*#news li{
	border-bottom: 1px dotted #333;
	padding-bottom:5px;
}*/
#news li h3{
	font-size:1.2em;
	color:#DC2329;
}
#news li p{
	font-size:0.9em;
}
#rss{
	display:block;
	width:17px;
	height:17px;
	text-indent:-100000px;
	color:#FFF;
	font-size:1%;
	background: url(../img/rss.jpg) no-repeat left top;
	position: absolute;
	top: 32px;
	right: 10px;
}
a.archivio{
	display:block;
	border: 1px #333;
	border-style:dotted none;
	padding:8px 0 8px 35px;
	background: url(../img/archivio_news.gif) no-repeat 10px 45%;
	color:#333;
}
a.archivio:hover, a.archivio:focus{
	background-color:#F6F6F6;
}
/*--------------------------------------------------*/
/*--------rassegna stampa e newsletter--------------*/
#extra{
	float:left;
	width:189px !important;
	width /**/: 209px;
	font-size:0.9em;
}
#extra ul{
	border-top: 1px dotted #333;
}
#extra li{
	border-bottom: 1px dotted #333;
	padding:5px 0 5px 35px;
	background: url(../img/pdf.jpg) no-repeat 10px center;
}
#extra li:hover, #extra li:focus{
	background-color:#F6F6F6;
}
#extra a:link, #content.contatti a:link{
	color:#333;
}
#content.contatti a{
	font-weight:bold;
}
#extra a:visited, #content.contatti a:visited{
	color:#666;
}
#extra form{
	padding-bottom:12px;
	border-bottom: 1px dotted #333;
}
#extra input{
	margin:0.4em 0;
	font-size: 1.2em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Geneva, sans-serif;
	border:1px solid #CCC;
	height:1.5em;
	/*padding:2px;*/
}
#extra #mail{
	background: url(../img/bkg_form.gif) no-repeat left top;
	width:150px;
	line-height:1.5em;
}
#extra #mail:focus{
	background-image: url(../img/bkg_form_focus.gif);
}
#extra #bottone{
	width:22px;
	margin-left:8px;
	background-color:#DC2329;
	height:1.61em;
	color: #FFF;
	vertical-align: baseline;
}
#extra #bottone:hover, #extra #bottone:focus{
	background-color:#A4131B;
}
#extra #privacy{
	float:left;
	width:15px;
	margin-right:10px;
	border:none;
}
#extra .privacy{
	float:left;
	width:157px;
}
#extra .privacy a{
	font-weight:bold;
	background:#FFF
}
#box_privacy{
	text-align:left;
	width:490px;
	padding-left:10px;
	font-size:0.9em;
}
/*--------------------------------------------------*/
/*--------partner-----------------------------------*/
#partner{
	width:452px;
	position:absolute;
	right:10px;
	top:0;
}
#partner li{
	float:left;
}
#partner li a{
	display:block;
	height:51px;
	border-right: 1px solid #ccc;
	font-size:1%;
	color:#FFFFFF;
	text-indent:-10000px;
	background-repeat: no-repeat;
	background-position: left top;
}
a.mibac{
	width:96px;
	background-image: url(../img/mibac.jpg);
}
a.provincia{
	width:121px;
	background: url(../img/provincia_to.jpg);
}
a.citta{
	width:113px;
	background-image: url(../img/citta_torino.jpg);
}
#partner a.regione{
	width:104px;
	background-image: url(../img/regione_piem.jpg);
	border:none;
}
#partner li a:hover, #partner li a:focus{
	background-position: left bottom;
}
/*--------footer-----------------------------------*/
#footer{
	clear:both;
	width:938px; /*--bug di IE--*/
	background-color: #DC2329;
	color:#FFF;
	border-bottom:11px solid #FFF;
}
#footer p{
	font-size:0.9em;
	margin:0;
	padding:40px 10px 10px;
}
#footer a{
	color:#FFF;
}