/* ---------------------- LA BUSACCA indice css ----------------------- 
  1) BODY E DIV STRUTTURA
  2) HOME
  3) STILI GENERALI
  4) BOX MODEL
  5) FORM
  6) TABELLE
  7) SPONSOR
  8) PAGINAZIONE
  9) SPETTACOLI
  10) EVENTI e AGENDA
/* -------------------------------------------------------------- */

/* ----------------- 1) inizio BODY E DIV STRUTTURA ----------------- */
body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;	
	background-color: #fff;
	}
#pag{
	width:760px;
	margin:0px auto;
	/*background-color: #ddd;*/
	}
#sx{
	width:160px;
    float:left;
    padding-top:174px;
    background: #fff url(../img/virgolette-sup.gif) no-repeat left 10px;
	}
#menu, #menu-adm{
   text-align:right;
   font-size:13px;
   font-weight:bold;
   line-height:26px;
   margin: 0 28px 0 0;
}
#menu-adm{
   text-align:left;
   font-size:11px;
}
#dx{
	width:600px;
    float:right;
    /*background-color: #000;*/
	}
#top{
	width:100%;
    height:130px;
    border-bottom: 1px solid #981f36;
    /*background-color: #97233c;*/
	}
#path{
    padding:20px 0 10px 0;
	}
#contents{
    width:420px;
    float:left;
    /*background-color: #fff;*/
	}
#col-dx{
    width:160px;
    padding:19px 0 20px 0;
    float:right;
    /*background-color: #006699;*/
	}
#footer{
	width:760px;
    height:125px;
    clear:both;
    border-top:10px solid #fff;
    background: #fff url(../img/virgolette-inf.gif) no-repeat right bottom;
	}
#footer .txt{
	width:600px;
    /*border-top: 1px solid #981f36;*/
    color:#981f36;
    margin-top:45px;
    /*padding-top:10px;*/
	}
#agenda{
    padding:10px 0 0 0;
	}
/* ----------------- fine BODY E DIV STRUTTURA ----------------- */

/* ----------------- 2) inizio HOME ----------------- */
#home {	
   position: Absolute;
   width: 600px;
   line-height: 16px;
   height: 324px;
   top: 50%;
   left: 50%;
   margin-left:-300px;
   margin-top:-157px;
   background-color: #fff;
}

#home .top {
   height:120px;
   background: #fff url(../img/logo-home.gif) no-repeat top left;
}

#home .sx {
   height:138px;
   width:450px;
   float:left;
   text-align:center;
   background: #fff url(../img/virgolette-sup.gif) no-repeat top left;
}
#home .frase {
   padding: 25px 0 0 150px; 
   margin:0;
   text-align:center;
   line-height:2.5em;
}

#home .dx {
   height:138px;
   width:150px;
   float:right;
   background: #fff url(../img/virgolette-inf.gif) no-repeat right -30px;
}

#home .bottom {
   height:56px;
   height:18px !important;
   padding-top:38px;
   background-color: #fff;
   border-bottom: 1px solid #981f36;
   text-align:right;
   clear:both;
}
/* ----------------- fine HOME ----------------- */

/* ----------------- 3) inizio STILI GENERALI ----------------- */
a{
   color:#981f36;
   text-decoration:none;
}
a:hover{
   text-decoration:underline;
   color:#c40227;
}

p, ul, h1, h2, h3 {
	padding: 0;
	margin: 0;
	}

#contents p{
   line-height:18px;
   margin-bottom:14px;
}
	
ul {list-style-type:none;}
#contents ul{
   line-height:18px;
   margin-bottom:10px;
}
#contents ul li{
   padding-left:15px;
   background-position: left 7px !important;
   background: url(../img/puntoelenco_contents.gif) no-repeat left 8px;
   }


h1 {
	color:#981f36;
	font-size:17px;
	margin-bottom:4px;
	}
h2 {
	color:#c40227;
	font-size:15px;
	margin-bottom:4px;
	}
