/* CSS Document */
@import "stile_menu.css";/* incorporo foglio stile menu*/
*{
	margin: 0;
	padding: 0;
	}
body {
	background: #000;
	color: #fff;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
#centrato {
	width: 700px;
	margin: auto;
}
 #corpo {
	clear: right;
	width: 700px;
	overflow: hidden;
	min-height: 330px;
	background: #000 url(../immagini/sfondo.jpg) 0 38px no-repeat;
}
#colonna-1 {
	float: left;
	width: 280px;
	background: transparent;
	color: #fff;
}
#colonna-1 img{
	border:none;
	margin:10px 0 10px 0;
}
#colonna-2 {
	float: left;
	width: 420px;
	background: transparent;
	color: #fff;
}
#colonna-2  h2{
	margin: 15px 0 5px 10px;
	text-transform: uppercase;
}
#colonna-3 {
	float: left;
	clear: left;
	display: inline;
	width: 700px;
	background: transparent;
	color: #fff;
}

#intestazione .float_dx {
	float: right;
	width: 350px;
	height: 440px;
}
#intestazione .float_dx .logo{
	width: 100%;
	height: 100px;
	background: #000 url(../immagini/immagini_03.gif) top left no-repeat;
}
#intestazione a{
	display: block;
	width: 350px;
	height: 100px;
	text-decoration: none;
}
#intestazione a span{
	visibility: hidden;
}
#intestazione .float_dx .banner_orizzontale.img{
	margin-left: 50px;
}
#intestazione .float_dx .banner_orizzontale{
	width: 300px;
	height: 135px;
	background-color: #000;
}
#intestazione .float_dx .banner_orizzontale img{
	margin: 0 0 0 50px;
}
#intestazione .float_dx .banner_verticale_sx{
	margin-top: 5px;
	margin-right: 10px;
	float: right;
	width: 146px;
	height: 190px;
	background-color: #000;
}
#intestazione .float_dx .banner_verticale_dx{
	margin-top: 5px;
	float: right;
	width: 146px;
	height: 190px;
	background-color: #CC0033;
}
#intestazione .float_sx {
	float: right;
	width: 350px;
	height: 440px;
	background: #000 url(../immagini/immagini_02.jpg) top left no-repeat;
}
#intestazione .float_dx .bannerone img {
	margin: 0 0 0 35px;
	border: 0 none;
}
#intestazione .float_dx .bannerone {

	width: 300px;
	height: 135px;
	background-color: #000;
}
#colonna-1 .calendario {
	width: 98%;
	margin: 0 0 0 2px;
	padding: 0;
	border-collapse: collapse;
}
#colonna-1 .calendario th,
#colonna-1 .calendario td {
	border: 1px solid #333;/*#483D28*/
	padding: 5px 2px;
	line-height: 1.3em;
}
#colonna-1 .calendario td.date {
	text-align: center;
}
#colonna-1 .calendario td p {
	margin: 0.5em 0;
	padding: 0;
}
#colonna-1 .calendario td .titolo {
	font-weight: bold;
	font-size: 110% !important;
}
#colonna-1 .calendario td .ora {
	font-style: italic;
}
#colonna-1 .calendario td .localita {
	font-weight: bold;
	font-style: italic;
}

#pie-di-pagina {
	border-top: 4px solid #23201C;
	background: #000;
	color: #BBB;
	text-align: center;
	font-size: 11px;
}
/*stile pagine*/

#pagine #intestazione {
	width: 100%;
	height: 80px;
	background: #000 url(../immagini/pagina_2.jpg) top left no-repeat;
}
#pagine #intestazione a{
	position: absolute;
	margin-left: 350px;
	display: block;
	width: 350px;
	height: 80px;
	text-decoration: none;
}
#pagine #corpo {
	clear: right;
	width: 700px;
	overflow: hidden;
	min-height: 500px;
	background: #000 url(../immagini/sfondo_pagina.jpg) 0 60px no-repeat;
}
#pagine #colonna-1 h2{
	font-size:18px;
	margin: 20px 0 10px 0;
	color: #B0ACA4;
}
#pagine #colonna-1 h3{
	font-size: 16px;
	margin: 20px 0 10px 0;
	color: #8E897D;
}
#pagine #colonna-1 {
	float: left;
	width: 540px;
	background: transparent;
	color: #fff;
}
#pagine #colonna-1 .box{
	width: 95%;
	min-height:150px;
	float: left;
	clear: left;
}
#pagine #colonna-1 .box_sx{
	width: 190px;
	height: 150px;
	float: left;
}
#pagine #colonna-1 .box_dx{
	width: 300px;
	height: 150px;
	float: left;
}

