/* CSS Document */

* { margin-top: 0; padding: 0; }

body {
	font: 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	}
	

/* Tipografia */

a { font-weight: bold; color:#96C6FF; text-decoration: underline; }
a:hover { font-weight: bold; color:#000; text-decoration: none; background-color: #96C6FF; }

small { font: 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#000; }
small a { font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#000; text-decoration: none; background: none; }
small a:hover { font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#000; text-decoration: underline; background: none; }

h1 {
	display: block;
	font: 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	float: right;
	margin: 5px 6px 0 0;
	}

h2 {
	display: block;
	font: bold 16px/18px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#96C6FF;
	margin-top: 8px;
	margin-bottom: 4px;
	}
	
h3 {
	display: block;
	font: bold 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	margin: 11px 0 0 21px;
	}

h3.bianco {
	display: block;
	font: bold 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	margin: 11px 0 0 21px;
	}
	
h4 {
	display: block;
	font: bold 16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#96C6FF;
	margin: 0;
	}

/* ELENCO 1 */

#elenco {
	display: block;
	margin: 19px 0 0 46px;
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	}
	
#elenco a {
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration: underline;
	background: none;
	}

#elenco a:hover {
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration: underline;
	background: none;
	}

#box #elenco a {
	text-decoration: underline;
	}
	
/* ELENCO 2 */

#elenco2 {
	display: block;
	margin: 19px 0 0 46px;
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	}
	
#elenco2 a {
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration: underline;
	background: none;
	}

#elenco2 a:hover {
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration: underline;
	background: none;
	}

#box #elenco2 a {
	text-decoration: underline;
	}

#acapo {  display:block; height: 1px; clear: both; }
#acapo10 {  display:block; height: 10px; clear: both; }

label { display: block; margin-top: 16px; font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#96C6FF; }
input { display: block; border: 1px solid #fff; background-color: #000; margin-top: 4px; color: #fff; font: 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
textarea { display: block; border: 1px solid #fff; background-color: #000; margin-top: 4px; color: #fff; font: 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }
input.bottone { display: block; border: 1px solid #fff; margin-top: 8px; padding: 2px 0; color: #fff; cursor: pointer; height: 22px; }
input.bottone:hover { display: block; border: 1px solid #fff; background-color: #96C6FF; padding: 2px 0; margin-top: 8px; color: #000; cursor: pointer; height: 22px; }

html>body input.bottone { display: block; border: 1px solid #fff; margin-top: 8px; color: #fff; cursor: pointer; }
html>body input.bottone:hover { display: block; border: 1px solid #fff; background-color: #96C6FF; margin-top: 8px; color: #000; cursor: pointer; }

#anno { display: block; font: 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#999; }
#voce { display: block; margin-top: 4px; font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#999; }
#titoletto { display: block; margin-top: 4px; font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#96C6FF; }

#riga { display: block; height: 10px; border-top: 1px solid #96C6FF; width: 100%; }

#alertRed { display:block; width: 100%; font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; background-color:#B00200; text-align: center; color: #FFF; padding: 6px 0; margin: 14px 0 6px 0; }
#alertGreen { display:block; width: 100%; font: bold 11px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; background-color:#06902F; text-align: center; color: #FFF; padding: 6px 0; margin: 14px 0 6px 0; }

/* BOX */

#box {
	display: block;
	width: 316px;
	margin: 16px auto;
	}	
	
/* MENU */

#menu {
	display: block;
	width: 360px;
	}

#home.sel { display: block; float: left; width: 64px; height: 24px; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../img/home2.gif); text-decoration: none; padding-top: 6px; }
#home a { display: block; float: left; width: 64px; height: 24px; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #000; background: url(../img/home.gif); text-decoration: none; padding-top: 6px; }
#home a:hover { display: block; float: left; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../img/home2.gif); text-decoration: none; padding-top: 6px; }

#works.sel { display: block; float: left; width: 68px; height: 24px; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../img/works2.gif); text-decoration: none; padding-top: 6px; }
#works a { display: block; float: left; width: 68px; height: 24px; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #000; background: url(../img/works.gif); text-decoration: none; padding-top: 6px; }
#works a:hover { display: block; float: left; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../img/works2.gif); text-decoration: none; padding-top: 6px; }

#contatti.sel { display: block; float: left; width: 71px; height: 24px; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../img/contatti2.gif); text-decoration: none; padding-top: 6px; }
#contatti a { display: block; float: left; width: 71px; height: 24px; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #000; background: url(../img/contatti.gif); text-decoration: none; padding-top: 6px; }
#contatti a:hover { display: block; float: left; font: 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #fff; background: url(../img/contatti2.gif); text-decoration: none; padding-top: 6px; }


/* Gestione immagini */

#box a {
	text-decoration: none;
	}

#box a img {
	display: block;
	text-decoration: none;
	border: none;
	}
	
#box a img:hover {
	display: block;
	text-decoration: none;
	border: none;
	}


/* BOX Player */

#player {
	display: block;
	margin: 31px 0 0 60px;
	font: 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#fff;
	}

#player a {
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: underline;
	}
	
#player a:hover {
	font: bold 11px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color:#222;
	text-decoration: none;
	background-color: #fff;
	}

#ico {
	display: block;
	float: left;
	width: 22px;
	height: 28px;
	}
	
#text_player {
	display: block;
	float: left;
	margin-left: 6px;
	}

#acapo6 {  display:block; height: 6px; clear: both; }