/* CSS Document */
* {margin:0;padding:0}
html {background:#747B8E}
body {color:#000;font:100.01%/1.1 "Lucida Sans", Arial, "Times New Roman", Times, sans-serif}
h1 {font-size:1.2em;margin-bottom:10px}
h2 {font-size:1.05em;border-left:5px solid #666;padding-left:5px;margin-top:20px}
h1,h2 {margin-left:10px;font-weight:normal}
code {display:block;margin-left:25px;padding-bottom:20px}
ol {margin:8px 0 0 10px}
ol li {display:inline;margin-right:5px}
ul {margin-left:10px;margin-top:10px}
ul li {margin-right:9px;list-style:none}
img {border:0;margin:0px }
#sub-section div {text-align:center}
p {margin:10px 10px}
pre {white-space:normal}
#header,#menu,#content,#sub-section,#footer {padding:0px 0;font-size:.9em}
#content div {margin:10px}
.bold {padding:10px;background:#fff;border:1px dotted #666}
.highlight {background-color:#ffc}
#content img{
    border-style:solid;
	border-color: #7E808C;
	border-width:5px;
}
#content p{
font-style: normal;
font-weight: normal;
font-family: arial;
font-size: 16px;
color: #515661;
}	

#paragrafo p{
font-style: normal;
font-weight: normal;
font-family: "arial";
font-size: 15px;
color: black;
}

#sub-section img{
    border-style:solid;
	border-color: #000;
	border-width:2px;
}


div#menu ul{
list-style-type: none;
margin: 0;
padding: 0
}

div#menu li{float:left;
margin: 159px 35px 0;
padding:0;
border: 0px solid #CCC
}

div#menu a{
position:relative;
display:block;
height: 45px
}

div#menu a span{
position:absolute;
width:100%;
height:100%;
cursor: pointer; /*per IE*/
}

div#menu a:hover{
color: #369; /*per IE*/
}

div#menu a:hover span{
background-position: -45px 0;
}

div#menu a#current span{
background-position: -90px 0;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent url(img/list-off.jpeg) left no-repeat;
padding-left: 15px;
text-align: left;
font: normal 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}

#navcontainer ul li a:hover
{
background: transparent url(img/list-on.jpeg) left no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(img/list-on.jpeg) left no-repeat;
color: #666;
}

/*viene attribuita la larghezza di ogni singolo link*/
li#one a{width: 45px; margin-right:-33px;} 
li#two a{width: 45px; margin-right:-33px}
li#three a{width: 45px; margin-right:-33px}
li#four a{width: 45px; margin-right:-33px}
li#five a{width: 45px; margin-right:-33px}
li#six a{width: 45px; margin-right:-33px;}
li#seven a{width: 45px; margin-right:-33px;}
li#eight a{width: 45px; margin-right:-33px;}
li#nine a{width: 45px; margin-right:-33px;}

/*si dichiarano le immagini*/
li#one span{background: url("img/pulsante-home.jpg") no-repeat top left} 
li#two span{background: url("img/pulsante_aristeo.jpg") no-repeat top left}
li#three span{background: url("img/pulsante_testimoni.jpg") no-repeat top left}
li#four span{background: url("img/pulsante_episodi.jpg") no-repeat top left}
li#five span{background: url("img/pulsante_eventi.jpg") no-repeat top left}
li#six span{background: url("img/pulsante_luoghi.jpg") no-repeat top left}
li#seven span{background: url("img/pulsante_officina.jpg") no-repeat top left}
li#eight span{background: url("img/pulsante_collabora.jpg") no-repeat top left}
li#nine span{background: url("img/pulsante_info.jpg") no-repeat top left}