#pagine #colonna-1 p {
	font-size: 12px;
	margin: 5px 0 5px 0px;
	color: #DDD;
}
#pagine #colonna-1 table tr td.spaziatore {
	width: 15px;
}
.margine{
	margin: 20px 0 0 0;
}
#pagine #colonna-2 {
	float:  right;
	width: 150px;
	background: transparent;
	color: #fff;
}
#pagine #colonna-2 .locandina {
	margin-top: 60px;
	margin-left: 4px;
	width: 46px;
	height: 190px;
	background-color: #000;
}
#pagine #colonna-2 .locandina img {
	border: 0 none;
}

#pagine #colonna-1 .spettacolo {
	width: 98%;
	float: left;
	clear: left;
	min-height: 150px;
	border-top: 1px dotted #777;
	margin-bottom: 10px;
}
#pagine #colonna-1 .spettacolo h3 {
	margin: 1em 0 0.3em;
}
#pagine #colonna-1 .spettacolo h3 a {
	color: #8E897D;
	text-decoration: none;
}
#pagine #colonna-1 .spettacolo h3 a:hover {
	text-decoration: underline;
}
#pagine #colonna-1 .spettacolo h4 {
	margin: 1em 0 0.2em;
	font-size: 110%;
}
#pagine #colonna-1 .spettacolo p {
	line-height: 1.3em;
}
#pagine #colonna-1 .spettacolo .immagine,
#pagine.progetti #colonna-1 .immagine {
	text-align: center;
	width: 180px;
	min-height: 150px;
	float: left;
}
#pagine #colonna-1 .spettacolo .immagine img,
#pagine.progetti #colonna-1 .immagine img {
	border: 0 none;
}
#pagine #colonna-1 .spettacolo .testo {
	/*width: 300px;
	float: left;*/
}
#pagine #colonna-1 .spettacolo .dettagli {
	text-align: right;
}
#pagine #colonna-1 .spettacolo .dettagli a {
	color: #FFF;
}

#pagine.spettacoli #colonna-1 {
	width: 500px;
}
#pagine.spettacoli #colonna-2 {
	width: 190px;
}
#pagine.spettacoli #colonna-1 .spettacolo {
	border: 0 none;
}

#pagine.progetti #colonna-1 ul {
	padding-left: 2em;
}
#pagine.progetti #colonna-1 ul li {
	margin: 0.5em 0 1em;
	font-weight: bold;
	font-size: 110%;
	text-transform: uppercase;
	clear: left;
}
#pagine.progetti #colonna-1 ul li p {
	text-transform: none;
	font-weight: normal;
}
#pagine.progetti #colonna-1 ul li .dettagli {
	text-align: right;
}
#pagine.progetti #colonna-1 ul li .dettagli a {
	color: #FFF;
}
#pagine.progetti #colonna-1 ul li ul li {
	margin: 0.5em 0;
	font-weight: normal;
	font-size: 90%;
	text-transform: none;
}
#pagine.progetti #colonna-1 ul li a {
	text-decoration: none;
	color: #CCC;
}
#pagine.progetti #colonna-1 ul li a:hover {
	text-decoration: underline;
}
#pagine.progetti #colonna-1 h4 {
	margin: 1em 0 0.2em;
	font-size: 110%;
}
#pagine.progetti #colonna-1 p {
	line-height: 1.3em;
}

#colonna-1 .goback {
	text-align: right;
	margin-right: 2%;
}
#colonna-1 .goback a {
	color: #999;
	text-decoration: underline;
}
#colonna-1 .goback a:hover {
	color: #CCC;
	text-decoration: none;
}

#home #colonna-3 {
	background: #000 url(../immagini/back_index.jpg) 50% 100% no-repeat;
	min-height: 500px;
}

/*pagina contatti*/
#contatti #intestazione {
	width: 100%;
	height: 80px;
	background: #000 url(../immagini/pagina_2.jpg) top left no-repeat;
	}
#contatti #intestazione a {
	position: absolute;
	margin-left: 350px;
	display: block;
	width: 350px;
	height: 80px;
	text-decoration: none;
}
#contatti #corpo {
	clear: right;
	width: 700px;
	overflow: hidden;
	min-height: 500px;
	background:#000000;
}
#contatti #colonna-1 h2{
	font-size:18px;
	margin: 20px 0 10px 0;
	color: #59544D;
}
#contatti #colonna-1 .direttore{
	font-size:16px;
	text-align:center;
	color: #59544D;
}
#contatti #colonna-1 {
	float: left;
	width: 540px;
	background: transparent;
	color: #fff;
}
#contatti #colonna-1 .box{
	width: 100%;
	height: 100px;
	float: left;
}
#contatti #colonna-1 .box img{
	margin: 10px 0 0 100px;
}
#contatti #colonna-1 .compagnia{
	text-align: center;
}
#contatti #colonna-1 p.mail{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
}
#contatti #colonna-1 .logo{
	margin: 30px 0 0 160px;
}