h2 a{color:#c40227;}
h3 {
	color:#333;
	font-size:13px;
	margin-bottom:4px;
	}
h3 a{color:#333}


img {border:0;}
.img-sx {
	float:left;
	margin-right:5px;
	margin-top:5px;
	}	
.img-dx {
	float:right;
	margin-left:5px;
	margin-top:5px;
	}
.img-sx img, .img-dx img, .box-contents img{
	border: 2px solid #ccc;
	}


.grassetto {font-weight:bold;}
.grassetto-rosso{font-weight:bold; color:#c40227;}
.grassetto-corsivo {font-weight:bold; font-style:italic;}
.rosso{color:#c40227;}
.corsivo {font-style:italic;}
.centrato {text-align:center;}
.destra {text-align:right;}
.float-left {float:left;}

.autore-rosso {
	font-weight:bold;
	font-style:italic;
	text-align:right;
	color:#c40227;
	}

.ripristino{
   clear:both;
   font-size:0px;
   line-height:0px;
   height:0;
}
.evidenzia{
	background-color:#f5f3f3;
	padding:5px 5px 8px 5px;
	margin-bottom:5px;
}

.vai-archivio, .vai-elenco {
	font-weight:bold;
	float:right;
	padding: 7px 30px 7px 0;
	background: url(../img/archivio.gif) no-repeat right top;
	}
.vai-elenco {
	padding: 7px 20px 7px 0;
	background: url(../img/elenco.gif) no-repeat right 5px;
	}
.vai-archivio a, .vai-elenco a{color:#c40227;}

.separatore-footer {margin-top: 10px; border-top: 1px solid #981f36;}

.produzioni {
  width:auto;
  margin-top:-10px;
  margin-bottom:20px;
  padding:2px 4px 4px 4px;
  background-color:#f5f3f3;
}

#inizio-pagina {
  line-height:0;
  font-size:0;
  height:0;
}
.vai-inizio-pag{
  font-weight:bold;
  padding:12px 0 10px 32px;
  border-top:1px solid #e0c9c9;
  background: url(../img/inizio-pagina.gif) no-repeat left 7px;
}
/* ----------------- fine STILI GENERALI ----------------- */

/* ----------------- 4) inizio BOX MODEL ----------------- */
.box-dx{
   color:#92021d;
   margin-bottom:17px;
   background-color:#f5f3f3;
   padding:8px 6px 12px 8px;
   border:1px solid #e3d8d8;
   border-bottom:6px solid #e0c9c9;
}
.box-dx p{
   font-style:italic;
}
.box-dx h3{
   color:#c40227;
   margin-bottom:4px;
   line-height:15px;
}
.box-dx .data{
   margin-bottom:6px;
   font-style:normal;
   color:#c40227;
   padding-left:11px;
   background: url(../img/double-arrow.gif) no-repeat left 4px;
}
.box-dx .continua{
   font-style:normal;
   font-weight:bold;
   text-align:right;
   margin: 5px 0 5px 0;
   padding-right:10px;
   background: url(../img/arrow-box-dx.gif) no-repeat right 4px;
}
.box-dx .continua a{
   color:#c40227;
}
.box-dx img{
   margin-bottom:6px;
}

.box-contents{
   width:100%;
   float:left;
   margin: 10px 0 10px 0;
   /*border-bottom:12px solid #f5f3f3;*/
}
.box-contents .sx{
  width:330px;
  float:left;
  line-height:17px;
  padding-bottom:8px;
  /*border:1px solid #000;*/
}
.box-contents .dx{
  width:75px;
  float:right;
  text-align:right;
  /*border:1px solid #000;*/
}
.box-contents .continua{
  width:auto;
  padding:2px 4px 4px 4px;
  text-align:right;
  background-color:#f5f3f3;
}
.box-contents .continua a{
   color:#c40227;
   padding-right:10px;
   background: url(../img/arrow-box-dx.gif) no-repeat right 4px;
}

.box-contents-2{
   padding-bottom:5px;
   margin:10px 0 10px 0;
   color:#92021d;
   background-color:#f5f3f3;
}
#contents .box-contents-2 p{
   line-height:14px;
   padding: 0 10px 0 10px;
}
#contents .box-contents-2 h3{
   padding: 10px 10px 0 10px;
   color:#c40227;
}
#contents .box-contents-2 .head{
   background-color:#eee2e2;
   padding: 5px 10px 6px 10px;
   margin-bottom:6px;
}

/* ----------------- fine BOX MODEL ----------------- */

/* ----------------- 5) inizio FORM ----------------- */
form{
  margin:10px 0 20px 0;
  padding:0;
}
.btn-form {
   color:#fff;
   border: 1px solid #fff;
   font-weight:bold;
   padding: 1px 2px 2px 2px !important; 
   background-color: #c40227;
   margin-bottom:-2px;
}
input, textarea{
  border: 1px solid #ccc;
}
.input-dx, textarea{
  float:right;
  width:300px;
  margin-bottom:6px !important;
  margin-bottom:0;
}
textarea{
  height:120px;
}
.etichetta{
  float:left;
  padding-top:2px;
  margin-bottom:10px !important;
  margin-bottom:0;
}
/* ----------------- fine FORM ----------------- */

/* ----------------- 6) inizio TABELLE ----------------- */
table{
	width:100%;
	border:none;
}
td{
	background-color:#f5f3f3;
	padding:8px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
.table-2-colonne th{
	width:50%;
}
/* ----------------- fine TABELLE ----------------- */

/* ----------------- 7) inizio SPONSOR ----------------- */
#sponsor{
	width:100%;
	background-color:#f5f3f3;
	margin: 20px 0 0 0;
}
#sponsor ul{
	margin:0;
	padding:0;
}
#sponsor ul li{
	display:inline;
	float:left;
	padding:22px 0 20px 25px;
}
#sponsor img, #sponsor a img{
	border:1px solid #e3d8d8;
}
#sponsor a:hover img{
	border:1px solid #981f36;
}
/* ----------------- fine SPONSOR ----------------- */

