/* STRUTTURA */

body {
background-color:#fff;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

#header {
position:relative;
width:93%;
}

#container {
position:relative;
width:100%;
}

#content {
position:relative;
margin-left:40%;
}

#leftcol {
position:absolute;
top:0;
left:0;
width:40%;
}

#footer {
clear:both;
position:relative;
left:10%;
bottom:0;
width:79%;
border-top:1px solid #369;
}

.hide {display:none; }
img {border:none; }
.bold {font-weight:bold; }

a {font-weight:bold;}
a:link {color:#369;}
a:visited {color:#669;}
a:hover {color: #900; text-decoration:underline; }
.txt2 {font-size:0.9em; line-height:1.5em; margin:0 0 10px 0; padding:0;}
.txt1 {font-size:0.9em; text-align:center; }

/* NAVIGAZIONE */

#menu {
position:absolute;
top:0;
left:60px;
width:100%;
margin:0 60px 0 0;
font-size:76%;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#menu ul {
margin:0px;
padding:0px;
background-color:transparent;
border:none;
display:inline;
}

#menu ul li {
display:inline;
}

#menu ul li a {
margin-left:1%;
padding:41px 3px 1px 0;
color:#333;
text-decoration: none;
float: left;
border-right: 1.2em solid #f90;
border-bottom: 1px solid #f90;
display:block;
width:15%;
}

#menu ul li a {
height:57px;
voice-family: "\"}\"";
voice-family:inherit;
height:14px;
display:block;
}

html>body #menu ul li a {height:14px; }

#menu ul li a:visited {
color:#666;
}

#menu ul li a:hover {
color:#000;
}


#menu ul li.here {
margin-top:0;
margin-left:1%;
padding:41px 3px 1px 0;
color:#f90;
float: left;
border-right: 1.2em solid #f90;
border-bottom: 1px solid #f90;
display:block;
width:15%;
}

#menu ul li.here {
height:57px;
voice-family: "\"}\"";
voice-family:inherit;
height:14px;
display:block;
}

html>body #menu ul li.here {height:14px; }

/* PRESENTAZIONE */

#assessore {
margin:20px;
padding:20px;
background-color:#000;
color:#fff;
font-size:0.8em;
font-weight:bold;
}

#intro {margin-left:80px;}
.first {font-size:2em;}
.firma {margin-left:10px;}
.cognome {color:#9f3;}
.intro1 {font-size:1em; margin:0; line-height:1.2em;}
.intro2 {font-size:1em; margin:0 0 0 40px; line-height:1.2em;}
.intro3 {font-size:1em; margin:0 0 0 60px; line-height:1.2em;}
.introrosso {font-size:1.3em; color:#f00;}
.asterix {font-size:3em; color:#f90; font-weight:bold;}
.intro4 {font-size:1.1em; margin:10px 0 0 10px; line-height:1.2em;}
.intro5 {font-size:1.1em; margin:0 0 0 30px; line-height:1.2em;}
.intro6 {font-size:1.1em; margin:0 0 0 60px; line-height:1.2em;}
.intro7 {font-size:1.1em; margin:0 0 0 45px; line-height:1.2em;}
.intro8 {font-size:0.8em; margin:20px 20px 0 20px; line-height:1.2em; text-align:center;}
.intro9 {font-size:0.8em; margin:20px 20px 0 20px; line-height:1.2em;}

/* INDICE SS5 */

#scenario {
position:relative;
margin:40px 0 20px 10%;
width:80%;
}

.ballerina {
width:180px;
margin:auto;
margin-top:10px;
}

.scenariologo {
width:145px;
margin:auto;
margin-top:10px;
}

#loghi {
margin:auto;
margin-top:20px;
padding:0;
width:425px;
}

#loghi img {display:inline; margin-left:5px;}


/* INFORMAZIONI */

#info {
position:relative;
margin:40px 0 20px 10%;
width:80%;
background:transparent url(imgs/cervello_bg100.gif) 100px 50px no-repeat;
}

.tit1 {
font-size:1em;
color:#900;
margin:20px 0 5px 60px;
}

.tit2 {
font-size:0.9em;
margin:10px 0 3px 50px;
}



/* INDICE SPETTACOLI */

#scenario ul {
margin:0 0 0 25%;
padding:0;
list-style-type:none;
font-size:0.9em;
font-family:Georgia, Times New Roman, Times, serif;
}

#scenario ul li {
margin: 0 0 10px 0;
display:block; padding:2px 2px 2px 4px;  width:40%; border-bottom:2px dotted #369;
}

#scenario ul li a {text-decoration: none; padding-left:15px; font-style:italic; font-weight:bold;}
#scenario ul li a:link {color:#333;}
#scenario ul li a:visited {color: #666;}
#scenario ul li a:hover {color: #000;}

.show {
padding-left:0;
color:#c00;
font-weight:bold;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}


/* SPETTACOLI */

#dati {
margin:40px 0 0 40px;
padding:0;
}

#testo {
margin-right:40px;
padding-top:40px;
}

.data {
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 7px 0;
padding:0;
}

.crediti {
line-height:1.2em;
margin:0 20px 5px 0;
padding:0;
font-size:0.8em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
}
.titolo {width:40%; font-size:1.4em; color:#c00; margin:7px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.subtit {font-size:1em; font-style:italic; font-weight:normal; margin-top:0;}
.regista {font-size:1em; font-weight:bold; }
.firma2 {font-size:0.9em; text-align:right; margin:0 60px 10px 0; padding:0;}
.recensione {font-size:0.9em; line-height:1.5em; font-style:italic; margin:20px 20px 0 20px; padding:0; border-top:1px dotted #f90;}
.pic1 {width:150px; margin:auto;}


/* PHOTO GALLERY */

#gallery {
position:relative;
margin:40px 0 20px 10%;
width:80%;
}

#gallery img {display:block; }

.thumb {
margin:10px;
float:left;
background-color:transparent;
width:150px;
}

.pichor {margin:auto; border:1px solid #000; width:150px; }
.picver {margin:auto; border:1px solid #000; width:83px;}
.dida {
font-size:80%;
font-family:verdana, arial, helvetica, sans-serif;
color:#000;
text-align:center;
margin:10px;
padding-top:5px;
border-top:2px dotted #369;
}


/* FOOTER */

.credits {
text-align:center;
font-size:70%;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
margin:10px 0;
}