#contatti #colonna-1 .box_sx{
	width: 150px;
	height: 150px;
	float: left;
	margin: 30px 0 0 60px;
}
#contatti #colonna-1 .box_dx{
	width: 150px;
	height: 150px;
	float: left;
	margin: 30px 0 0 120px;
}
#contatti #colonna-1 a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#contatti #colonna-1 a:hover {
	text-decoration: underline;
}
#contatti #colonna-2 .locandina {
	margin-top: 60px;
	margin-left: 4px;
	width: 46px;
	height: 190px;
	background-color: #000;
}
#contatti #colonna-2 .locandina img {
	border: 0 none;
}
#boxTxt{
	float: left;
	width: 50%;
	text-align: center;
}
#boxTxt .spettacoli{
	font-size: 16px;
	text-align: center;
	color: #59544D;
}
#contatti #colonna-2 {
	float:  right;
	width: 150px;
	background: transparent;
	color: #fff;
}
/*galleria*/
#galleria #intestazione {
	width: 100%;
	height: 80px;
	background: #000 url(../immagini/pagina_2.jpg) top left no-repeat;
}
#galleria #intestazione a{
	position: absolute;
	margin-left: 350px;
	display: block;
	width: 350px;
	height: 80px;
	text-decoration: none;
}
#galleria #corpo {
	clear: right;
	width: 700px;
	overflow: hidden;
	min-height: 500px;
	background: #000 url(../immagini/sfondo_pagina.jpg) 0 60px no-repeat;
}
#galleria #colonna-1 h2{
	font-size:18px;
	margin: 20px 0 10px 0;
	color: #59544D;
}
#galleria #colonna-1 h3{
	font-size: 16px;
	margin: 50px 0 0 15px;
	color:#FFFFFF;
}
#galleria #colonna-1 .link{
	
}
#galleria #colonna-1 h3.righe{
	font-size: 16px;
	margin: 30px 0 0 15px;
	color:#FFFFFF;
}
#galleria #colonna-2 .locandina {
	margin-top: 60px;
	margin-left: 4px;
	width: 46px;
	height: 190px;
	background-color: #000;
}
#galleria #colonna-2 .locandina img {
	border: 0 none;
}
#galleria #colonna-2 {
	float:  right;
	width: 150px;
	background: transparent;
	color: #fff;
}

#contatti #colonna-2 .locandina{
	margin-top: 30px;
	margin-left: 4px;
	width: 46px;
	height: 190px;
	background-color: #000;
}
#galleria #colonna-1 {
	float: left;
	width: 540px;
	background: transparent;
	color: #fff;
}
#galleria #colonna-1 p {
	font-size: 12px;
	margin: 20px 0 0 0px;
	color: #FFF;
}
#galleria #colonna-1 .box{
	width: 95%;
	height:150px;
	float: left;
}
#galleria #colonna-1 .box_sx{
	width: 190px;
	height: 150px;
	float: left;
}
#galleria #colonna-1 .box_dx{
	width: 300px;
	height: 150px;
	float: left;
}
#galleria #colonna-1 .imagelist table {
	width: 98%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	margin-right: 2%;
}
#galleria #colonna-1 .imagelist table td {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
}

#galleria #colonna-1 .gallerylist .box {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666;
}
#galleria #colonna-1 .gallerylist .box .image {
	width: 160px;
	min-height: 150px;
	float: left;
}
#galleria #colonna-1 .gallerylist .box .image img {
	border: 0 none;
	margin: 0.5em 0;
}
#galleria #colonna-1 .gallerylist .box h3 {
	margin: 0.5em 0 0.2em;
}
#galleria #colonna-1 .gallerylist .box h3 a {
	color: #CCC;
	text-decoration: none;
}
#galleria #colonna-1 .gallerylist .box .testo {
	color: #CCC;
	margin: 10px 0;
}
#galleria #colonna-1 .gallerylist .box .testo p {
	margin: 0.5em 0;
	padding: 0;
}
#galleria #colonna-1 .gallerylist .box p.goto {
	margin: 0.5em 0;
	text-align: right;
}
#galleria #colonna-1 .gallerylist .box p.goto a {
	color: #999;
	text-decoration: underline;
}
#galleria #colonna-1 .gallerylist .box p.goto a:hover {
	color: #CCC;
	text-decoration: none;
}
	
#intestazione, #colonna-1, #colonna-2, #pie-di-pagina {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
div p {
	margin: 0;
	padding: 0.5em 1em;
}
#pagine div p {
	margin: 0;
	padding: 0.5em 0;
}
#contatti #colonna-1 .address {
	text-align: center;
}

.box-testo {
	position: relative;
}
.box-testo * {
	position: relative;
	z-index: 1;
}
.box-testo .box-background {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	-khtml-opacity: .3;  
	-moz-opacity: .3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
}