/* CSS Document */
html,body{
margin:0;padding:0; 
background: #FFF; font-family:"Comic Sans MS";
font-size:15px;
background-image: url(images/bg.jpg);  
}
body{
scrollbar-3dlight-color:#FFF; 
scrollbar-arrow-color:#ffcc33;
scrollbar-base-color:#99ccff;
scrollbar-darkshadow-color:#99ccff;
scrollbar-face-color:#66cccc;
scrollbar-highlight-color:#ffcc33;
scrollbar-shadow-color:#66cccc;

}
.player {color: #000; } 
p{margin:0 10px 10px}
a{color: #cc0000; text-decoration:none; font-weight:bold }
a:hover{color: #cc0000; text-decoration:none; }
a.menu{color: #cc9933; text-decoration:none;}
a.menu:hover{color: #000; background:#CCC;text-decoration:none;}
a.menu_current{color: #000; background:#CCC;text-decoration:none;}

a.video{color: #4d66cb; text-decoration:none; font-weight:bold }
a.video:hover{color: #4d66cb; text-decoration:none; }
*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top; 
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

div#header h1{height:50px;margin:0; padding-left:10px; padding-top:30px;color: #FFF}
div#container{text-align:left;}
div#content p{line-height:1.4;color: #FFF;}

div#footer{color: #000; text-align:center; font-size:9px; padding-top:-10px}
div#footer p{margin:0; font-size:8px}
#teatro_container {
float:right;
width: 574px;
}
#pizza {
float:right;
}
#video_container {
float:center;
width: 400px;
margin-left:180px;
}

#scroller_container {
position: relative;
width: 520px;
height: 350px;
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
}

#scroller {
width: 500px;
position: absolute;
left:15px;
font-weight:bold;
color: #000;
/*background: #FFF;

/* for IE 
filter:alpha(opacity=70);
/* CSS3 standard 
opacity:0.7;*/
}

#scroller p {
padding: 1px;
margin: 10;
text-align: left;}

.tooltip {
   position: absolute;
   top: 0;
   left: 0;
} 

#contatore {
	font-family:"Comic Sans MS";
	font-size:9px;
	position: relative;
	left: 120px;
	color:#FF0000;
	width:200px;
} 

img.footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div#menu{float:right;width:48px;margin-right:-5px;margin-top:-420px;position: relative;}
div#container{width:730px; height:570px;margin:0 auto}
div#wrapper{float:left;width:100%;}
div#content{margin: 0 227px;}
div#sixtra{float:left;margin-left:-683px}
div#sixtra{padding-top:4px;border: 1px solid #FFF;}
div#sixtra2{margin-top:62px;}
div#sixtra2{float:left;margin-left:-683px}
div#dextra{margin-top:100px;}
div#dextra{float:left;width:227px;margin-left:-280px;}
div#icon{float:right;width:100%}
div#footer{clear:left;width:100%}

#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 233px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 300px;
}

#enlarge {padding:0; list-style-type:none;}
#enlarge li {display:inline; float:left; width:48px; height:48px; position:relative;}
#enlarge li a {display:block; width:48px; height:48px; background:transparent; overflow:hidden; position:relative; border:0px solid #fff;}
#enlarge li a img {width:48px; height:48px; border:0px solid #aaa;}
#enlarge li a:hover {margin:0;  border:0px solid #aaa; background:#aaa;}
#enlarge li a:hover img {width:0; height:0;}
#enlarge li a.home:hover {background:url(images/ico_home_on.gif);}
#enlarge li a.bio:hover {background:url(images/ico_biografia_on.gif);}
#enlarge li a.foto:hover {background:url(images/ico_foto_on.gif);}
#enlarge li a.disco:hover {background:url(images/ico_discografia_on.gif);}
#enlarge li a.film:hover {background:url(images/ico_movie_on.gif);}
#enlarge li a.news:hover {background:url(images/ico_riviste_on.gif);}
#enlarge li a.teatro:hover {background:url(images/ico_teatro_on.gif);}
#enlarge li a.forum:hover {background:url(images/ico_forum_on.gif);}