html,body{margin:0;padding:0;height:100%;text-align:left;background:#EEECD5 url('../images/bg_ombra.jpg') center repeat-y;}
body{font: 76% Georgia, Arial, Helvetica, sans-serif;color:#333;}
div#content p{line-height:1.4}
div#footer p{margin:0;padding:4px 10px 0 10px;color: #FFF}
div#wrapper{
	width:760px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
}
div#content{margin: 0 10px 0 200px;padding:10px 10px 20px 10px;width:524px;}
div#navigation{float:left;padding:0 0 30px 0;width:180px;background:url('../images/tit_h_spettacoli.gif') top no-repeat;min-height:500px;}
div#footer{clear:left;width:760px;height:25px;background:url('../images/bg_footer.gif') no-repeat;margin:auto;text-align:center;font-size:0.9em}
.push{height: 25px; /* .push deve essere della stessa altezza del #footer */}

h1{font-size: 2.4em;display:inline;color:#990000}
h2{font-size: 1.8em;display:inline;color:#990000}
h3{font-size: 1.2em;display:inline;color:#990000}
h4{font-size: 1.2em;display:inline;color:#990000}
h5{font-size: 1em;display:inline;color:#990000}
h6{font-size: 0.85em;display:inline;color:#990000}

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

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

form {dislpay:inline;margin:0;}
input, textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 11px;
	border: 1px solid #bbb;
	border-top: 1px solid #777;
	border-bottom: 1px solid #ddd;
	background: #fefefe url(../default_images/textbg.png) no-repeat top left;
	padding: 0.2em 0.2em;
	max-width: 1000px;
	font-variant: normal;
	}
select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;}
button {font-size:11px;color:#FFFFFF;font-family:"Trebuchet MS",Georgia;border:0;margin:0;padding:0;width:152px;height:18px;background:url('../images/bottone_submit.gif') no-repeat;}
button:hover {font-size:11px;color:#FFFFFF;font-family:"Trebuchet MS",Georgia;border:0;margin:0;padding:0;width:152px;height:18px;background:url('../images/bottone_submit_hover.gif') no-repeat;}
.inputnoborder{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;background:none;border:0;padding-left:3px}

img{outline:none;-moz-outline:none;}
a{outline:none;-moz-outline:none;}
a{color:#990000;text-decoration:none;}
a:hover{color:#990000;text-decoration:underline;}

#home .home, #chisiamo .chisiamo, #spettacoli .spettacoli, #news .news, #contattaci .contattaci
{
color:#C79C73;padding:10px 25px;background: url('../images/bottoni_hover.jpg') center;height:39px;border-left:1px solid #333;border-right:1px solid #333
} 

.red{color:#990000}
.grigio{color:#999;font-size:14px;font-weight:bold}

/*stili per il menu*/
div#menu{padding:10px 15px;width:730px;background: #990000 url('../images/bg_menu.gif');text-align:center;font-weight:bold}
div#menu a{color:#FFFFFF;padding:10px 25px;font-size:1.2em;text-decoration:none;height:39px;border-left:1px solid #990000;border-right:1px solid #990000}
div#menu a:hover{color:#C79C73;padding:10px 25px;background: url('../images/bottoni_hover.jpg') center;height:39px;border-left:1px solid #333;border-right:1px solid #333}
/*div#menu a.activelink{color:#C79C73;padding:10px 25px;background: url('../images/bottoni_hover.jpg') center;height:39px;border-left:1px solid #333;border-right:1px solid #333}*/

div#head{display:block;height:130px;width:760px;background: url('../images/bg_header.jpg');}

/*stili per la sezione login*/
div#login {padding:0;width:160px;margin-top:10px;margin-left:12px}
div#login a{font-size:11px;color:#999999;text-decoration: none}
div#login a:hover{color: #050E85;text-decoration: underline}

/*stili per la sezione newsletter*/
div#newsletter {padding:0;width:160px;margin-top:30px;margin-bottom:30px;margin-left:12px;text-align:center}

/*stili per la paginazione*/
.pag-left{text-align:left;float:left;padding-bottom:10px;display:block;}
.pag-right{text-align:right;padding-bottom:10px;display:block;font-family:Arial, Helvetica, sans-serif}
.pag-right a{color:#999;text-decoration: none;font-weight:bold;}
.pag-right a:hover,active,visited{color:#990000;text-decoration:none;}

/*stili per l'elenco spettacoli nella colonna sinistra*/
div#main-spettacoli{width:120px;margin:20px 8px;text-align:center}
div#main-spettacoli img{padding:15px 0 5px 0}
div#main-spettacoli h2{font-size:12px}

.mini-nav{text-align:left;padding:0 0 3px 0;margin-bottom:20px;border-bottom:1px solid #EBEBEB}

.activelink{
	color:#FFFFFF;
	font-weight:bold;
	height:22px;
	background: #990000;
	padding: 0px 3px 0px 3px;
	border: 1px solid #990000;	
	text-decoration:none;

}

.paglink{
	height:22px;
	background: #FFFFFF;
	padding: 0px 3px 0px 3px;
	border: 1px solid #ECECEC;	
	text-decoration:none;

}

.mini-gallery{text-align:center;width:70px;height:70px;border:1px solid #EEEEEE;float:left;padding:5px 5px;margin:0 6px 0 0;background:#FFFFFF;}

.hr-dotted{margin:0px 5px;color: #EEECD5; background-color: #EEECD5; border: 1px dotted #999; border-style: none none dotted;}
 
/* ############################  MSG BOX  ############################################ */

div.message{
    margin: 0 0 2em;
    padding: 1em 15px 0 60px;
    border-style: solid;
    border-width: 1px 1px;
	text-align:left;
	min-height:60px;
	}

div.message p{
    margin: 0 0 0.4em 0}
	
div.message a{text-decoration:underline;line-height:30px;display:block;color:#000}
div.message a:hover{text-decoration:none;color:#000}

div.message li{list-style : square inside;}	

div.message.succes{
    background: #F9F9F9 url(../default_images/alert_succes.gif) no-repeat 12px 1em;
    border-color: #CCC}
div.message.succes h4{margin:0px;color:#339900}

div.message.info{
    background:  #F9F9F9 url(../default_images/alert_info.gif) no-repeat 12px 1em;
    border-color: #CCC}
div.message.info h4{margin:0px;color:#003399}	

div.message.question{
    background: #F9F9F9 url(../default_images/alert_question.gif) no-repeat 12px 1em;
    border-color: #CCC}
div.message.question h4{margin:0px;color:#FFCC00}

div.message.error{
    background: #F9F9F9 url(../default_images/alert_error.gif) no-repeat 12px 1em;
    border-color: #CCC}
div.message.error h4{margin:0px;color:#CC0000}

/* ############################  FORM   ############################################ */
  
fieldset{border:0px solid;margin:0;padding:0}
form legend{display:block;padding:0;margin:0}
form div.form{padding: 5px 0;border-bottom: 1px solid #F7F7F7;text-align:left}
form label{float:left;width:110px;line-height:23px;padding:0 10px;text-align:left;}
div.form-button button{margin:10px;} 
.required{color:#CC0000}
.subtitolo{padding:0 0 5px 0;font-weight:bold;font-size:14px;}

/* ############################  EFFETTO HOVER SULLE RIGHE DELLE TABELLE ############################################ */

.tableRollOverEffect1{
  background-color:#F7F7F7;
  color:#000;
}
.tableRowClickEffect1{
  background-color:#ECECEC;
  color:#000;
}

/* ############################  BOTTONI   ############################################ */

div.button-cont{float: left;width: 100%;margin: 0 0;background:#FFF;}

a.button{float: left;height: 20px;padding-left: 7px;
    font: 90%/20px Georgia,Arial,sans-serif;
    background: url('../images/bottone.gif') no-repeat top left;
    text-decoration: none;color: #FFF;margin-right: 5px;}

a.button span{display:block;padding-right: 6px;
    background: url('../images/bottone.gif') no-repeat top right;}

a.button:hover{background-position: bottom left;color:#FFF;text-decoration:none;}
a.button:hover span{background-position: bottom right;}

/* ############################  RIQUADRI ARROTONDATI  ############################################ */

.corner{display:block}
.corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#660000}
.corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bd9191;
  border-right:1px solid #bd9191;
  background:#8c3f3f}
.corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #efe5e5;
  border-right:1px solid #efe5e5;
  background:#833030}
.corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #833030;
  border-right:1px solid #833030;}
.corner4{
  border-left:1px solid #bd9191;
  border-right:1px solid #bd9191}
.corner5{
  border-left:1px solid #8c3f3f;
  border-right:1px solid #8c3f3f}
.cornerfg{
  background:#660000}