/* CSS Document */
body{
margin:0px;
padding:0px;
background:#FFFFFF;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#main{
margin:0px;
}
#spaceleft{
width:20px;
float:left;
}
#col_left{
float:left;
padding:20px 0px 0px 0px;
}
#col_right{
float:left;
margin-top: 65px;
vertical-align:top;
width:800px;
}
#img_cont{
font-size:9pt;
text-align:center;}

#menu_or{
padding-top:45px;
font-weight:bold;
font-size:11px;
color:#999999;
padding-bottom:51px;
}

div, a.avert{
padding-bottom:15px;
color:#666666;
text-decoration:none;
font-size:10pt;
}

a.avert2{
padding-bottom:15px;
color:#666666;
text-decoration:none;
font-size:8.5 pt;
}

.supernote-click-demo3{
padding-bottom:15px;
color:#666666;
text-decoration:none;
font-size:10pt;
}

a.or{
padding-right:25px;
text-decoration:none;
color:#999999;
}
a.orb{
padding-left:160px;
padding-right:5px;
text-decoration:none;
color:#999999;
}
a.orc{
padding-left:5px;
text-decoration:none;
color:#999999;
}
#itaeng{
padding-left:50px;
float:left;
}
.testo{
width:800px;
overflow:auto;
font-size:10pt;
}
a.res{
font-weight:bold;
text-decoration:none;
color:#999999;
}
.res{
font-weight:bold;
text-decoration:none;
color:#999999;
font-size:10pt;
}
.res_btn{
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:10pt;
}
select, input, button{
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:10pt;
}
.hrefimg{
text-decoration:none;
color:#000000;
}


#foot{
float:left;
width:500px;
font-size:8.5 pt;
color:#666666;
line-height:8px;
text-align:left;
}

#info{
float:right;
width:300px;
text-align:right;
font-size:8.5 pt;
line-height:2px;
}
#scroll{
float:left;
width:50px;
text-align:right;
line-height:8px;
}



#intro{margin:150px 0px 0px 150px;}

div#hormenu {
width: 380px; 
float: left; 
margin: 0; 
padding: 0;
}

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

div#hormenu li {
width:380px;
float:left;
margin: 0;
padding: 0;
color:black;
font-size:34pt;
font-weight:bold;
color:#000000;
padding:5px;
} 
div#hormenu a {
display: block;
color: #666666;
text-decoration: none;

}
div#hormenu a:hover {
color: #999999;
text-decoration: none;
}
div#hormenu li ul {display: none}

div#hormenu li:hover ul {
display: block;
position: absolute;
z-index:1;
width:150px;
padding: 0;
margin: -40px 0px 0px 380px;
}


div#hormenu li li {border: none; width: 150px; line-height:10px;} 
div#hormenu li li a {font-size:10pt; padding: 2px 2px 2px 10px;}



div#leftmenu {
width: 160px; 
float: left; 
margin: 0; 
padding: 0;
}

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

div#leftmenu li {
width:110px;
float:left;
margin: 0;
padding: 0;
color:black;
font-size:10pt;
color:#000000;
} 

div#leftmenu a {
display: block;
color: #666666;
text-decoration: none;
}
div#leftmenu a:hover {
color: #999999;
text-decoration: none;
}
div#leftmenu li ul {display: none}

div#leftmenu li:hover ul {
display: block;
position: absolute;
z-index:1;
width:110px;
padding: 0;
margin: -17px 0px 0px 50px;
}


div#leftmenu li li {border: none; width: 110px; } 
div#leftmenu li li a {font-size:10pt; padding: 2px 2px 2px 10px;}






.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS per le immagini allargate*/
position: absolute;
background-color: #ECFDCE;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS per le immagini allargate*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS per le immagini allargate*/
visibility: visible;
top: 0;
left: -50px; /*posizione orizzontale dove volete che appaia l’effetto popup*/

}