/* ------------------------ 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; 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;}

#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 30px 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 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: 375px; 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;}

.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:5px;}
#TInScena .foto {width: 120px; text-align:right;}
#TInScena .foto img {border:1px solid #CAB8B4;}
#TInScena H4.data {color:#612B03; font-size:11px; background-color: inherit;}
#TInScena H3.teatro {color:#333; font-size:11px; font-weight:normal; background-color: inherit;}
#TInScena H1.titolo {color:#EC7600; font-size:12px; letter-spacing:1px; width:220px; background-color: inherit;}
#TInScena H2.cast {color:#612B03; font-size:10px; font-weight:normal; background-color: inherit;}

#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}





