@import url("cal.css");
@media all {
address, cite, var, abbr { font-style: normal; }
th { text-align: left; }
img { border: 0; }
}

@media screen {
/* ===FILE IMPORTATI=== */
body{background:#fff;color: #3a3a3a;}

/*stili sul body e tipografia  */
body{font: 100.01% Arial, Helvetica, sans-serif}
h1{font-size: 2.4em}
h2{font-size: 1.8em}
h3{font-size: 1.4em}
h4{font-size: 1.2em}
h5{font-size: 1em}
h6{font-size: 0.85em}

/*line-height*/
p, blockquote, pre, ol, dl, ul, form {line-height:1.5}

/* set di base per margini e padding */
html, body{margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6{margin: 0.7em 0 0.2em; line-height:1.4}
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{
  margin-top: 0.2em;margin-bottom: 1.2em}
/* =global */

body  { text-align: center; margin: 0; padding: 0 }

ul, ol, dl, li, p, dt, dd { list-style-type: none; margin:0 0 0.5em; padding:0  }
ul, ol, dl { padding:0.5em 0  }
/* =tipografia =*/
#pagina     { font-size: 76% }
.sx  { font-size: 1em }
.dx  { font-size: .90em }
/* =struttura */
#pagina     { text-align: left; margin: 0; padding: 0 }

#head      { text-align: left; margin: 0 auto; padding: 0; position: relative; width: 768px; height: 119px }
#content    { text-align: left; margin: 0 auto 2em; padding: 1.5em 0 0; width: 769px }
#content-main { float: left; width: 100% }
#footer     { clear: both; margin: 0 auto 25px; padding: 10px 10px 0; border-width: 0 0 1px 0; width: 768px }
#nav-main { position: absolute; bottom:-1px; right:-2px }
.col   { float: left; display: inline }
.sx  { margin-right: 5%; width: 58% }
.evento-page .sx { }
.dx  { width: 35% }
.evento { float: left; }
.evento-content { float: left; padding: 30px 0 0; width: 100% }
#stampa   { margin-bottom:3em }
/* =nav */
.nav li   { margin: 0 1px 0 0; float:left; padding: 0 0 0 15px; display: block }
.nav a     { text-decoration: none; float: left; padding: 9px 20px 5px 5px; display: block }
.nav { float:left; padding-right:10px; margin:0; padding:0}
#nav-main { position: absolute; bottom:-1px; right:-2px }

/* =head */
#head h1 a   { text-decoration: none; text-indent: -9999px; position: absolute; top: 10px; left: 10px; width: 256px; height: 97px; display: block }
/*.dx h3, .programma h3, .cv h3, .abbonati h3, .info h3, #stampa h3 { text-align: center; padding: 0.5em 0; border-width: 1px 0 3px 0;  }*/
.eventilist dt a { text-decoration: none }
.tit  { margin-bottom: 0.8em; padding-top: 5px; border-width: 1px 0 0 }
h2.tit { clear: left }
h1, h2, h3{ letter-spacing:0.10em;
font-family:Helvetica, baskerville,'palatino linotype','times new roman',serif;}
/* =eventi */
#eventi { margin-bottom: 2.5em }
.eventilist   { margin: 0.5em 0 1.5em; padding: 0 0 0 45px }
#eventi-page dl.eventilist  { margin-bottom: 2em; padding-left: 0 }
.eventilist dt  { margin: 0 0 0.5em; padding-top: /*0.5em*/0 }
.eventilist dd { margin: 0 0 1.2em; padding: 0 }
.eventilist dd.data { margin: 0 0 0.3em; padding: 0; font-style:italc; color:#963; font-size:1.1em }
.eventilist dd.appunti { margin: 0 0 0.3em; padding: 0 }
.eventilist p.dove { margin-bottom: 1em }
.eventilist .info { margin:0 0 1.5em; }



/* =liste */
.programma ul, .programma ol  { list-style-type: square; margin-left: 20px; padding-top: 0.5em }
.programma ol { list-style-type: decimal; margin-bottom: 1em; padding-top: 0em }
.programma dl { margin-bottom: 1em; padding-top: 0em }
.programma dt { font-weight: bold; margin-bottom: 0.3em }
.programma dd { font-weight: normal; padding-bottom: 1em }
.spettacolo .programma dt { padding: .5em 0 0.2em }
.spettacolo .programma dd { font-weight: normal; padding-bottom: 0; font-style:italic } 
.breve li, p.date, p.dove, .vcard li, .abbonati dt, .info li, .flashinfo li { margin-bottom: 0; padding-top: 0.5em; padding-bottom: 0.3em; border-width: 1px 0}
.abbonati dd { display:block; padding: 0.3em 0 1em}
.abbonati dl { margin-top: 0; padding-top: 0 }
/*.tipo  { font-size: 0.9em; display: block }*/



.flashinfo { float: left; width: 25%; padding: 0 }
.artisti { float: right; width: 70% }
/* =general */
.intro { margin-bottom: 1.3em }
.avviso, dd.info p { margin-top:0.3em; margin-bottom: 2em; padding: 0.5em 0em; border-width: 1px 0 1px 0 }
.abbonati { padding-top: 1.5em }
dd.info { padding: 0.2em 0; margin:0;  }
dd.info p{ padding: 0; margin:0;  }
.breve, #utili, .path, #eventi { margin-bottom: 2.5em }
dd.appunti p.breve { margin-bottom: 0; padding-bottom:0 }
.left { float: left; margin: 0 6px 6px 0; border: solid 1px #000 }
.image { float: left; margin: 0 8px 8px 0; padding: 0 }
.no, hr, .skip { display:none}
.storia { margin-bottom: 2.5em }

.licenza img { vertical-align:middle }
.licenza { margin-bottom:3px }

/*===========EVENTO=========*/

.lista_artisti dt { font-weight: bold; line-height: 1.2em; float: left; clear: left; margin-bottom: 0.2em; padding-right: 0.4em; color: #963; }
.lista_artisti dd { font-style: oblique; font-weight: normal; font-size: 0.9em; line-height: 1.5em; padding-bottom: 0.6em }

.lst-artisti { float: right; width: 45%; margin: 0 0 1em 1em; }
.lst-artisti dt { font-weight: bold; line-height: 1.2em; width: 55%; float: left; clear: left; margin-bottom: 0.3em; padding-right: 0.4em; color: #963; }
.lst-artisti dd { font-style: oblique; font-weight: normal; font-size: 0.9em; line-height: 1.5em; float: left; padding-bottom: 2em; }

/*.flashinfo   { position: absolute; top: 8px; left: 0; width: 35% }*/
.artisti   { margin-left: 37%;  }/*padding-left: 3%; border-left: 1px solid #3a3a3a*/
.evento-page .artisti { margin-left: 0; padding-left: 3%; border-left: 1px solid #3a3a3a }
.evento  { float: left; position: relative; width: 100%; padding: 8px 0 0 }
.evento h3 { margin-left: 28% }
.evento-content  { float: left; padding: 0; width: 100% }
.inpiu h4, .evento-testo h4 { font-size: 1.1em; text-align: center; padding: 0.2em 0; border-style: solid; border-width: 1px 0 1px 0; border-color: #3a3a3a }
.artisti h4 { color: #3a3a3a; }
.inpiu, .evento-content { float: left; margin: 0 0 2.5em; padding: 3em 0 0; width: 45% }
.inpiu  { float: right;  }
.didascalia { font-size: 0.9em; font-family: "Courier New", Courier, Monaco }
.evidenza { background-color: #ffc }
.flashinfo { font-size: 0.9em; border-top: 4px solid #d6d6d6 }
.flashinfo li { padding-right: 0.2em; padding-left: 0.2em }
.foto-evento img { display:block; margin: 0 auto 6px; padding:5px 5px 15px; border:1px solid #000; }
.foto-evento  { text-align:center }
#foto_serate  { text-align: center; float: left; width: 100%; margin:0 0 15px;  }
#foto_serate ul   { width: 100%; float:left; }
#foto_serate img    { text-decoration: none; border:3px solid #dedede; display: block }
#foto_serate li  { float: left; margin: 0 6px 6px 6px; padding: 0;   }
/*#foto_serate li a    { text-decoration: none; padding: 0; border: 0; width: 100px; display:block  }*/
#foto_serate li a     { text-decoration: none; background-color: white; padding: 5px 5px 15px; border:3px solid #ccc; display: block; float: left;  }
#foto_serate li a:hover    { background-color: #a40001 }
/*==========CALENDARIO========*/
/*.giu11 { background: url(../img_cal/giu11.gif) no-repeat 0 0 }
.set29 { background: url(../img_cal/set29.gif) no-repeat 0 0 }
.ott14 { background: url(../img_cal/ott14.gif) no-repeat 0 0 }
.nov11 { background: url(../img_cal/nov11.gif) no-repeat 0 0 }
.dic16 { background: url(../img_cal/dic16.gif) no-repeat 0 0 }*/
.feb3 { background: url(../img_cal/feb3.gif) no-repeat 0 0 }
/*=======fine evento======*/



/* =global */
body  { font-family: verdana, Helvetica, Geneva, Swiss, SunSans-Regular; background: /*#e8e8e8*/ url(../img/barra_sfondo_body.gif) repeat-x 0 120px; text-align: center; margin: 0; padding: 0 }
a { color: #a40001 }
a:hover  { color: #444 }
a img{ border:0 }
h1, h2, h3, h4  { color: #963; font-weight: bold; }
h4  { color: #963; font-weight: bold; }
/* =struttura */
#pagina     { color: #3a3a3a; background: transparent url(../img/barra_sfondo.gif) no-repeat 50% 120px; text-align: left; width: 770px; margin: 0 auto; padding: 0 50px 0 49px; }/*url(../img/pagina_sfondo.gif) */

#barra { width: 770px; margin: 0 auto; }
#barra   { background: #000 url(../img/barra_index.jpg); background-repeat: no-repeat; height: 170px }
#eventi-page #barra div   { background: url(../img/barra_eventi.jpg);  }
#head      { border-top: 1px solid #fff; position: relative }/*border-top: 1px solid #3a3a3a; */
#footer   { font-size: 0.9em; border-bottom: 1px solid #3a3a3a;  }


/* =nav1 
.nav li  { margin: 0 1px 0 0; display: inline;  }
.nav a   { line-height: 46px; text-decoration: none; text-indent: -9999px; float: left; margin-right: 1px; height: 46px; display: block }
.nav { float:left; padding-right:10px; margin:0; padding:0}
#b-home { background: url(../img_menu/home.gif) no-repeat; width: 85px }
#b-chisiamo { background: url(../img_menu/chisiamo.gif) no-repeat; width: 130px }
#b-eventi { background: url(../img_menu/eventi.gif) no-repeat; width: 85px }
#b-contatti { background: url(../img_menu/contatti.gif) no-repeat; width: 108px } */

/* =nav */
.nav li   { background: url(../img_menu/menu_sx.gif) no-repeat 0 0; margin: 0 1px 0 0; float:left; padding: 0 0 0 15px; display: block }
.nav a     { font-weight: bold; font-size: 1.1em; text-decoration: none; background: url(../img_menu/menu_dx.gif) no-repeat right top; float: left; padding: 9px 20px 5px 5px; display: block }
.nav { float:left; padding-right:10px; margin:0; padding:0}
#abbonati-page #b-abbonati a, #abbonati-page li#b-abbonati,
#contatti-page #b-contatti a, #contatti-page li#b-contatti, 
#home-page #b-home a, #home-page li#b-home,
#eventi-page #b-eventi a, #eventi-page li#b-eventi,
#associazione-page #b-associazione a, #associazione-page li#b-associazione,
#progetti-page #b-progetti a, #progetti-page li#b-progetti
 { color: #fff; background-color: #3a3a3a; background-image: none }
    /* =head */
#head h1 a   { text-decoration: none; background-image: url(../img/logo.jpg); text-indent: -9999px; position: absolute; top: 10px; left: 10px; width: 256px; height: 97px; display: block }
.tasti h3, .dx h3, .programma h3, .cv h3, .abbonati h3, .info h3 { font-size: 1.1em; text-align: center; padding: 0.5em 0 0.3em; border-style: solid; border-width: 1px 0 2px; border-color: #3a3a3a #3a3a3a #aaa #3a3a3a; line-height:1 }
.eventilist dt a { text-decoration: none }
.btn { text-align: right; padding: 0.2em 0; border-style: solid; border-width: 1px 0; border-color: #3a3a3a }
.tit  { font-style: italic; font-size: 1.2em; background: url(../img/tit.gif) repeat-x left top; margin-bottom: 0.8em; padding-top: 5px; border-top: 1px solid #3a3a3a }
/* =eventi */
.eventilist  { margin: 0.5em 0 1.5em; padding: 0 0 0 45px }
#eventi-page dl.eventilist  { margin-bottom: 2em; padding-left: 0 }
.eventilist dt  { font-weight: bold; font-size: 1.4em; line-height:1.3em  }
.eventilist span.sot-tit  { font-weight: normal; font-style:italic; font-size: 90%; line-height:1.3em; display:block  }
ul.elenco li,
.lstDocs a { background: url(../img/icon.gif) no-repeat 0 3px; padding-left: 12px }
ul.lista li { background: url(../img/icon_lista.gif) no-repeat 0 5px; padding-left: 9px }
ul.lista { margin:0 0 1.5em }
#stampa li,
.lstDocs a { background-image: url(../img/tipo.gif); padding-left: 18px }
#sponsor ul.elenco li { font-weight: bold }
ul.elenco a { font-weight: bold; text-decoration: none }

.lstIniziative li { margin: 0 0 21px; }
.lstIniziative h4,
.lstIniziative h3 {
	display: inline; line-height: 22px
}
.lstIniziative h4 {
	background-color: #3A3A3A; color: #fff;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	padding: 1px 2px
}
.lstIniziative .data {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	padding: 3px 0;
	margin: 0 0 3px;
	border: 1px dashed #3A3A3A; border-width: 0 0 1px;
}
.lstIniziative .address {
	font-style: italic;
	margin: 0 0 3px
}

.lstDocs a { font-weight: bold; text-decoration: none; line-height: 20px; display: block; padding: 3px 0 3px 18px; }


.programma h5 { font-size:1.1em  }
.programma dt { font-size:0.95em  }
.programma ul, .programma ol  { list-style-type: square; margin-left: 20px; padding-top: 0.3em }
.programma ol { list-style-type: decimal; margin-bottom: 1em; padding-top: 0em }
.programma li { font-weight: bold; font-size:0.95em }
.programma ul li { font-weight: normal; font-size:0.95em }
.tasti li, .breve li, p.date, p.dove, .vcard li, .abbonati dt, .info li, .flashinfo li { background-color: #f0f0f0; margin-bottom: 0; padding-top: 0.5em; padding-bottom: 0.3em; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #fff }
.abbonati dd { display:block; font-size:0.9em; padding: 0.3em 0 1em}
.abbonati dl { margin-top: 0; padding-top: 0 }
dt span.prezzo { color: #963; font-weight: bold }

div.avviso { margin-top: 1em; margin-bottom: 1.3em; padding: 0.5em 0em; border-width: 0; font-size:1.1em }
div.avviso li{ list-style-type: square; margin-left:15px  }


#utili h3{ background-color: #fff; }
#utili {  /*background-color: #f0f0f0;*/ padding-bottom: 0.3em; /*border-bottom: 1px solid #d6d6d6; border-top: 1px solid #fff*/}
.mappa img{  display:block; border: 3px solid #d6d6d6; margin:0 0 8px; padding:0}
dd p.breve, .breve { font-size:0.9em }
.intro { margin-bottom: 1.3em }
.path { font-size:0.9em }
.avviso { color: #963; margin-top: 1em; margin-bottom: 1.3em; padding: 0.5em 0em; border-style: dashed; border-width: 1px 0 1px 0; border-color: #963 }
dd.info  { font-weight: bold; font-size: 0.9em; background: url(../img/more.gif) no-repeat 0 50%; padding-left: 20px; line-height:2em}
.cv p, .comunicazioni { color:#000; font: italic 1.05em/1.5 Georgia, serif; }
.comunicazioni .avviso{ font-style:normal }
.comunicazioni { margin:0 0 45px }
#amici, #sponsor { font-size:0.9em; float:left; width:45%; margin:0 }
#sponsor { display:inline;float:right; margin:0 }
.storia { font-size: 1.1em; }

p.skip-next { position:relative; display:block; margin:0 0 15px }
p.skip-next a{ text-indent:-9999px; background:url(../img/btn_next.gif) no-repeat 0 0; width:186px; height:32px; display:block }
dl#next { background-color:#fffcc5; border:1px solid #444; border-width:3px 1px 1px; padding: 0 0 0.5em 0; font-size:110% }
dl#next dt, dl#next li, dl#next p { padding-left:0.5em; padding-right:0.5em }
#next .info { margin-left:0.5em; margin-top: 1em; font-size:80%; padding-left: 20px;}
#next .info p{ padding-left: 0;}
#next:before, dl#next dt.before { /*content: "Prossimo evento della stagione";*/ display:block; padding: 0.1em 0.5em; background-color:#444; color:#fff; font-style:italic; font-size:80%; margin:0; font-weight:normal }
dt.before a{ color:#fff }
dl#next dt { padding-top:1em}

#stat { display:none}
.table { padding:10px 0 6px; margin:0}
.dati { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:1px solid #d6d6d6; border-width:1px 1px 0 0; margin:0}
caption{ font-size:90%; display:none  }
.dati td, .dati th{ border:1px solid #d6d6d6; border-width:0 0 1px 1px; padding:4px 6px; text-align:left; background-color:#f0f0f0 }
.dati th.tipo{ text-align:center; font-style:italic; font-weight:normal; background-color:#996633; color:#fff}
.costi td{ color:#996633; text-align:center}
.note { font-size:95%; margin:0 0 15px}
.note strong{ font-weight:bold}

#archivio-list { float:left; width:100%; margin:0; padding: 0 0 12px 0;}
#archivio-list h4{ font-size:1em}
#archivio-list li{ margin:0 0 10px}

.dx a { text-decoration:none}
.spettacolo h5{ margin:0 0 5px; padding:0; font-size:105%}
.spettacolo { margin:0 0 0 28%; }

.citazione blockquote p {font-family: georgia, "lucida bright", "times new roman", serif; font-size:1.384em; line-height:1.3; font-style:italic}
.citazione blockquote  {padding:0 0.75em; margin:1.5em 0}
.entry {
/*text-align: center;*/
width: 100%px;
float: left; display: inline; position: relative;
margin: 0; padding:0;
}
/*.next { width: 158px; border: 1px solid #D73B3B; border-width: 0 1px 1px; min-height: 222px;
background-color: #D6D6D6; }*/
.next .meta { background-color: #e76517; color: #fff }
.next .day { background-color: #22414D; color: #fff }
.meta {
width: 144px; min-height: 110px; height: auto !important; height: 110px;
text-align: center;
float: left;
border: 1px solid #292929; border-width: 0 1px 0 0; border-style: solid dashed solid solid;
}
.entry a { text-decoration: none }
.entry h3 {
font-size: 14px; line-height: 1.1em; font-weight: bold;
text-transform: uppercase; font-weight: bold; font-family: "Lucida grande", verdana;
padding: 0; margin: 0 0 0 154px;
}
.entry h4 {
font-weight: normal; font-size: 12px;
margin: 0 0 0 154px;
}
.entry h4 em {
font-style: italic; clear: left; 
}
.meta ul { padding: 0 0 30px; margin: 0 }
.meta li { padding: 0; margin: 0 }
.day, .time {
font-family: "Lucida grande", verdana; font-size: 11px;
}
li.day {
background-color: #292929; color: #fff;
text-transform: uppercase; font-variant: small-caps; font-weight: bold;
margin: 0 0 3px; padding:0;
}
.time {
font-size: 11px
}
li.where {
line-height: 1.2;
margin: 0; padding: 15px 0 0;
}
.address {
display: block;
margin: 0; padding: 0
}


.corpo p, corpo ul { margin: 0 0 16px; padding: 0 }
.corpo ul li { margin: 0 0 4px 16px; padding: 0; list-style-type: square }
.corpo blockquote p {font-family: georgia, "lucida bright", "times new roman", serif; font-size:1.384em; line-height:1.3; font-style:italic}
.corpo blockquote  {padding:0 0.75em; margin:1.5em 0}
}

@media print {
* { background: #fff; color: #000; }
html { font: 12pt/1.5 georgia, serif; }
h5 { font-size: 1em; }
table, #portal-column-content div{ width: 100%;border:1px solid #f00}
caption { border-bottom: 1pt solid; }
th, td { vertical-align: baseline; }
form, #about, #ad, #msg, .nav, .pilot, .off { display: none; }
a { border-bottom: 1px solid #999; text-decoration: none; }
abbr { border: 0; }
strong, strong *, em, em * { font-style: normal; font-weight: 400; text-decoration: underline; }
#intro p { margin: 0; }
#portal-column-one, #barra, #stat, .skip, dd.info, #eventi-page #amici, #eventi-page #sponsor, .licenza img { display:none} 
a[href]:after{content: "(" attr(href) ")"}
}