/****************************************************************************************
Definizioni generali
****************************************************************************************/
* /* Valori di default */
{
	margin: 0;	
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;	
}

a
{
	font-weight: inherit; 
	color: #000000; 
}
a:link, a:visited 
{ 
	text-decoration: none;
}
a:hover, a:active 
{ 
	text-decoration: underline;
}
img 
{
/*	display: inline; /* Perchè le immagini non lasciano spazio sotto in strict. */
	vertical-align: middle;
}
h2
{
	font-family: "Courier New", Courier, monospace; 
	font-size: 16px;
	line-height: 22px;
}


/****************************************************************************************
Barra in alto compreso il contenuto
****************************************************************************************/
#idBarraAlto
{
	overflow: hidden;
	width: 960px;
	margin: 0 auto; /* Centers the container */
/*	word-spacing:-1em; /* Elimino gli spazi */	
/*	white-space: nowrap; /* Non va a capo */
	border-width: 0 1px 0px 1px;
	border-color: #000000;
	border-style: solid;	
	height:173px;		
}
#idExtra1
{
	float: left;
	width: 104px;
	height: 83px;
	background-image: url(images/logoERT.jpg); 
	background-repeat: no-repeat;
	background-position: center center;
	padding: 13px; /* margine simulato con padding, IE6 è stupido */
/* margin: 13px; */
/*	border: 13px solid #FFFFFF; /* margine simulato, IE6 è stupido */
}
#idMenuAlto
{
	float: left; 
	width: 130px; /* risolve il 3px JOG */
	height: 110px;
/*	list-style-image: url(images/menualtomarker.gif); */
}
#idMenuAlto ul
{
	list-style-type: none;
	margin-left: 8px; 
	padding-top: 4px; 
}
#idMenuAlto li
{
	padding-left: 10px;
	background-image: url(images/menualtomarker.gif); 
	background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
}
#idExtra2
{
	float:left;
	width: 390px;
	height: 110px;
	background-color: #EEEEEE;
	background-image: url(images/intesta.jpg);
}
#idBanner
{
	float: left; 
	width: 130px;
	height: 110px;
	overflow:  hidden;
	background-color: #EEEEEE;
	text-align: center;	
}


#idCorpo ul {padding-left: 10px;}
/****************************************************************************************
Barra in alto: News Scroller
****************************************************************************************/
#news_scroller {
	width:960px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
border:solid 1px #000000;
}
#wrapp {
width: 960px;
	height:30px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 940px; 
margin: 20px 0 3px 0; 
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code {
width:93%;	
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
background-color: #eee;
border: 1px solid #d3d3d6;
border-left-width: 5px;
white-space: pre;
overflow-x: auto;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */

background: #fff; 
width: 960px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 938px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 950px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
	
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 5px 0 0;
} 
ul.newsticker span {
margin: 0 20px 0 0;
display:inline;
} 


.maschera_left {
	width:50px;
	height:30px;
	margin:0px;
	padding:0px;
	float:left;
	z-index:10;
	position:absolute;
}

.maschera_right {
	width:50px;
	height:30px;
	margin-left:910px;
	padding:0px;
	float:left;
	z-index:10;
	position:absolute;
}


