html, body{
    margin:0px;
    padding:0px;
	

  
  
}

body {
	 background-color:#FFFFFF !important;
	 color:#000;
	 font-size:16px;
	}

.navbar-default .navbar-toggle .icon-bar {
    background-color: red;
}

a {
		color:#000;
	}

  #app {padding-top:10px;background-color: #FFF;font-family: 'Roboto', serif; }	
  #tiporteremofortuna {padding-top:10px; background-color:#2D8447;font-family: 'Roboto', serif; }
  #ricevitoria {padding-top:10px;background-color: #FFF;font-family: 'Roboto', serif; }
  #contatti {padding-top:10px;background-color: #FFF;font-family: 'Roboto', serif;}
  #formutentelanding {padding-top:10px; background-color:#2D8447;font-family: 'Roboto', serif; }
  






.center-block-image {
    display: block;
	margin-top:10px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
 }
 




.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}



/* fine categoria prodotti */

/* row ( griglia allineamento verticale ) */
.vertical-align {
    display: flex;
    align-items: center;
}


/* footer */

.footer {
	background-color:#FFFFFF;
	color:#999;
	margin-top:20px;
	}

.testo_rosso { color:#FF0000;}
.testo_verde { color:#009900;}
.testo_arancione { color:#F19300;}
.testo_bianco { color:#FFF; }
.testo_grigio { color:#999; }
.testo_bianco { color:#FFF;}
.testo_nero { color:#000;}
.testo_giallo { color:#FFC53C;}	
.testo_celeste { color:#32AFED;}	

.bold { font-weight:bold;}


/* menu nav bar altezza personalizzata */

.navbar-brand,
.navbar-nav li a {
    line-height: 50px;
    height: 50px;
    padding-top: 0;

}



/* form contatti */
.campoValidato 			    { background-color:#EFEFEF;}
.campoRichiesto 			{background-color:#FF0000;}



/* footer */

#footer {

	
	background-color:#2B2D2E;
	color:#FFFFFF;
	margin-top:20px;
	width:100%; /* cause of fixed pos */
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:30px;
	padding-bottom:200px;
	margin-top:100px;

	}






	
.titolo { font-size:250%;}
.content { font-size:120%;height:1.2;}
.sub_content { font-size:80%;height:1.2;}


/* millionday */

@font-face {
	font-family: Baloo;
	src: local("Baloo"), local("Baloo-Regular"), url(https://fonts.gstatic.com/s/baloo/v1/vi7PMxrcqrWOBYSFqU_EgA.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}


.lottery-ball {
	background-color:#008A9B; /* aggiunto per bug versioni obsolete browser */
    background: rgba(0, 0, 0, 0) radial-gradient(circle at 33% 33% , #008A9B 2%, #008A9B 30%, #008A9B 90%, black) repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: "Baloo";
    font-size: 40px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
	width:70px;
	height:70px;
	display:inline-block;
  
   }
 
 .lottery-ball-fai3 {
	background-color:#8DC045; /* aggiunto per bug versioni obsolete browser */
    background: rgba(0, 0, 0, 0) radial-gradient(circle at 33% 33% , #8DC045 2%, #8DC045 30%, #8DC045 90%, black) repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: "Baloo";
    font-size: 40px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
	width:70px;
	height:70px;
	display:inline-block;
  
   }
   
   .lottery-ball-fai4 {
	background-color:#009FE3; /* aggiunto per bug versioni obsolete browser */
    background: rgba(0, 0, 0, 0) radial-gradient(circle at 33% 33% , #009FE3 2%, #009FE3 30%, #009FE3 90%, black) repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-family: "Baloo";
    font-size: 40px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
	width:70px;
	height:70px;
	display:inline-block;
  
   } 
   
 .number {
	   text-align: center;
		vertical-align: middle;
		line-height: 70px;
	   
	   }
	      	
.testo_bianco { 
	color:#FFF;
	}
	
.testo_giallo {
	color: #FFD107;
	}


.col-centered{
    float: none;
    margin: 0 auto;
}

#titolo_estrazione {
	width:100%;
	margin:0px 0px;
	height:40px;
	text-align:center;
	font-family: "Baloo";
	font-size:40px;
	line-height:40px;
	background-color:#FF5100;
	color:#FFF;
		
}

.titolo_archivio_estrazione {
	width:100%;
	margin:0px 0px;
	height:20px;
	text-align:center;
	font-family: "Baloo";
	font-size:20px;
	line-height:20px;
	background-color:#FF5100;
	color:#FFF;
		
}

/* nuovo */
@font-face {
	font-family: Baloo;
	src: local("Baloo"), local("Baloo-Regular"), url(https://fonts.gstatic.com/s/baloo/v1/vi7PMxrcqrWOBYSFqU_EgA.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}

#area_fai3fai4 {
	background-color:#FFFFFF;
	
	}
	
#logo {
	display:block;
  margin-left:auto;
  margin-right:auto;

	
	}
		
#box-estrazione {
	margin: 2px auto;
	border-color:#E74526;
	border:2px #E74526 solid; 
	transition:1s ease-in-out; 
	width: 300px; height: 440px; 
	position: relative; 
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out;
	border-radius: 25px;
	
	
	
	
}

#tabella_titolo {
	/*background-color:#E64425;*/
	color:#FFF;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border:1px E74526 solid;
	font-family: "Baloo";
	
	
	
	
	}
	
	
#titolo_estrazione {
	width:300px;
	margin:0px 0px;
	height:5px;
	text-align:center;
	font-family: "Baloo";
	font-size:15px;
	background-color:#F30;
	color:#FFF;
			
}