body {
	background-color: #282828;
	background-image: url("img/sfondo_daripetere.jpg");
	background-repeat: repeat;
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 11px;
	color: #fff5d4;
	letter-spacing: 2px;
	line-height: 16px;
}

#menu {
	position: absolute;
	top: 0px;
	left: 30px;
	margin: 0;
	padding: 0;
	height: 641px;
	width: 700px;
	background: black url("img/sfondo.jpg") no-repeat scroll top left;
}


#content {
	padding: 0 0 15px 0;
	border-bottom: 3px solid #0095AD;
	margin: 0;
	left: 30px;
	position: absolute;
	top: 650px;
	width: 700px;
	text-align: left;
}

#content img.fianc {
	margin: 0 10px 0 0;
	border: 0;
}

#content img.right {
	margin: 0 50px 0 0;
	float: right;
}

#content a {
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	color:  #0095AD;
}	

#content a:hover {
	color: #5B003F;
}

#content ul li a {
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;
	padding: 0;
	color:  #0095AD;
}

#content ul li a:hover {
	color: #5B003F;
}

.piccolomenu { 
	position: absolute;
	top: 670px;
	left: 250px;
	color: #444444 ;
	font-size: 9px;
	line-height: 12px; }
	
.piccolo { 
	left: 200 px;
	color: #777777 ;
	font-size: 9px;
	line-height: 12px; }


#archivio {
	padding: 0 0 15px 0;
	border-bottom: 3px solid #fff5d4;
	margin: 0;
	left: 30px;
	position: absolute;
	top: 650px;
	width: 700px;
	text-align: left;
	font-size: 10px;
	line-height: 14px;
}

#archivio img.right {
	margin: 10px 50px 0 0;
	float: right;
}

#archivio a.play {
	font-size: 13px;
	text-decoration: none;
	background-color:#0095AD;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}

#archivio a.play:hover {
	color: #5B003F;
}

#archivio a.img {
	text-decoration: none;
	color: #282828;
}

#archivio a.img:hover {
	color: #282828;
}

#archivio ul {
	list-style-type: none;
}

#archivio ul li a {
	text-decoration: none;
	list-style-type: none;
	padding: 0;
	color:  #0095AD;
}
#archivio ul li a:hover {
	color: #5B003F;
}


#archivio img.left {
	margin: 8px 20px 0 0;
	float: left;
	width: 180px;
	border: 0px;
}

#menu ul {
	list-style-type: none;
}

#menu ul li a img {
	text-decoration: none;
	border: none;
}

#menu ul li img.voce {
	visibility: hidden;
	position: absolute;
	top: 590px;
	left: 360px;
}


#menu ul li:hover img#voce_info {
	visibility: visible;
}

#menu ul li:hover img#voce_videoproiezioni {
	visibility: visible;
}

#menu ul li:hover img#voce_musicali {
	visibility: visible;
}

#menu ul li:hover img#voce_doc {
	visibility: visible;
}

#menu ul li:hover img#voce_esperimenti {
	visibility: visible;
}

#menu ul li:hover img#voce_home {
	visibility: visible;
}

#menu ul li:hover img#voce_contatti {
	visibility: visible;
}

#menu ul li:hover img#voce_adv {
	visibility: visible;
}

#menu a#menu_quadro_index {
	background: transparent;
	display: block;
	width: 150px;
	height: 40px;
	position: absolute;
	top: 95px;
	left: 540px;
}
#menu a#menu_quadro_info {
	background-color: transparent;
	display: block;
	width: 434px;
	height: 154px;
	position: absolute;
	top: 23px;
	left: 138px;
}

#menu a#menu_quadro_info:hover {
	background-image: url("img/quadro_info.png");
}

#menu a#menu_quadro_videoproiezioni {
	background-color: transparent;
	display: block;
	width: 180px;
	height: 344px;
	position: absolute;
	top: 198px;
	left: 160px;
}

#menu a#menu_quadro_videoproiezioni:hover {
	background-image: url("img/quadro_videoproiezioni.png");
}

#menu a#menu_quadro_musicali {
	background-color: transparent;
	display: block;
	width: 94px;
	height: 294px;
	position: absolute;
	top: 231px;
	left: 17px;
}

#menu a#menu_quadro_musicali:hover {
	background-image: url("img/quadro_musicali.png");
}


#menu a#menu_quadro_doc {
	background-color: transparent;
	display: block;
	width: 174px;
	height: 43px;
	position: absolute;
	top: 560px;
	left: 170px;
}

#menu a#menu_quadro_doc:hover {
	background-image: url("img/quadro_doc.png");
}

#menu a#menu_quadro_esperimenti {
	background-color: transparent;
	display: block;
	width: 19px;
	height: 33px;
	position: absolute;
	top: 273px;
	left: 528px;
}

#menu a#menu_quadro_esperimenti:hover {
	background-image: url("img/quadro_esperimenti.png");
}

#menu a#menu_quadro_home {
	background-color: transparent;
	display: block;
	width: 49px;
	height: 49px;
	position: absolute;
	top: 578px;
	left: 550px;
}

#menu a#menu_quadro_home:hover {
	background-image: url("img/quadro_home.png");
}

#menu a#menu_quadro_contatti {
	background-color: transparent;
	display: block;
	width: 13px;
	height: 16px;
	position: absolute;
	top: 338px;
	left: 347px;
}

#menu a#menu_quadro_contatti:hover {
	background-image: url("img/quadro_contatti.png");
}

#menu a#menu_quadro_adv {
	background-color: transparent;
	display: block;
	width: 90px;
	height: 286px;
	position: absolute;
	top: 232px;
	left: 595px;
}

#menu a#menu_quadro_adv:hover {
	background-image: url("img/quadro_adv.png");
}