/*mancano: box float left e right per mascheramento testo sfumato*/
/****************************************************************************************
Stili basati su id
****************************************************************************************/
#idCalendario
{
	width: 174px; 
	margin: 0 0 10px 0;
/*	border: 1px solid #000000; */
	padding: 5px 0 5px 5px;
	overflow: hidden; 
	background: #F0F0F0;
}
#idCalendario select
{
	width: 83px;
	margin-bottom: 4px;
	text-align: left;
}
#idCalendario #idGiorni
{
	display: block;
	padding: 2px 5px;
	width: 158px;	
	background: #9F0E22;	
	text-align: center;
	color: #FFFFFF;
	word-spacing: 14px;
}
#idCalendario .cellaCalendario
{
	float: left;
	width: 24px;
	height: 20px;
	text-align: center;
	cursor: pointer;
}
#idCalendario .cellaCalendario div
{
	padding-top: 3px;
}
#idCalendario .cellaDomenica
{
	font-weight: bold;
	color: #9F0E22;
}
#idRicerca
{
	float: right;
	width: 165px;
}
#idRicerca h6
{
	font-weight: bold;
	margin: 8px 0 16px 0;
}
#idRicerca p
{
	text-align: right;
}
#idRicerca input
{
	padding-left: 2px;
	width: 124px;
	height: 16px;
	border: 1px solid #9F0E22;
}
#idRicerca input.button
{
	margin-top: 1px;
	width: 128px;
	height: 18px;	
	background: #ECE9D8;
	font-weight: bold;
}
#idRicerca a
{
	font-weight: bold;
}
#idRicercaAvanzata
{
	width: 370px;
}
#idRicercaAvanzata h6
{
	font-weight: bold;
	margin: 8px 0 16px 0;
}
#idRicercaAvanzata .formRicAva
{
	text-align: right;
	margin-bottom: 14px;
}
#idRicercaAvanzata input
{
	padding-left: 2px;
	width: 248px;
	height: 16px;
	border: 1px solid #9F0E22;
}
#idRicercaAvanzata input.button
{
	margin-top: 1px;
	width: 252px;
	height: 18px;	
	background: #ECE9D8;
	font-weight: bold;
}
#idRicercaAvanzata .ricAvaGen
{
	float: right;
	margin: 0 0 8px 3px;
	width: 252px;
}
#idRicercaAvanzata .ricAvaGen div
{
	float: left;
	width: 78px;
	text-align: left;
	margin-bottom: 8px;
	white-space: nowrap;
}
#idRicercaAvanzata .ricAvaGen input
{
	width: 14px;
	height: 14px;
}
#idRicercaAvanzata .selectRicAva
{
	margin-left: 3px;
	width: 250px;
	height: 18px;
	border: 1px solid #9F0E22;
}
#idRicercaAvanzata .selectRicAva2
{
	margin-left: 3px;
	width: 122px;
	height: 18px;
	border: 1px solid #9F0E22;
}
#idIntestazioneTeatro
{
	padding-bottom: 16px;
	overflow: hidden;	
}
#idFormContattaci
{
	text-align: right;
	margin-top: 16px;
}
#idFormContattaci input
{

	padding-left: 2px;
	width: 248px;
	height: 16px; 
	border: 1px solid #9F0E22;
}
#idFormContattaci select
{
	width: 252px;
	height: 16px; 
	border: 1px solid #9F0E22;
}
#idFormContattaci textarea
{
	padding-left: 2px;
	width: 248px;
	height: 64px; 
	border: 1px solid #9F0E22;
	vertical-align: middle;
}
#idFormContattaci input.button
{
	margin-top: 1px;
	width: 252px;
	height: 18px;	
	background: #ECE9D8;
	font-weight: bold;
}
#idPaginaCultura
{
	padding-bottom: 16px;
}
#idPaginaCultura .sottotitCultura
{
	font-style: italic;
	padding-bottom: 16px;
}
#idPaginaCultura .corpoCultura
{
	padding-bottom: 16px;
}
#bloccoProduzione
{
	padding-bottom: 16px;
}
/****************************************************************************************
Centro pagina, con i tre pannelli e il corpo principale 
****************************************************************************************/
#idPrincipale
{
	overflow: hidden;
	width: 960px;
	margin: 0 auto; /* Centers the container */
	border-width: 0 1px 1px 1px;
	border-color: #000000;
	border-style: solid;			
	background: url(images/sfondo00.gif);	
}
#idMenu1
{
	display: inline;
	float: left;
	width: 143px;
	padding-bottom: 16px;
	text-indent: 5px;
	background: #9F0E22;	
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;	
}
#idMenu1 h2
{
	border-bottom: 1px solid #FFFFFF;
	margin: 2px 0 5px;	
}
#idMenu1 p
{
	margin-top:15px;	
}
#idMenu1 a
{
	color: #FFFFFF;
}
#idMenu1 ul ul
{
	padding-left: 7px;
	list-style-type: none;
	font-weight: normal;	
}
#idMenu1 ul ul ul
{
	padding-left: 7px;
	list-style-type: none;
}
#idMenu1 ul ul ul li
{
	padding-left: 2px;
	background-image: url(images/puntinoMenu.gif); 
	background-repeat: no-repeat;
	background-position: 0 7px;
	text-transform: capitalize;
}
#idCorpo
{
	display: inline;
	float: left;
	width: 370px;	
	min-width: 370px;
	padding: 0 10px;
}
#idCorpo h2
{
	color: #9F0E22;
	margin: 2px 0 5px;	
}
#idCorpo p
{
	line-height: 18px; 
}
#idCorpo hr
{
	display: block;
	width: 390px;	
	height: 0;
	margin: 0 -10px 16px -10px; 
	border-bottom: 1px solid #000000;
}
#idColonnaDx1
{
	display: inline;
	float: left;
	width: 142px;
	background: #1B697D;
	color: #FFFFFF;
	}