/* ----------------- 8) inizio PAGINAZIONE ----------------- */
#paginazione {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:#c40227;
}
#paginazione ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#paginazione ul li {
	margin:0;
	padding:0;
	background-image:none;
	display:inline;
	font-weight:bold;	
}

#paginazione a {
	color:#c40227;
	font-weight:bold;
}
#paginazione .pagina-corrente {
	color:#333;
}
#paginazione .trattino {
	color:#888;
	font-size:8px;
	margin:0 6px 0 8px;
	background: url(../img/trattino.gif) no-repeat center top;
	}

/* ----------------- 8) fine PAGINAZIONE ----------------- */

/* ----------------- 9) inizio SPETTACOLI ----------------- */
.spettacolo-head {
    background-color:#e9d9d9;
	width:100%;
	margin-top:8px;
	}
.spettacolo-head .sx {
	float:left;
	width:220px;
	padding:10px;
}
.flash-dx {
	float:right;
	margin:0 0 0 10px;
	border: 2px solid #ccc;
	}
.spettacolo-head .img-dx{
    margin:0 0 0 10px;
	line-height:0;
	font-size:0;
	}
.table-spettacoli{
	margin:0;
	}
.table-spettacoli td {
	border-right:none;
	width:50%;
	border-bottom:1px solid #fff;
	padding:10px 10px 10px 0;
	background-color:#f1e8e8;
	}
.table-spettacoli .head td {
	background-color:#f1e8e8;
	font-weight:bold;
	}
.table-spettacoli .ultima-riga td {
	border-bottom:none;
	}
.personaggi-interpreti {
	background-color:#f1e8e8;
	padding:10px 10px 0 10px;
	border-bottom:10px solid #e9d9d9;
	}
.h3-spettacoli {
	color:#c40227;
	margin:15px 0 3px 0;
	}
/* ----------------- fine SPETTACOLI ----------------- */

/* ----------------- 10) inizio EVENTI e AGENDA ----------------- */
.evento-head {
    background-color:#e9d9d9;
	width:100%;
	margin-top:10px;
	}
.evento-head .sx {
	float:left;
	width:220px;
	padding:10px;
}
.evento-head .img-dx{
    margin:0 0 0 10px;
	line-height:0;
	font-size:0;
	}
.evento-head .img-dx img{
	width:160px;
	}
.evento-body {
	background-color:#fff;
	padding:10px 10px 0 10px;
	border:2px solid #e9d9d9;
	border-top:none;
	margin-bottom:10px;
	}
	
.agenda-head {
    background-color:#f5eeee;
	padding:5px 0 3px 0;
	width:100%;
	}
.agenda-head h2 {
	margin-bottom:0;
	float:left;
	width:295px;
	padding-left:8px;
	}
.agenda-head h3 {
	float:right;
	width:100px;
	text-align:right;
	margin-bottom:0;
	padding-right:8px;
	}
.agenda-body {
	border:1px solid #e3d8d8;
	border-top:none;
	margin-bottom:10px;
	padding:6px 8px 0 8px;
	}
#contents .agenda-body p {
	line-height:15px;
	}
/* ----------------- fine EVENTI e AGENDA ----------------- */