html {
overflow-x:hidden;
overflow-y:auto;
} 

body {color:#666;background: #fff; margin:0; font-family: arial, helvetica, sans-serif; text-align:center;}

#pagina {position:absolute; top:2%; left:12%;width:75%;background: #003366;}

#contenitore {float: left; margin-left: 23%; text-align:left;width:77%;background: url(images/pool1.gif) no-repeat top right #003366;}

.clearing {height: 0;clear: both;}


#menusx {position:absolute; top:0px;left:0px; width: 20%; text-align:center;background:#003366;color:#e0e0e0; font-size:80%; padding: 0 10px 0 10px;} 
a.menusx:active {color: #ffcc00;background:#003366; text-decoration: none;text-align:left;} 
a.menusx:visited {color: #ffff66;background:#003366;text-decoration: none;padding: 0 10px 0 10px;text-align:left; } 
a.menusx:hover {color:#ffff66;background:#003366;text-decoration: none;padding: 0 10px 0 10px;text-align:left; } 
a.menusx:link {fcolor: #ffcc00; text-decoration: none; padding: 0 10px 0 10px;text-align:left; } 


#sotto{float:left;width:100%;background:#003366; color:#fff; font-size:70%;}

.testo {font-size: 80%;padding:20px;}

.testo a:active {font-size: 80%; color: #fff; font-weight: normal; } 
.testo a:link {font-size: 80%; color: #fff; font-weight: normal; } 
.testoa:visited {font-size: 80%; color: #fff; font-weight: normal; text-decoration: none; } 
.testo a:hover {font-size: 80%; color:#3366cc; font-weight: normal; text-decoration: none; } 


.pannello{position:relative;top:0px;left: 10px; margin:5px;padding:3px;background:#fff;font-size:80%;z-index:5;}
ul {font-size: 100%; color:#666;font-weight: normal; list-style:none; }
ol {font-size: 100%; color:#333;font-weight: normal; }

a.menupicc:link{color:#666;background:#fff;font-size: 70%; text-decoration:none; padding:5px; }
a.menupicc:hover{color:#999; background:#fff;padding:5px; }

a:active {font-size:85%; color: #ffcc66; font-weight: bold; } 
a:link {font-size:85%; color: #ffcc66; font-weight: bold; } 
a:visited {font-size:85%; color: #99ccff; font-weight: bold; text-decoration: none; } 
a:hover {font-size:85%; color:#66ccff; font-weight: bold; text-decoration: none; } 

h1 { font-weight: bold; font-size: 150%; color:#f0f0f0;text-align:left;padding-left:2%;} 
h1 span{font-size:60%;font-weight:normal;}
h2 {font-size:95%;font-weight:bold; color: #0080ff; background:#fff;padding:20px 0 0 0;} 
h2 span {font-size: 70%; font-weight: normal; color:#ccc; background:#fff;} 

h3{font-size:95%;font-weight:bold; color: #0080ff; background:#fff;padding:20px 0 0 0;} 
h4{ font-weight: normal; font-size: 70%; color: #fff;padding:20px;} 

div#links {float:left; padding-right:2%; background:#fff;}
div#links a {display: block; 
text-decoration: none; color: #0099ff; background:#fff;}
div#links img{border: 2px solid #00ccff;}
div#links a:hover {color: #0058b0; background: #336699;}
div#links a span {display: none;}
div#links a:hover span {display: block; 
 position: absolute; top:100px; right: -130px; width:110px;padding:5px 5px 5px 5px;
 z-index:5;
 color: #f0f0f0; background: #336699;font-weight:normal;border: 6px dotted #ff0000;
 }

#menusopra {position:absolute; top:0px;left:0px;width:98%; border:3px red dotted;z-index:100;}
}

.menusopra ul {
padding:0;
margin:0;
list-style-type:none;
}
.menusopra ul ul {
width:150px;
}

.menusopra li {
float:left;
width:150px;
position:relative;
}

.menusopra a, .menusopra a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#758279; 
padding-left:10px; 
line-height:29px;
}

/* correzione per IE5.5 */
* html .menusopra a, * html .menusopra a:visited {
width:150px;
w\idth:139px;
}

.menusopra ul ul a.drop, .menusopra ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.menusopra ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menusopra ul ul :hover>a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}

.menusopra ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* ancora IE5.5 */
* html .menusopra ul ul {
top:30px;
t\op:31px;
}


/* tabella IE */
.menusopra table {position:absolute; top:0; left:0;}

/* style the second level links */
.menusopra ul ul a, .menusopra ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* IE5.5 */
}
* html .menusopra ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menusopra a:hover, .menusopra ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menusopra :hover>a, .menusopra ul ul :hover>a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menusopra ul li:hover ul,
.menusopra ul a:hover ul{
visibility:visible; 
}