html, body {
    height: 100%;
}
body {
	margin: 0;
	padding:0;
	font-size:12px;
	font-family: 'Droid Sans', sans-serif;
	background-image:url(/Immagini/bo_play_pattern.png);
}
table, tr, td, th{
	font-family: 'Droid Sans Mono' ;
}

A:link { text-decoration : none ; color: black }
A:visited {text-decoration : none ; color: black }
A:hover { text-decoration : none ; color: black }
#header {
	position:fixed; z-index:4;
	top:0; left:0; right:0;
	height:45px;
	line-height:45px;
	background-image:url(/Immagini/al.png);
	color:#333333;
	font-size:20px;
	text-shadow: 0px 0px 4px white;
	overflow: hidden;
}
#banda {
	position:fixed; z-index:10;
	top:45px; left:0; right:0;
	height:17px;
	background-image:url(/Immagini/banda_orange.png);
}

#menu {
	z-index:3;
	width:200px; 
	background-image:url(/Immagini/low_contrast_linen.png);
	margin:0;
	padding:0;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	float:left;
}

#scroller {
	z-index:1;
	margin-top:45px;
	margin-left:201px;
	padding: 0;
	background-image:url(/Immagini/dark_stripes.png);
	color:white;
	font-size:14px;
	
	/*min-height: 100%;
	height: auto !important;
	height: 100%;	*/
}

#scrollerfisso {
	z-index:1;
	width:100%; top:0;
	top:45px;
	bottom: 0;
	padding:0;
	background-image:url(/Immagini/low_contrast_linen.png);
	font-size:16px;
	color:white;
	position: relative; 
	min-height:100%; 
	height: auto !important;	
	height: 100%;
}

#info{
	color:#777777;
	
}
#infoblack{
	color:#000000;
	font-size:12px;
}
#black{
	color:#000000;	
	font-size:16px;
}

#footer{
	z-index:4;
	bottom:0;
	width:100%;
	height:35px;
	line-height:38px;
	background-image:url(/Immagini/al.png);
	vertical-align: middle;
	text-align: center;
	display: none;
	clear: both;
}
	/* Button Responsive Menu*/