#idColonnaDx1 h2
{
	text-indent: 5px;
	border-bottom: 1px solid #FFFFFF;
	margin: 2px 0 5px;	
}
#idColonnaDx1 a
{
	color: #FFFFFF;
}
#idColonnaDx1 img
{
	border: 1px solid #FFFFFF;
	margin-top: 10px;
}
#idColonnaDx2
{
	display: inline;
	float: left;
	width: 142px;
	background: #FDDE36;
	color: #000000;
}
#idColonnaDx2 h2
{
	text-indent: 5px; 
	border-bottom: 1px solid #000000;
	margin: 2px 0 5px;	
}
#idColonnaDx2 img
{
	border: 1px solid #000000;
	margin-top: 10px;
}
#idColonnaDx3
{
	display: inline;
	float: left;
	width: 143px;
	background: #FDDE36;
	color: #ffffff;
}
#idColonnaDx3 h2
{
	text-indent: 5px; 
	border-bottom: 1px solid #ffffff;
	margin: 2px 0 5px;	
}
#idColonnaDx3 img
{
	border: 1px solid #000000;
	margin-top: 10px;
}
#idColonnaDx3  a:link
{
	font-weight: inherit; 
	color: #ffffff !important; 
}
#idColonnaDx3  a:visited
{
	font-weight: inherit; 
	color: #ffffff !important; 
}
#idFooter
{
	width: 780px;
	margin: 0 auto; /* Centers the container */
	padding: 6px 0 16px 0;
	text-align: center;
	line-height: 18px;
}
#idVociSpett
{
	display: block;
	padding-top: 16px;
	line-height: 18px;
}
#idVociSpett h6
{	
	font-weight: bold;
}
#idVociSpett p
{
	margin-bottom: 8px
}
#idDescSpett
{
	display: block;
	margin: 24px 0 16px 0;
}
#idTableCentrata
{
	width: 100%;
	height: 100%;
	background: #000000;	
}
#idRotopalco
{
	padding-bottom: 20px;
	overflow: hidden;
}
#idRotopalco h6
{
	padding-bottom: 8px;
	font-weight: bold;
	text-transform: capitalize; 
}
#idRotopalco p
{
	padding-bottom: 16px;
}

