
@charset "utf-8";
/* CSS Document */
html{
	
height:100%;
}
body{
  margin: 0;
  padding: 0;
  background-image:url(/Immagini/lined.png);
  width:100%;
  height:100%;
  font-family: 'Droid Sans', sans-serif;
}
#header {
	background-image:url(/Immagini/al.png);
	text-align: center;
	padding: 5px;
	height: 40px;
	vertical-align: middle;
	position: fixed;
	width: 100%;
	float:left;
	z-index: 4;
}

div.descrizione{
      width: 80%;
    margin: 70px 10% 0px 10%;
    text-align: center;
    float: left;
}

.elimina{
	cursor: pointer;
	color: red;
	border: 1px solid red;
	background-color: whitesmoke;
	line-height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	
}
div.container{
  width: 50%;
  margin: 50px 25% 0% 25%;
  border: 1px solid gray;
  text-align:center;
  	-webkit-border-radius: 12px;
  	-moz-border-radius: 12px;
  	border-radius: 12px;
  	list-style: none;
  	padding: 0;
    background: url('/Immagini/corpo_black_alfa10.png');
    float: left;
}
/*
nav.menuAlto{
	z-index: 999;
	background: #fff;
    border-bottom: 1px solid #eee;
    position: fixed;
    width: 100%;
    top: 0;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    line-height:30px;
    height:40px; 

width: 100%;
height: 50px;
display: block;
position: fixed;
background-color: #F6F7F2;
border-bottom: 1px solid gray;

}
*/

div#alert{
	height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 998;
    position: fixed;
   /* margin: 41px 0px;*/
    display: none;
	
}
.alertMini{
	border: 2px solid #f8a033;
    background-color: white;
    top: 20%;
    left: 25%;
    width: 50%;
    position: absolute;
    height: 50%;
    border-radius: 10px;
    text-align: center;
    
}
.alertMega{
	border: 2px solid #f8a033;
    background-color: white;
    top: 10%;
    left: 10%;
    width: 80%;
    position: absolute;
    height: 80%;
    border-radius: 10px;
    text-align: center;
    background-image: url(/Immagini/lined.png);
    
}

div.alertMega .titolo{
	width: 100%;
	float: left;
	height: 20px;
	line-height: 20px;
	background-color: #f8a033;
	text-transform: uppercase;
	border-radius: 3px 3px 0px 0px;
}
button.chiudi{
	float: left;
    margin-left: 8px;
    height: 18px;
    cursor: pointer;
    background-color: #f8a033;
    border: 0px solid black;
    font-size: 80%;
}
div.alertMega .cont{
	
	width: 100%;
    height: 90%;
    overflow: auto;
    padding: 0px;
    float: left;
    text-align: left;
}
div.alertMega .cont1{
	
	width: 100%;
    height: 5%;
    overflow: auto;
    padding: 0px;
    float: left;
    text-align: center;
}
td.info{
	cursor: pointer;
	background-image: url(Immagini/info.png);
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: center;
	
}
#cercaLive{
    background-image: url(/Immagini/lined.png);
    background-color: rgb(240,240,240);
  	background-blend-mode: multiply;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid gray;
    z-index: 5;
    width: 60%;
}
#cercato{

	 border: 1px solid gray;
    z-index: 5;
    background-image: url(/Immagini/lined.png);
    width: 60%;
    max-height: 195px;
    height: auto;
    overflow: auto;
    display: none;
    font-size: 85%;
    font-weight: bold;
    background-color: rgb(240,240,240);

}
div.squadraCercata{
	width:100%; 
	float:left;
	cursor:pointer;
}
div.squadraCercata:hover{
	background-color: #f8a033;
	background-image: url(/Immagini/lined.png);
	background-blend-mode: multiply;
}
/*SEZIONE MENU*/
div.menuNascosto{
	display: none;
	 width: 30%;
    height: auto;
    overflow: auto;
    position: fixed;
    top: 41px;
    background-color: white;
    z-index: 999;
}

div.menuNascosto ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
    position: fixed;
    width: 30%;
    height: auto;
    
}

div.menuNascosto ul.menu li {
    float: left;
    cursor: pointer;
    color: #666;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-position: right;
    background-repeat: no-repeat;
     background-size: 30px;
}
div.menuNascosto ul.menu li.testo{
	cursor: default;
	
}
div.menuNascosto ul.menu li.testo:hover:not(.active) {
    background-color: white;
}
div.menuNascosto ul.menu li.logout{
	background-image: url(Immagini/logout.png);
}
div.menuNascosto ul.menu li.home{
	background-image: url(Immagini/home.png);
}
div.menuNascosto ul.menu li.invia{
	background-image: url(Immagini/invia.png);
}

div.menuNascosto ul.menu li:hover:not(.active) {
    background-color: #ddd;
}

div.menuNascosto ul.sottoMenu{
	list-style-type: none;
	
}

.active {
    background-color: #4CAF50;
}




/*SEZIONE MENU*/
div.menuSX{
  
    width: 50px;
    height: 50px;
    float: left;
    background-image: url(logout.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    cursor:pointer;
}
div.titoloAlto{
  float: left;
  width: 90%;
  height: 40px;
  padding:5px;
	text-align: left;
}
div.contPrin{
  float: left;
  width: 100%;

  padding: 0px;

  margin: 80px 0px 0px 0px;
}
div.contPrin2{
      float: left;
    width: 100%;
    height: auto;
    max-height: 100%;
  
    margin: 80px 0px 0px 0px;
    text-align: center;
}
div.contArma{
  float: left;
    width: 90%;
    height: auto;
    max-height: 75%;
    padding: 15px;
    margin: 80px 0px 0px 0px;
    overflow: auto;
  display: none;
}

button.menu{

  	width: 30px;
    height: 30px;
    border: 0px;
    padding: 0px;
    margin: 5px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(Immagini/menu.png);
    float: left;

}
.fem{
  background-color: #F1A9A0;
}
.mas{
  background-color: #3498db;
}
.fio{
  background-image: url(fioretto.png);
}
.sp{
  background-image: url(spada.png);
}
.sc{
  background-image: url(sciabola.png);
}

input.form-control{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.contenuto{
  float: left;
      overflow: auto;
      border: 2px solid gray;
      margin: 50px 0px 0px 0px;
      padding: 0px;
      width: 40%;
      height: 300px;
      min-height: 83px;
}


div.sceltaArma{
  float: left;
    overflow: auto;
    border: 2px solid gray;
    margin: 50px 5px 0px 0px;
    padding: 0px;
    width: 10%;
    height: auto;
    min-width: 90px;
    max-width: 90px;
}
.linea{
  width: 100%;
    float: left;
    height: auto;
    background-color: whitesmoke;
    border: 0px solid gray;
    margin-top: 5px;
    cursor: pointer;
}

/*MENU ANIMATO*/
.menuicon {
    display: inline-block;
    cursor: pointer;
    position: fixed;
    z-index: 999;
    margin-top: 5px;
    margin-left: 10px;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

	.menu-left{left: -320px;}
	.active-l{left: 0px;}
	
#menu {
	z-index:3;
	background-image:url(/Immagini/low_contrast_linen.png);
	margin:50px 0px 0px 0px;
	padding:0;
	float:left;
	position: fixed; 
	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;
}
#banda {
	position:fixed; z-index:10;
	top:50px; left:0; right:0;
	height:17px;
	background-image:url(/Immagini/banda_orange.png);
}


.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; */
}
.iverde{
	background: url(../Immagini/icone/verde.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;
}
.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; */
}

#black{
	color:#000000;	
	font-size:1.5em;
	padding:10px;
}