@font-face {
	font-family: 'Futura';
	src: url('Futura-Bold.eot');
	src: url('Futura-Bold.eot?#iefix') format('embedded-opentype'),url('Futura-Bold.woff') format('woff'),url('Futura-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}	
@font-face {
	font-family: 'Futura';
	src: url('FuturaBT-Light.eot');
	src: url('FuturaBT-Light.eot?#iefix') format('embedded-opentype'),url('FuturaBT-Light.woff') format('woff'),url('FuturaBT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

body{
    margin:0px;
    padding:0px;
	overflow:hidden;
}
@media only screen and (max-width: 609px) {
	body {
	  font-family: "Futura", serif;
	  font-size: 1.2em;
	  line-height: 1.6;
	  background: #000;
	  overflow-y: auto;
	  color:white;
	}
}
.casella{
	padding: 7px;
	margin:2px;
	width: 80%;
	font-family: Futura;
	color:#000;
	background:#fff;
	font-size: 15px;
	border: 1px solid #111;
	border-bottom-width:2px ;
	border-bottom-color:orange ;
	border-bottom-style:solid ;
	}
.btnCreate{
	border-radius: 1px;
	color: #fff;
	font-family: Futura;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:500;
	margin:2px;
	padding:25px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	transition: .3s background-color;
	cursor: pointer;
	background-color:#1F8EFA;
	border-width: 1px;
	border-style: solid;
	border-color:#666;
	text-align:center;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
	pointer-events:auto;
	}
	.btnCreate:hover{
	background: #ddd;
	color:#000;
	border-color:#333;
	}
	.btnCreate2{
		border-radius: 1px;
		color: #fff;
		font-family: Futura;
		text-transform: uppercase;
		font-size: 13px;
		font-weight:500;
		margin:2px;
		padding:25px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-decoration: none;
		transition: .3s background-color;
		cursor: pointer;
		background-color:#e40c2b;
		border-width: 1px;
		border-style: solid;
		border-color:#666;
		text-align:center;
		-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
		-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
		box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
		pointer-events:auto;
		}
		.btnCreate2:hover{
		background: #ddd;
		color:#000;
		border-color:#333;
		}
	.btnCreateOr{
	border-radius: 1px;
	color: #000;
	font-family: Futura;
	text-transform: uppercase;
	font-size: 13px;
	font-weight:500;
	margin:2px;
	padding:25px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	transition: .3s background-color;
	cursor: pointer;
	background-color:orange;
	border-width: 1px;
	border-style: solid;
	border-color:#666;
	text-align:center;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.23);
	pointer-events:auto;
	}
	.btnCreateOr:hover{
	background: #ddd;
	color:#000;
	border-color:#333;
	}	
	.boxBot{
		background:#1D3C5C;
		color:#FFFFFF;
		display:block; 
		padding:5px; 
	}
	.boxTop{
		background:#111111;
		color:#FFFFFF;
		display:block; 
		padding:5px; 
		border-color:#000000;
		border-style:solid;
		border-width:1px;
	}
	.margine100{
		margin-top:10vh;
		font-size:24px;
		font-family:"Futura";

	}
	/* Track */
	::-webkit-scrollbar-track {
		background: #333; 
	  }
	  /* Handle */
	  ::-webkit-scrollbar-thumb {
		background: #000; 
	  }
	  /* Handle on hover */
	  ::-webkit-scrollbar-thumb:hover {
		background: #222; 
	  }