/****************************************************************************************
Tipi del pannello a destra
****************************************************************************************/
.pannelloCentro /* Utilizzato per news e focus */
{
	width: 120px;
	padding: 0 5px;

}
.pannelloCentro_foto /* Utilizzato per news e focus */
{
	width: 130px;
	padding-left:6px;

}
.foto_produzioni_titoli {
	font-size:12px;
	margin-top:1px;
	margin-bottom:5px;
}
.foto_produzioni_titoli a:link{
	color:#FFFFFF !important;
	text-decoration:none;
}
.foto_produzioni_titoli a:hover{
	color:#FFFFFF !important;
	text-decoration:underline;
}
.foto_produzioni_titoli a:visited{
	color:#FFFFFF !important;
	text-decoration:none;
}
.img_produzioni_3 {
	border:solid 1px #FFFFFF !important;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pannelloCentro h4
{
	font-weight: bold;
	text-transform: capitalize; 
}
.pannelloCentro p
{
	text-decoration: none;
}
.pannelloCentrato
{
	text-align: center;
}
.pannelloCentrato h6
{
	font-weight: bold;
	padding: 4px 0 4px 0;
}
.pannelloDestra /* Utilizzato per città */
{
	width: 120px;
	padding: 0 5px 16px 5px;
	text-align: right;
	line-height: 18px; 
}
.pannelloDestra h6
{
	margin-top: 16px;
	font-weight: bold;
}

.pannelloSinistra /* Utilizzato per teatri */
{
	width: 120px;
	padding: 0 5px 16px 5px;
	text-align: left;
	line-height: 18px; 
}
.pannelloSinistra h6
{
	margin-top: 16px;
	font-weight: bold;
}
.pannelloSinistra p
{
	white-space: nowrap;
	width: 120px;
	overflow: hidden;
}

.pannelloSinistraWrap /* Utilizzato per teatri */
{
	width: 120px;
	padding: 0 5px 16px 5px;
	text-align: left;
}
.pannelloSinistraWrap h6
{
	margin-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
}
.pannelloSinistraWrap p
{
	padding-bottom: 8px;
}

.pannelloImmagini
{	
	margin-top: 8px;
	word-spacing: -5px;
	white-space: normal;
}
.testoIcone
{
	width: 130px;
	text-align: center;
	color: #FFFFFF;
	word-spacing: 4px;
}
#idColonnaDx1 .pannelloImmagini img
{
	border:solid 1px #FFFFFF;
	margin: 0;
	padding: 0;
	margin-left:5px !important;
	margin-bottom:10px;
	
}
.bloccoTournee
{
	width: 120px;
	padding: 0 5px 16px 5px;
	text-align: left;
}
#idColonnaDx2 .iconeTournee img
{
	margin-top: 4px;
	border: 0;
}

/****************************************************************************************
Stili accessori
****************************************************************************************/
.startHidden		/* Lavora con il Javascript per pezzi visualizzati dinamicamente */
{
	display: none;								
}
.bloccoSpett
{
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}
.bloccoSpett img
{
	background-color: #EEEEEE;
	border: 1px solid #000000;
}
.bloccoNews
{	
	margin-bottom: 20px;
}
.bloccoNewsCompleta p
{
	text-align: justify;
}
.bloccoNewsCompleta h2
{
	border-bottom: 1px solid #9F0E22;
	margin: 2px 0 5px;	
	color: #9F0E22;			
}
.bloccoNewsCompleta h4
{
	margin-bottom: 12px;	
}
.imgFloatLeftBordo8
{
	float: left;
	margin: 8px 8px 8px 0;
}
.imgFloatRight
{
	float: right;
}
.imgFloatRightBordo8
{
	float: right;
	margin: 0px 0px 8px 8px;
}
.titoloSpett
{
	display: block;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.sottotitoloSpett
{
	display: block;
	position: relative;
	top: -13px;
	max-width: 238px;			/* Nei browser standard consente li click sull'intera immagine */
	line-height: 12px;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	text-transform: lowercase;
}
.dettagliEvento
{
	display: block;
	padding-left: 19px;
	font-style: italic;
}
.ERTSpett
{
	display: block;
	position: relative;
	top: -13px;
	padding-left: 19px;
	max-width: 219px;			/* Nei browser standard consente li click sull'intera immagine */
	background-image: url(images/ico_ert.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.sottotitoloSpettScheda
{
	display: block;
	line-height: 12px;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	text-transform: capitalize;
}
.prodDebutto
{
	display: block;
	padding-top: 3px;
	font-weight: normal;
	font-weight: bold;
}
.ERTSpettScheda
{
	display: block;
	padding-left: 19px;
	background-image: url(images/ico_ert.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.anteprimaSpett
{
	display: block;
	margin-bottom: 6px;
}
.teatroSpett
{
	display: block;
	margin-top: 12px;
	padding-left: 19px;
	background-image: url(images/ico_teatro.gif); 
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.dateSpett
{
	display: block;
	padding-left: 19px;
	background-image: url(images/ico_data.gif); 
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.padding10
{
	padding: 10px;
}
.data
{
	font-style: italic;
	text-transform: capitalize;	
}
.linkACapo
{
	display: block;
	margin-bottom: 8px;
	padding-left: 19px;
	background-image: url(images/ico_link.gif); 
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;	
}
.allegatoACapo
{
	display: block;
	height: 16px; 
	margin-bottom: 8px;
	padding: 2px 0 0 19px;	
	background-image: url(images/ico_attach.jpg); 
	background-repeat: no-repeat;
	font-weight: bold;	
}
.imgACapo
{
	display: block;
	margin-bottom: 8px;
}
.marginBottom14
{
	display: block;
	margin-bottom: 14px;
}
a.linkON:link, a.linkON:visited  
{
	text-decoration: underline;
}
.capitalize
{
	text-transform: capitalize;	
}
.marginBottom8
{
	display: block;
	margin-bottom: 8px;
}
.cellaOver
{
	font-weight: bold;
	text-decoration: underline;
}
.cellaOut
{
	font-weight: normal;
	text-decoration: none;
}
.cittaTournee
{
	display: block;
	font-weight: bold;
}
.teatroTournee
{
	display: block;
}
.dataTourneeSx
{
	display: table-cell;
	display: -moz-inline-box; 
	display: inline-block; 
	width: 14px;
	text-align: right;
}
.luogoTournee
{
	display: block;
	font-style: italic;
}
.iconeTournee
{
	width: 100%;
	text-align: right;
	word-spacing: 6px;
}
.bloccoIndTeatro
{
	display: block;
}
.bloccoPulsProduzioni
{
	display: block;
	clear: both;
	padding-bottom: 16px;
	text-align: right;
	font-weight: bold;
}
.bloccoPulsProduzioni a
{
	display: block;
}
.bloccoPulsTeatro
{
	display: block;
	clear: both;
	padding-top: 12px;
	text-align: right;
	font-weight: bold;
}
.bloccoPulsTeatro a
{
	display: block;
}
.bloccoForm
{
	display: block;
	margin-bottom: 8px;
}
.errore
{
	padding: 16px 0 24px 0;
	color: #CF1515;
	font-weight: bold;
	text-align: center;
}
.conferma
{
	padding: 16px 0 24px 0;
	color: #15CF3C;
	font-weight: bold;
	text-align: center;
}

/****************************************************************************************
Pagina newsletter
****************************************************************************************/

.camponewsletter {
vertical-align: middle;
color: #000000;
width: 190px;
border-left: 1px solid #9F0E22;
border-top: 1px solid #9F0E22;
border-bottom: 1px solid #9F0E22;
height: 18px;
border-right: 0px;
}

.pulnewsletter {
vertical-align: middle;
color: #000000;
width: 150px;
border-right: 1px solid #9F0E22;
border-top: 1px solid #9F0E22;
border-bottom: 1px solid #9F0E22;
background: #FDDE36;
height: 20px;
border-left: 0px;
}