/* ------------------------ html ------------------------ */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; background-image:url(../images/bkg_page.gif); background-repeat:repeat-x; background-position: 0px 140px; background-color:#EEE; text-align:center; margin:20px auto auto auto; padding: 0;}
h1 {font-size:12px; color:#EC7600; letter-spacing:1px; background-color: inherit;}
h2 {font-size: 12px; color:#333; background-color: inherit; padding:0; margin:0;}
h3 {font-size: 12px; color:#333; background-color: inherit; padding:0; margin:0;}
h4 {font-size: 11px; color:#333; background-color: inherit; padding:0; margin:0;}
h5 {font-size: 11px; color:#333; background-color: inherit; padding:0; margin:0;}
h6 {font-size: 10px; color:#333; background-color: inherit; padding:0; margin:0;}
a, a:link, a:active, a:visited, a:hover {color: #333; font-weight:bold; text-decoration:underline; background-color: inherit;}
hr.linehidden {visibility: hidden; display:none; padding:0; margin:0;}

p.testo {font-size:10px; padding: 0; margin:0; color:#333; background-color:inherit;}
input, select {font-size:8pt;}

td {vertical-align:top;}

IMG.imgsx {border: 1px solid #666; float:left; margin:5px;}
IMG.imgdx {border: 1px solid #666; float:right; margin:5px;}
IMG.bordo {border: 1px solid #666;}


/* ------------------------ LAYOUT ------------------------ */

#globalContainer {/*position:relative;*/ width: 778px; text-align: center; margin: auto; background-image:url(../images/bkg_container.jpg); background-repeat:repeat-y;}
#topcontainer {width: 778px; background-color:#FFF; color:inherit; position:relative; text-align:center;}
#animContainer {width: 778px; background-image:url(../images/bkg_anim.jpg); background-repeat:repeat-y; color:inherit; position:relative; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; text-align:center;}
#container {width: 770px; color:inherit; /*position:relative;*/ margin: 0 auto; background-image:url(../images/bkg_colSX.jpg); background-position:left bottom; background-repeat:no-repeat; background-color:#FFF; border-bottom:1px solid #FFF;}
#botContainer {width: 778px; height:11px; background-image:url(../images/bot_container.jpg); background-repeat:no-repeat; background-position:bottom;}

#header {width: 770px; height: 117px; border-bottom: 3px solid #B3CCBF; margin: 0 auto;}
#header DIV {float: left;}
#animazione {width:770px; height:130px; margin: 0 auto;}

/* menu' principale */
#menu {clear:both; width: 100%; height:27px; text-align:center; font-size:10px; background-image:url(../images/bkg_menu.jpg); background-repeat:repeat-x; padding-top: 0px;}
#menu A, #menu A:link, #menu A:active, #menu A:visited, #menu A:hover {height: 16px; float: left; font-size:10px; color:#612B03;  text-decoration:none; display:block; background-image:url(../images/sole_marrone.gif); background-position:left; background-repeat:no-repeat; background-color:inherit; padding-left:19px; margin:0 6px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu A:hover {color:#612B03; background-image:url(../images/sole_marrone.gif); background-color:inherit;}

#content {width: 770px; min-height:400px; position:relative; text-align:left; }
#container>#content {height:auto; min-height:400px;}
#content DIV {float:left;}
div.clear{clear: both;}

#colSX {width: 195px; text-align:center; margin-bottom: 200px;}
#main {width: 380px; color:#333; background-color:inherit;  margin-bottom:10px;}
#colDX {width: 195px; margin-bottom:10px;}

#mainWide {width: 750px; margin-left:10px; padding-bottom:80px;}

#footer {clear:both; width: 565px; text-align: left; font-size:11px; color:#333; background-color: inherit; position:relative; bottom:10px; left: 195px; margin-top:30px;} 
#footer A, #footer A:link, #footer A:active, #footer A:visited, #footer A:hover {font-size:11px; color:#333; text-decoration:none; background-color: inherit;} 

#credits {clear:both; width: 778px; height: 16px; text-align:center; margin:auto; color: #333; background-color: inherit;}
#credits A, #credits A:link, #credits A:active, #credits A:visited, #credits A:hover  {font-size:10px; color:#666; text-decoration:none; background-color: inherit; font-weight: normal;} 

/* ------------------------  ------------------------ */

.logo {width:388px; height:75px; margin-left:12px; margin-right:30px; margin-top:18px;}
.logo H1 { padding:0; margin:0;}
.logo H1 IMG {border:0;}
/* animazione flash foto header */
#banner {width:322px; height:63px; margin-top:24px;}
.menutop {width: 100%; height:15px; clear: both; text-align: right; margin-top:5px;}
.menutop A, .menutop A:link, .menutop A:active, .menutop A:visited, .menutop A:hover {color:#002C53; font-size:10px; text-decoration:none; background-color:inherit; padding:0 9px;}

.separatore-verde {height:1px; background-image:url(../images/puntini_verdi.gif);background-repeat:repeat-x; padding-top:1px; padding-bottom:1px; font-size:0px; width: 100%;}
.separatore-grigio {height:1px; background-image:url(../images/puntini_grigi.gif);background-repeat:repeat-x; padding-top:1px; padding-bottom:1px; font-size:0px; width: 100%;}

/* ------------------------ colonna sinistra ------------------------ */

/* tabella arena */
.TArena {width: 175px; border-collapse:collapse; margin: 13px auto 30px auto;}
.TArena td {padding:0;text-align:left; background-color:#E4EDE8; color:#31483C;}
.TArena a, .TArena a:link, .TArena a:active, .TArena a:visited, .TArena a:hover {display:block; color:#31483C; font-size:10px; text-decoration:none; background-image:url(../images/sole_verde1.gif); background-position:left; background-repeat:no-repeat; background-color:inherit; padding:4px 19px;}
.TArena a:hover {color:#612B03; background-image:url(../images/sole_arancione1.gif);}

/* tabella menu' */
.TMenuSX {width: 175px; border-collapse:collapse; margin: 10px auto 20px auto;}
.TMenuSX td {padding:0; text-align:left; background-image:url(../images/puntini_grigi.gif); background-position:bottom; background-repeat:repeat-x;}
.TMenuSX a, .TMenuSX a:link, .TMenuSX a:active, .TMenuSX a:visited, .TMenuSX a:hover {display:block; color:#4A6C5A; font-size:10px; text-decoration:none; background-image:url(../images/sole_arancione.gif); background-position:left; background-repeat:no-repeat; background-color:inherit; padding:4px 19px;}
.TMenuSX a:hover {color:#612B03; background-image:url(../images/sole_verde.gif);}

/* tabella iscrizione newsletter */
.TNewsletter {width: 175px; border-collapse:collapse; margin: 0px auto 10px auto;}
.TNewsletter td {padding:0; text-align:left;}


/* tabella news */
#TNews {width: 175px; text-align:left; margin: 10px auto; border-collapse:collapse;}
#TNews td {text-align:left; padding:0;}
#TNews .intestazione {padding:2px 5px; color:#612B03; background-image:url(../images/bkg_news.jpg); background-repeat:repeat-y; background-color:#FFDFB0; font-size:11px; font-weight:bold;}
#TNews .data {font-size:10px; color:#612B03; background-color: inherit; font-weight:bold;}
#TNews .contenuto {background-color:#FFF4D2; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px!important;}
#TNews .contenuto h4 {margin-top:10px; margin-bottom:10px;}
a.linkNews, a.linkNews:link, a.linkNews:active, a.linkNews:visited, a.linkNews:hover {font-size:10px; color: #C46200; text-decoration:none; background-color: inherit; font-weight:bold; padding:0;}
#TNews .abstract {font-size:10px; color: #601704; background-color: inherit; margin:0;}
#TNews .fine {height: 3px; background-image:url(../images/bkg_news.jpg); background-repeat:repeat-y;}

/* ------------------------ contenuto centrale ------------------------ */

H1.intestazioneHome {color:#612B03; background-image:url(../images/bkg_titoloHome.jpg); background-repeat:no-repeat; background-color:inherit; font-size:14px; margin:0; padding-top:12px; padding-left:50px; height:30px; letter-spacing: normal;}
H1.intestazione {color:#612B03;  font-size:14px; letter-spacing: normal; background-image:url(../images/sole_marrone1.gif);background-repeat:no-repeat; margin:0; padding:0; padding-left:30px;}
DIV.titoloPagina { width: 380px; margin:13px 0; background-image:url(../images/bkg_titolo.jpg); background-repeat:repeat-y; background-color:inherit;}
a.linkTitolo, a.linkTitolo:link, a.linkTitolo:active, a.linkTitolo:visited, a.linkTitolo:hover {font-size:12px; color:#EC7600; letter-spacing:1px; background-color: inherit; text-decoration:none;}

#mainWide DIV.titoloPagina {width:750px; background-image:url(../images/bkg_titolo.jpg); background-position:left; background-color:#FFDFB0;}

.tabella {width:370px; border-collapse:collapse; text-align:left;}
.tabella td {padding:5px;}
.tabella td.riga h1.titoloSpettacolo {margin: 0px; padding: 4px 0px;}
.tabella td.riga span.periodoSpettacolo {margin: 0px; padding: 4px 0px; display:block; font-weight: bold;}

.stampa {padding-left:310px; float:none;}
.stampa a, .stampa a:link, .stampa a:active, .stampa a:visited, .stampa a:hover {display:block; color:#612B03; font-size:10px; text-decoration:none; background-image:url(../images/sole_marrone.gif); background-position:left; background-repeat:no-repeat; background-color:inherit; padding:4px 0 4px 19px;}

#TInScena {width:370px; border-collapse:collapse; text-align:left; margin: 10px auto;}
#TInScena td {padding:0px;}
#TInScena .foto {text-align:center;}
#TInScena .foto img {border:1px solid #CAB8B4; margin-bottom:10px;}
#TInScena H4.data {color:#612B03; font-size:11px; background-color: inherit; margin-bottom:10px;}
#TInScena H3.teatro {color:#333; font-size:11px; font-weight:normal; background-color: inherit; margin-bottom:10px;}
#TInScena H1.titolo {color:#EC7600; font-size:12px; letter-spacing:1px; width:370px; background-color: inherit;  margin-top:0px; margin-bottom:10px;}
#TInScena H2.cast {color:#612B03; font-size:10px; font-weight:normal; background-color: inherit; margin-bottom:10px;}

#TInfoSup {width:370px; border-collapse:collapse; text-align:left; margin: 10px auto;}
#TInfoSup td {vertical-align:middle;padding:2px;}
#TInfoSup a, #TInfoSup a:link, #TInfoSup a:active, #TInfoSup a:visited, #TInfoSup a:hover {color:#333; font-size:10px; text-decoration:underline; background-color:inherit; font-weight:normal;}
#TInfoSup img {border:0;}

.TInfo {width:370px; border-collapse:collapse; text-align:left;}
.TInfo td {padding:5px;}
.TInfo .titolo {color:#EC7600; font-size:11px; font-weight:bold; background-color: inherit;}

/* news */
#contentNews {}
#contentNews .data {font-size:10px; color:#612B03; background-color: inherit; font-weight:bold;}
#contentNews .contenuto {background-color:#FFF4D2; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px!important;}
#contentNews h1 {font-size:11px; color: #C46200; background-color:#FFF4D2; font-weight:bold; padding:0; letter-spacing: normal; margin-top:10px; margin-bottom:10px;}
#contentNews .abstract {font-size:10px; color: #601704; background-color: inherit; margin:0;}
#contentNews p {font-size:10px; color: #000; background-color: inherit; margin:0;}

/* ------------------------ colonna destra ------------------------ */

/* tabella prossimi eventi */
#TEventi {width: 175px; text-align:left; margin: 13px auto 30px auto; border-collapse:collapse;}
#TEventi td {text-align:left; padding:0;}
#TEventi .intestazione {padding:2px 5px; color:#31483C; background-image:url(../images/bkg_eventi.jpg); background-repeat:repeat-y; background-color:#FFDFB0; font-size:11px; font-weight:bold; border-bottom:1px solid #FFF;}
#TEventi .contenuto {color:#486A58; background-color:#F1F5F3; padding:10px!important; font-size:10px;}
#TEventi .contenuto h4 {margin-top:10px; margin-bottom:10px;}
a.linkEventi, a.linkEventi:link, a.linkEventi:active, a.linkEventi:visited, a.linkEventi:hover {color:#C46200; font-size:11px; background-color: inherit; text-decoration:none;}
#TEventi .fine {height: 3px; background-image:url(../images/bkg_eventi.jpg); background-repeat:repeat-y; border-top:1px solid #FFF;}
#TEventi H1 {margin-bottom:5px; letter-spacing: normal;}
H2.evento {color:#612B03; font-size:10px; background-color: inherit; margin-bottom:5px;}

/*  border:1px solid #000; */

/* ------------------------ kentico ------------------------ */

/* BreadCrumbs */
#breadcrumbs {text-align:left; padding-left:10px; padding-right:10px; margin-top: 13px;}
A.CMSBreadCrumbsLink, A.CMSBreadCrumbsLink:link, A.CMSBreadCrumbsLink:active, A.CMSBreadCrumbsLink:visited, A.CMSBreadCrumbsLink:hover {font-size:10px; color:#612B03; background-color:inherit; text-decoration:none;background-image:url(../images/arrows_arancio.gif); background-repeat:no-repeat; background-position: left center; margin: 0px 2px; padding: 0px 0px 0px 8px}
A.CMSBreadCrumbsLink:hover {color:#C46200;}
.CMSBreadCrumbsCurrentItem {font-size:10px; color:#C46200; font-weight:bold; background-color:inherit;background-image:url(../images/arrows_arancio.gif); background-repeat:no-repeat; background-position: left center; margin: 0px 2px; padding: 0px 0px 0px 8px}


/* sezione */
#ContentVideo {width:768px; height:650px; text-align:center; margin:0px auto 10px auto; position:absolute; top:5px; left:50%; margin-left:-385px; display:none; z-index:1000; background-image:url(../images/bkg_menu.jpg); background-repeat:repeat-x; background-color:#FFF; border:1px solid #ccc; }
.linkChiudi {text-align:right; margin-top:10px; margin-left:10px; display:block;}
.linkChiudi a { color:#EC7600!important;}
#contentvideoPlace {width:750px; height:650px; margin-bottom:10px; float:none; display:block; margin-left:10px; text-align:center;}
#videoPlace {/*width:750px; height:650px;*/ margin:auto; text-align:center; display:inline;}

#listaVideo {width:100%; text-align:left; float:none; margin-bottom:50px;}
#titolovideo {margin-top:10px; margin-bottom:20px; color:#EC7600; font-size:14px; display:block; clear:both;}
#listaVideo a, #listaVideo a:link, #listaVideo a:active, #listaVideo a:visited, #listaVideo a:hover {color:#4A6C5A; text-decoration:none; background-image:url(../images/sole_arancione.gif); background-position:left; background-repeat:no-repeat; background-color:inherit; padding:5px 19px; display:block; font-size:11px;}
#listaVideo a:hover {color:#EC7600; background-image:url(../images/sole_verde.gif);}

#listaVideo a.linkVideoSelected, #listaVideo a.linkVideoSelected:link, #listaVideo a.linkVideoSelected:visited, #listaVideo a.linkVideoSelected:hover, #listaVideo a.linkVideoSelected:active {color:#EC7600; background-image:url(../images/sole_verde.gif); text-decoration:none; background-position:left; background-repeat:no-repeat; background-color:inherit; padding:4px 19px;display:block;font-size:11px;}

.video {width:100%; border-bottom:1px solid #ccc; margin-bottom:5px; display:block; clear:both; padding-top:5px; padding-bottom:5px;}

#divNewsletter {width:600px; height:520px; text-align:left!important; border:1px solid #00448B; z-index:2000; background-color:#FFF; text-align:center;}
body#bodyDivNewsletter {background-color:#FFF; background-image:none; margin:10px; text-align:left;}
#frameNewsletter {background-color:#FFF;}
#divNewsletter table td {text-align:left!important;}
.titoloPaginaNewsletter {color:#FEC001; font-size:14px; font-weight:bold; letter-spacing: normal; text-align:center; padding:8px; background:url(../images/bkg_titoloNewsletter.jpg) top repeat-x;}
#divNewsletter .close {color:#FFF; background-color:#00448B;text-align:center; font-weight:bold; border:0px; margin:0px 10px;}
.CMSNewsletterSubscriptionTable select, .CMSNewsletterSubscriptionTable input[type=text] {border:1px solid #00448B!important;}
.CMSNewsletterSubscriptionTable input[type=text] {width:200px;}
.CMSNewsletterSubscriptionError {color:#CC0000; font-weight:bold;}
.CMSNewsletterSubscriptionButton {color:#FFF; background-color:#00448B;text-align:center; font-weight:bold; border:0px; font-size:13px; text-transform:uppercase;}
.CMSNewsletterSubscriptionText, .CMSNewsletterSubscriptionInfo {color:#00448B; font-weight:bold; white-space:nowrap;}
#bodyDivNewsletter p {font-size:11px;color:#00448B;}
#bodyDivNewsletter .CMSNewsletterSubscriptionTable {border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding-top:10px; padding-bottom:10px;}
#divNewsletter .soleNewsletter {width:100px; height:100px; background:url(../images/sole-newsletter.png) no-repeat; position:absolute; z-index:2001;top:-30px; left:-48px;}


