body {
	text-align: center;
	font-family: Verdana, arial, serif;
	
}
span.red {color: #bf1e2d;}
.red {color: #bf1e2d;}
hr {margin: 10px 0; color: #fff;}
a {color: #000; }
a:hover {color: #bf1e2d;}
.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	background: url(../../images/teatroofficina/bg_cont.png) repeat-y;
		min-height: 350px;
	height: auto !important;
	height: 350px;
}
.header{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 100px;
	background: url(../../images/teatroofficina/bg_head.png) no-repeat;
	text-align: left;
	
}
.footer{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 50px;
	background: url(../../images/teatroofficina/bg_foot.gif) no-repeat;
	text-align: left;
	line-height: 5.8em;
	text-align: center;
	font-size: 0.75em;
	font-family: Verdana, arial, serif;
	
}
.header img {
	margin-left: 7px;
	
}

/* BRAEDCRUMP and PAGINATION */
.container .top_head{
	background: #e6e6e6;
	width: 950px;
	width: 792px!important;
	height: 20px;
	float:left;
	margin-left: 8px;
	padding:6px 0 3px 150px;
	text-align: left;
	font-size: 0.7em;
	font-family: Verdana, arial, serif;
	
}
.container .top_head .breadcrump{
	float: left;
	width: 600px;
	text-align: left;
}
.container .top_head .pagination{
	
	width: 150px;
	text-align: right;
	float: right;
	margin: 0 20px 0 0;
	
}
.container .top_head .pagination a{
	padding: 0 3px;
	font-weight: bold;
	color: #000;
	
}
.container .top_head .pagination a:hover{
	
	padding: 0 3px;
	background: #bf1e2d;
	color: #fff;
	
	
}
.container .top_head .pagination div.active {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-weight: bold;
    margin: 0 5px;
    padding: 1px 3px;
}

.container .menu_left {
	font-size: 0.8em;
	float: left;
	width: 150px;
	margin:20px 0 0 8px;
	text-align: left;
	font-family: Verdana, arial, serif;
		min-height: 350px;
	height: auto !important;
	height: 350px;
	
}
.container .menu_left a.active {color: #bf1e2d;}
.container .menu_left ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	line-height: 1.6em;
	
}
.container .menu_left a {
	text-decoration: none;
	color: #231f20;
	
}
.container .menu_left li a {

	font-weight: bold;
	
}
.container .menu_left  a:hover {
	color: #ae050b 
	
}
.container .menu_left li.level1  {
	font-size: 0.8em;
	color: #666;
		
}
.container .menu_left li.level0  {
	font-size: 1.05em;
	font-weight: bold;
	
	
}

.container .content  {
	float: right;
	width: 780px;
	width: 760px!important;
	
	height: 300px;
	margin: 0px 13px 0 0;
	font-family: Verdana, arial, serif;
		min-height: 400px;
	height: auto !important;
	height: 400px;
	
	
}
.container .content .picture {
	width: 480px;
	height: 360px;
	position: absolute;
	top: 40px;
	left: 180px;
	z-index: 100;
	overflow: hidden;
	
}

.container .content .big_picture {
	width: 480px;
	height: 360px;
	top: 40px;
	left: 180px;
	z-index: 1000;
	position: absolute;
	border: 0;
	background: url(../../images/teatroofficina/rounded.png) no-repeat;
	
}
.container .content .info_picture {
	width: 250px;
	width: 220px!important;
	height: 120px;
	top: 270px;
	left: 190px;
	z-index: 1100;
	padding: 15px;
	position: absolute;
	border: 0;
	font-family: Verdana, arial, serif;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.3em;
	background: url(../../images/teatroofficina/info_pict.png) no-repeat;
	
	
}
.container .content .info_picture b {
	font-size: 1.1em;
	
	
}

/* RIGHT COLUMN HOME*/
.container .content .right.home {
	width: 250px;
	min-height: 362px;
	height: auto !important;
	height: 362px;
	float: right;
	text-align: left;
	font-size: 0.82em;
	margin: 10px 0 0 0;
	background: none;
	
	
}
.container .content .right.home span.data_home{
	display: block;
	text-align: left;
	font-size: 0.85em;
	font-style: italic;
	
	
	
}
.container .content .right.home h1{
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
	
	
}
.container .content .right.home .box{
	margin-bottom: 15px;
	display: block;	
	line-height: 1.1em;
	
}
.container .content .right.home .box h2{
	padding: 2px 0;
	margin: 0;
	display: block;	
	font-size: 1.1em;
	
}
.container .content .right.home .box h3{
	padding: 0;
	margin: 0;
	display: block;	
	font-size: 0.9em;
	
}
.container .content .right.home .box h4{
	padding: 0;
	margin: 0;
	display: block;	
	font-size: 0.85em;
	color: #333;
	font-style: italic;
}
span.data {
	padding: 0;
	margin: 0;
	display: block;	
	font-size: 0.85em;
	color: #333;
	font-style: italic;
}
span.all a{
	padding: 0;
	margin: 3px 0;
	display: block;	
	font-size: 0.85em;
	text-align: center;
	color: #bf1e2d;
}
span.all a:hover {color: #ccc;}

.container .content .right.home .box_news{
	margin-bottom: 10px;
	
	width: 230px;
	line-height: 1.1em;
		
}
.container .content .right.home .box_news .txt {
	background: url(../../images/teatroofficina/arrow_news.gif) no-repeat 5px 12px;
	border-bottom: 1px dotted #ccc;
	padding:4px 0 4px 20px ;
	font-size: 0.85em;
	
}
.container .content .right.home .box_news h3{
	font-size: 85%; 
	margin: 10px 0 2px 0; 
	background:#bf1e2d; 
	color:#fff; 
	text-align:center; 
	padding:2px 0;
	
}


/* RIGHT COLUMN */
.container .content .right {
	width: 200px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float: right;
	text-align: left;
	font-size: 0.75em;
	margin: 0;
	padding: 10px;
	background: #e8e8e8;
	border-top: 2px solid #fff;
	line-height: 1.3em;
	
	
}
.container .content .right img {
	margin-bottom: 15px;
	
	
}
.container .content .right.home img {
	margin-bottom: 0px;
	
	
}
/* LEFT COLUMN */
.container .content .left {
	width: 500px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float: left;
	text-align: left;
	font-size: 0.85em;
	margin: 0;
	padding: 20px 10px 10px;
	
	
	
}
.container .content .left.full {
	float: left;
	width: 720px;
}


.container .content .left h1 {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 3px 0;
	
	
	
}

.container .content .left .box_hitlist {
	width: 480px;
	float: left;
	text-align: left;
	font-size: 0.95em;
	margin: 5px 0 20px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.container .content .left .box_hitlist.full {
	width: 650px;
	float: left;
	text-align: left;
	font-size: 0.95em;
	margin: 5px 0 20px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	
}
.container .content .left .box_hitlist .data_hitlist {
	width: 85px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
	background: #bf1e2d;
	text-align: right;
	padding: 8px;
	color: #fff;
	margin-right: 15px;
	font-size: 0.9em;
	
	
}
span.big_number {
	display: block;
	font-size: 1.5em;
	line-height: 0.8em;
	padding-top: 5px;
	
}
span.production {
	display: block;
	font-size: 0.9em;
	line-height: 0.8em;
	padding: 3px 0;
	color: #666;
	
}
span.title {
	display: block;
	font-size:1.2em;
	
	padding: 3px 0;
	color: #000;
	font-weight: bold;
	
}
div.content span.title a{
	
	color: #000;
	
	
}
span.short_description {
	display: block;
	font-size:1.1em;
	line-height: 0.95em;
	padding: 3px 0;
	color: #000;
	font-style: italic;
	
}
span.regia, span.actor {
	display: block;
	font-size:0.99em;
	line-height: 1em;
	padding: 3px 0;
	color: #000;
	
	
}
span.regia, span.actor, span.altro {
	display: block;
	font-size:0.99em;
	line-height: 1.2em;
	padding: 5px 0;
	color: #000;
	
	
}
span.long_description {
	display: block;
	margin-top: 5px;
	
	padding: 3px 0;
	color: #000;

	
}
span.orario_spettacoli {
	
	
	font-size:1.10em;
	line-height: 1.2em;
	font-weight: bold;
	color: #000;

	
}
.container .content .left .box_hitlist img {
	margin-right: 10px;
}

/* SCHEDA */

.container .content  a.back {
	float: right;
	text-align: right;
	width: 120px;
	height: 25px;
	margin: 15px 20px 0 0;	
	background: url(../../images/teatroofficina/back.gif) no-repeat top left;
	cursor: pointer;
	
}
.container .content  a.back:hover {background-position: top right;}

.container .content  .data {
	float: left;
	text-align: left;
	width: 120px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	background: #bf1e2d;
	text-align: right;
	padding: 3px;
	color: #fff;
	margin-top: 15px;
	font-size: 0.9em;

	
	
	
}

.container .content .left.scheda {
	width: 260px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float: left;
	text-align: left;
	font-size: 0.85em;
	margin: 0;
	padding: 10px 0 0 0;
	margin-left: 0px;
	
	
	
}
.container .content .left.scheda img{margin-bottom: 10px;}

.container .content .right.scheda {
	width: 430px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float: left;
	text-align: left;
	font-size: 0.85em;
	background: none;
	
	
	
}
.container .content .right.news {
	width: 650px;
	float: left;
	text-align: left;
	font-size: 0.85em;
	background: none;	
	
	
}
.container .content .img_news {
	width: 650px;
	float: left;
	border-top: 1px dotted #ccc;
	padding: 10px 0;
	margin-top: 10px;
	
}
.container .content .img_news img{
	margin-right: 10px;
	float: left;
}

.container .content .right.white {
	background: none;
	text-align: right;
	padding: 15px 20px 0 0;
	
	
	
}
.container .content .right.white a{
	color: #fff;
	background: #000;
	padding: 2px 5px;	
}
.container .content .right.white a:hover{
	color: #fff;
	background: #bf1e2d;	
}
.credits img {
	margin: 0 35px 20px 0;	
	float: left;
}
.credits {
	padding: 25px 0 0 0;
}

/* FORM PRENOTAZIONI */

ul.error_list {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #FF0000;
	font-size: 0.8em;
	font-weight: bold;
	
}
form th {
	font-size: 0.85em;
	text-align: right;
	padding-right: 10px;
	width: 150px;
	
}
form th label {
	width: 150px;
	
}
form ul.radio_list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	
}
form ul.radio_list li{
	list-style: none;
	padding: 2px 0;
	
	
}

/* STYLE GALLERY */

.txt_gallery {
	
	font-size: 0.75em;
	text-align: left;
	float: right;
	width: 205px;
	z-index: 10000;
	margin: 60px 0 0 0;
	
	
}
.title_gallery {
	
	font-size: 1.05em;
	text-align: left;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	
}
.box_gallery {
	width: 120px;
	min-height: 150px;
	margin: 0 25px 20px 0;
	text-align: center;
	float:left;
	
	
}
.box_gallery img{
	width: 120px;
	
	
	
}
.box_gallery a:hover img{
	opacity: 0.6;
	
	
	
}
.box_gallery .photog{
	width: 120px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #555;
	
	
	
	
}
.box_gallery a {
	font-size: 0.7em;
	text-decoration: none;
	display: block;
	color: #555;
	
	
	
	
	
}
/* BANNER */
.container .banner_foot{
	
	width: 935px;
	height: auto;
	float: left;
	margin:10px 0 0 8px;
	padding:10px 0 3px 1px;
	text-align: left;
	border-top:1px dotted #ccc;
	font-family: Verdana, arial, serif;
	
}
.container .banner_foot a.left{
	float: left;
	margin: 0 20px 0 0;
	
}

div.download_news {
	border:1px solid #ccc;
	padding: 10px ;
	display: block;
	
}
div.download_news a {
	font-weight: normal;
	font-size: 90%;
	text-decoration: underline;
	display: block;
	margin: 3px 0;
	padding-left: 20px;
	background: url(../../images/teatroofficina/arrow_news.gif) no-repeat 0 2px;
	
}
b.doc {
    margin-top:15px;
	border:1px solid #ccc;
	border-bottom: 0;
	padding: 2px 0px 2px 10px;
	display: block;
	color: #fff;
	background: #bf1e2d;
	
}
/* PRENOTAZIONI */
#nonsocio, #socio{
	display: none;
	border: 1px solid #ccc;
	margin-top: 20px;
	
}
a.showsocio, a.shownosocio{
	cursor: pointer;
	text-decoration: underline;
	
}