@charset "utf-8";
/* CSS Document */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	color:#636363;
	text-align:left;
	line-height: 1.2em;
	margin-top:0;
    background:url(img/sfondo_pag.jpg) no-repeat center top;
}


h1 {
	letter-spacing:0.07em;
	font-size:1.2em;
	color: #80b0be;
	font-weight: bold;
}
h2 {
	color: #b90026;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.06em;
	font-size:1.3em;
	margin-bottom:5px;
}

a:link, a:visited, a:active {
	color: #0099ff;
	text-decoration: none;
}
a:hover {
	color: #a6a4a5;
	text-decoration: none;
}

.data {
	color: #0099ff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	letter-spacing:0.05em;
	font-size:1.1em;
}

.titolo_spettacolo {
	color: #636363;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	font-size:1.1em;
}

#scheda {
	color: #0099ff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-weight:600;

}
#scheda a {
	color: #0099ff;
	text-decoration:none;
}

#scheda a:hover {
	color: #0099ff;
	text-decoration:underline;
}
#scheda a:visited {
	color: #0099ff;
	text-decoration:none;
}

#main {
	width:950px;
	margin:0 auto;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 950px;
	height: 230px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 30px 0px 0px; /*margin around each panel*/
	width: 212px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.pixel {
	float:left;
	/*border:1px dashed #ccc;*/
	padding:1px 3px;
	margin:3px;
	font-weight:bold;
}
input, textarea, select {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	border:1px solid #CCCCCC;
}

/* striscia alta contatti*/
#head {
    font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:11px;
	text-align:right;
	margin:5px 0;
	padding-right:30px;
	font-weight:600;
}
#head a:link {
	color:#000000;
	text-decoration: none;
}
#head a:visited {
	color: #000000;
	text-decoration: none;
}	
#head a:hover {
	color:#FF6600;
	text-decoration: none;
}
#head a:active {
	color: #ff6600;
	text-decoration: none;
}

/* fine striscia alta contatti*/

#container {
	/*background:#c9dce2;*/
}

#banner {
background-image:url(img/timbre_teatro_verdi.png);
background-position:left;
background-repeat:no-repeat;
height:84px;
}
#banner h1 {
	display:none;
}
#menu {
    width:940px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-align:right;
	letter-spacing:0.07em;
	
}
#menu a {
	padding:0 10px;
	color:#000000;
	text-decoration: none;
}


#menu a:hover {
	color:#FF6600;
}
#menu a:active {
	color:#000;
	text-decoration: none;
}
#menu a:visited {
	color:#000;
	text-decoration: none;
}

.titolo_pag {
	color: #0099ff;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	letter-spacing:0.05em;
	font-size:1.5em;

}


#content {
	margin: 0 auto;
	padding:35px 0px 35px 0px;
	
}
#bottom {
background-image:url(img/fondo_bottom.gif);
background-repeat:no-repeat;
background-position:top;
font-family:Helvetica, Geneva, Arial, sans-serif;
color:#818181;
height:87px;
padding:14px 300px 0px 65px;
clear:both;
letter-spacing:0.05em;
font-size: 11px;
}