.btn-responsive-menu{
	display:none;
	position:relative;
	z-index: 2020; 
	cursor:pointer;
	margin:  -2px 10px 0 10px;
	color: #e08100;
	text-shadow: 0px 0px 4px black;

}
.icon-bar {
	display: block;
	width: 18px;
	height: 2px;
	margin:5px;
	background-color: #e08100;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

		
#show-menu-l{float: left;}

.nullmax{display: none}
.nullmaxtd{display: none}

/* BOTTONI COLORATI: Standard il bottone è blu */

.pulsante {
	width: 190px;
	height: 32px;	
	margin: 2px 5px;
	outline: none;
	cursor: pointer;
	line-height: 30px;
	text-align: left;
	text-shadow: 0 -1px 1px #3275bc;
	text-decoration: none;
	font-size: 12px;
 	color: #fff;
	padding: 0 0 0 5px;
	border-top: 1px solid #4081af;
  	border-right: 1px solid #2e69a3;
 	border-bottom: 1px solid #20559a;
 	border-left: 1px solid #2e69a3;
	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
	border-radius: 2px;
	/* COLORE SFONDO */
	background: #3b88d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
	background: -webkit-linear-gradient(top,  #52a8e8,  #377ad0);
	background: -moz-linear-gradient(top,  #52a8e8,  #377ad0);
	background: -ms-linear-gradient(top,  #52a8e8,  #377ad0);
	background: -o-linear-gradient(top,  #52a8e8,  #377ad0);
	/* OMBRE */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
	font-family: 'Droid Sans Mono' ;
}

.pulsante:hover {
	/* COLORE SFONDO */
	background: #2a81d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
	background: -webkit-linear-gradient(top,  #3e9ee5,  #206bcb);
	background: -moz-linear-gradient(top,  #3e9ee5,  #206bcb);
	background: -ms-linear-gradient(top,  #3e9ee5,  #206bcb);
	background: -o-linear-gradient(top,  #3e9ee5,  #206bcb);
  	border-top: 1px solid #2a73a6;
  	border-right: 1px solid #165899;
  	border-bottom: 1px solid #07428f;
  	border-left: 1px solid #165899;
  	-moz-box-shadow: inset 0 1px 0 0 #62b1e9;
  	-webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
	box-shadow: inset 0 1px 0 #62b1e9;
  	text-shadow: 0 -1px 1px #1d62ab;
	opacity: 1;
}

.pulsante:active {
	background: #3282d3;
  	border: 1px solid #154c8c;
  	border-bottom: 1px solid #0e408e;
  	-moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
  	text-shadow: 0 -1px 1px #2361a4;
}

.pulsante[disabled],
.pulsante[disabled]:hover,
.pulsante[disabled]:active {
	cursor: default;
	background: #f3f3f3;
  	border-top: 1px solid #c5c5c5;
  	border-right: 1px solid #cecece;
  	border-bottom: 1px solid #d9d9d9;
  	border-left: 1px solid #cecece;
  	color: #747474;
  	box-shadow: none;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
  	text-shadow: 0 -1px 1px #ebebeb; 
}

.pulsanteS,
.pulsanteS:hover,
.pulsanteS:active {
	line-height: 30px;
	width: 190px;
	height: 32px;	
	margin: 2px 5px;
	outline: none;
	text-align: left;
	text-shadow: 0 -1px 1px #2361a4;
	text-decoration: none;
	font-size: 12px;
 	color: #fff;
	padding: 0 0 0 5px;
	border: 1px solid #154c8c;
  	border-bottom: 1px solid #0e408e;
	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
	border-radius: 2px;
	/* COLORE SFONDO */
	background: #3282d3;
	/* OMBRE */
	-moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	font-family: 'Droid Sans Mono' ;

}

/* Errore legato alla visualizzazione del testo di firefox */
@-moz-document url-prefix() {
	.pulsante, .pulsante:hover, .pulsante:active, 
	.pulsante[disabled], .pulsante[disabled]:hover, .pulsante[disabled]:active,
	.pulsanteS, .pulsanteS:hover, .pulsanteS:active {
	padding-left:0;
	}
}
/* COLORI BOTTONI */

.pgrigio {
	/* COLORE SFONDO */
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d1d1d1));
	background: -webkit-linear-gradient(top,  #e9e9e9,  #d1d1d1);
	background: -moz-linear-gradient(top,  #e9e9e9,  #d1d1d1);
	background: -ms-linear-gradient(top,  #e9e9e9,  #d1d1d1);
	background: -o-linear-gradient(top,  #e9e9e9,  #d1d1d1);
	border:1px solid #bbb;
	color:#111;
	text-shadow:0 1px 0 #fff;
}
.pgrigio:hover {
	/* COLORE SFONDO */
	background: #ececec;
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#c1c1c1));
	background: -webkit-linear-gradient(top,  #e1e1e1,  #c1c1c1);
	background: -moz-linear-gradient(top,  #e1e1e1,  #c1c1c1);
	background: -ms-linear-gradient(top,  #e1e1e1,  #c1c1c1);
	background: -o-linear-gradient(top,  #e1e1e1,  #c1c1c1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	border-top: 1px solid #686868;
  	border-right: 1px solid #575757;
  	border-bottom: 1px solid #4b4b4b;
  	border-left: 1px solid #575757;
	color:#111;
	text-shadow:0 1px 0 #fff;
}

.pgrigio:active{
	/* COLORE SFONDO */
	background: #e2e2e2;
  	border: 1px solid #575757;
  	border-bottom: 1px solid #4b4b4b;
  	-moz-box-shadow: inset 0 0 6px 3px #8a8a8a, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #8a8a8a, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #8a8a8a, 0 1px 0 0 #fff;
	color:#111;
  	text-shadow:0 1px 0 #d4d4d4;
}

.pgrigioS, .pgrigioS:hover, .pgrigioS:active{
	/* COLORE SFONDO */
	background: #e2e2e2;
  	border: 1px solid #575757;
  	border-bottom: 1px solid #6a6a6a;
  	-moz-box-shadow: inset 0 0 6px 3px #8a8a8a, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #8a8a8a, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #8a8a8a, 0 1px 0 0 #fff;
	color:#111;
  	text-shadow:0 1px 0 #d4d4d4;
}

.parancio {
	/* COLORE SFONDO */
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -webkit-linear-gradient(top,  #faa51a,  #f47a20);
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: -ms-linear-gradient(top,  #faa51a,  #f47a20);
	background: -o-linear-gradient(top,  #faa51a,  #f47a20);
	border:1px solid #d61;
	color:#fef4e9;
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

.parancio:hover {
	/* COLORE SFONDO */
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -webkit-linear-gradient(top,  #f88e11,  #f06015);
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	background: -ms-linear-gradient(top,  #f88e11,  #f06015);
	background: -o-linear-gradient(top,  #f88e11,  #f06015);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	border:solid 1px #a51;
	color:#fef4e9;	
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

.parancio:active{
	background: #ed8007;
  	border: 1px solid #ab6d10;
  	border-bottom: 1px solid #a51;
  	-moz-box-shadow: inset 0 0 6px 3px #b06406, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #b06406, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #b06406, 0 1px 0 0 #fff;
  	text-shadow: 0 -1px 1px #c06d07;
}

.prosso {
	/* COLORE SFONDO */
	background: #C44747;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD5F5F),color-stop(0.9,#A92C2C));
	background: -webkit-linear-gradient(top,  #DD5F5F 10%,#A92C2C 90%);
	background: -moz-linear-gradient(top,  #DD5F5F 10%,#A92C2C 90%);
	background: -ms-linear-gradient(top,  #DD5F5F 10%,#A92C2C 90%);
	background: -o-linear-gradient(top,  #DD5F5F 10%,#A92C2C 90%);
	border:1px solid #A92C2C;
	color:#fef4e9;
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

.prosso:hover {
	/* COLORE SFONDO */
	background: #C44747;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.1,#DD4141),color-stop(0.9,#A92121));
	background: -webkit-linear-gradient(top,  #DD4141 10%,#A92121 90%);
	background: -moz-linear-gradient(top,  #DD4141 10%,#A92121 90%);
	background: -ms-linear-gradient(top,  #DD4141 10%,#A92121 90%);
	background: -o-linear-gradient(top,  #DD4141 10%,#A92121 90%);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	border:solid 1px #711;
	color:#fef4e9;	
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

.prosso:active{
	background: #c24545;
  	border: 1px solid #9c1d12;
  	border-bottom: 1px solid #711;
  	-moz-box-shadow: inset 0 0 6px 3px #b52626, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #b52626, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #b52626, 0 1px 0 0 #fff;
  	text-shadow: 0 -1px 1px #b52626;
}

.pverde {
	/* COLORE SFONDO */
	background: #8fc857;
	background: -webkit-gradient(linear,left top,left bottom,from(#8fc857),to(#5c9425));
	background: -webkit-linear-gradient(top,  #8fc857,#5c9425);
	background: -moz-linear-gradient(top,  #8fc857,#5c9425);
	background: -ms-linear-gradient(top,  #8fc857,#5c9425);
	background: -o-linear-gradient(top,  #8fc857,#5c9425);
	border:1px solid #561;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

.pverde:hover {
	/* COLORE SFONDO */
	background: #8fbb44;
	background: -webkit-gradient(linear,left top,left bottom,from(#8fbb44),to(#5c8825));
	background: -webkit-linear-gradient(top,  #8fbb44,#5c8825);
	background: -moz-linear-gradient(top,  #8fbb44,#5c8825);
	background: -ms-linear-gradient(top,  #8fbb44,#5c8825);
	background: -o-linear-gradient(top,  #8fbb44,#5c8825);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	border:solid 1px #342;
	color:#fff;	
	text-shadow:0 1px 1px rgba(0,0,0,0.25);
}

.pverde:active{
	background: #7ca43c;
  	border: 1px solid #44722c;
  	border-bottom: 1px solid #342;
  	-moz-box-shadow: inset 0 0 6px 3px #64842f, 0 1px 0 0 #fff;
  	-webkit-box-shadow: inset 0 0 6px 3px #64842f, 0 1px 0 0 #fff;
	box-shadow: inset 0 0 6px 3px #64842f, 0 1px 0 0 #fff;
  	text-shadow: 0 -1px 1px #64842f;
}

/* DIV PER ICONE BOTTONI CON TRASIZIONE */

.pulsante div{
	float: right;
	width:23px;
	height:30px;
	opacity: 0.7;
	/* ANIMAZIONE */
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding:0;
}

.pulsante:hover div{
	opacity: 1;
}

.pulsante[disabled] div{
	float: right;
	width:23px;
	height:30px;
	opacity: 0.7;
	/* ANIMAZIONE */
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pulsante[disabled]:hover div{
	opacity: 1;
}

.pulsanteS div{
	float: right;
	width:23px;
	height:30px;
	background: url(../Immagini/icone/verde.png) no-repeat center;
	/* background-size: contain; */
	padding:0;
}

/* ICONE */

.ibluup{
	margin-right: 3px;
	background: url(../Immagini/icone/bluup.png) no-repeat center;
	/* background-size: contain; */
}
.iarancio{
	background: url(../Immagini/icone/arancione.png) no-repeat center;
	/* background-size: contain; */
}
.igrigio{
	background: url(../Immagini/icone/grigio.png) no-repeat center;
	/* background-size: contain; */
}
.icontatti{
	margin-right: 3px;
	background: url(../Immagini/icone/contatti.png) no-repeat center;
	background-size: contain;
}
.iprivacy  {
	margin-right: 3px;
	background: url(../Immagini/icone/privacy.png) no-repeat center;
}
.ifacebook1{
	margin-right: 4px;
	background: url(../Immagini/icone/facebook1.png) no-repeat center;
	/* background-size: contain; */
}
.ifacebook2{
	margin-right: 4px;
	background: url(../Immagini/icone/facebook2.png) no-repeat center;
	/* background-size: contain; */
}
.igrigiodown{
	margin-right: 3px;
	background: url(../Immagini/icone/grigiodown.png) no-repeat center;
	/* background-size: contain; */
}
.ihome{
	margin-right: 3px;
	background: url(../Immagini/icone/home.png) no-repeat center;
	/* background-size: contain; */
}
.ireload{
	margin-right: 3px;
	background: url(../Immagini/icone/reload.png) no-repeat center;
	/* background-size: contain; */
}
.irossodown{
	margin-right: 3px;
	background: url(../Immagini/icone/rossodown.png) no-repeat center;
	/* background-size: contain; */
}

@media (min-width: 560px) and (max-width: 1024px){
	#bottoni{width:540px;}
}

@media (max-width: 1024px){
	#header{text-align:center; }
	.null1024{display:none}
	#footer{display: block;}

}

@media (max-width: 1023px) {

	#header{position: relative; overflow: inherit; height: auto; line-height: normal; padding-top: 5px; padding-bottom: 5px; font-size:18px; }
	#menu{margin-top:-17px; position: absolute; width:320px;  text-align: center; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	#scroller {position: relative; margin-left:0px; margin-top:-17px; width: 100%;}
	#scrollerfisso {top:0px;}
	#wrapperfisso {margin-top:-17px;}
	#banda {position: relative; top: 0px;}
	#wrapper{ z-index: 2; clear: both; }
	.btn-responsive-menu{display:block;}
	.menu-left{left: -320px;}
	.active-l{left: 0px;}
	
	
	}
@media (max-width: 767px) {
	.nullmax{display: table-row;}
	.nullmaxtd{display: table-cell;}
	.null767{display: none}
	#black{font-size: 14px;}
}

	
@media (max-width: 479px) {
	#header{font-size:16px; }
	#scroller {font-size:12px;}
	#black{font-size: 12px;}
	#infoblack{font-size: 10px;}
	.yes480{display: none;}

}

@media (min-width: 768px){
	.yes480{display: none;}
}
@media (min-width: 480px){
	.null480{display: none;}
}
	
.td1{
	margin-left: 1px;
    font-size: 7.5pt;
}

.tdtesto{
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}