/* 	div{border: 1px solid red !important;} */


.containerFullWidth {
	position: relative;
	width: 100%;
	height: auto;
/* 	border: 1px solid black; */
	text-align:center; 
	top: 15vh;
}





.presentation {
	position: relative;
	height: 75px;
	width: 100%;
	outline: 4px solid #efecec;
	text-align:center; 
	top: 5vh;
}



.presentation > div {
			position: relative;

	float:left;
	display: inline-block;
}


#welcome {
	overflow: scroll;
	font-size: 25px;
	text-align: center;
/* 	    line-height: 20px; */
	    

/* 	border: 1px solid red; */
	
	width: 98%;
	height: 100%;
}





#bottone {
/* 		border: 1px solid blue; */

	width: 11%;
	height: 100%;
}

.containerFullWidth > div {
	display:inline-block;
}

#formLoginContainer {
	position: relative;
	vertical-align: middle;
	height: auto;
	width: 340px !important;
/* 	border: 1px solid black; */
/*
	top: 20vh;
	left: 37%;
*/
}

@media only screen and (max-device-width: 480px) {
/* define mobile specific styles come here */
 
 	
 	.topBar {
	 	width: 100% !important;
	 	height: 200px !important;
 	}
 	
 	.title1, .statsTitle, #siteTitle  {
	 	height: 180px !important;
	 	width: 300px !important;
 	}
 
 	.button {
	 	top:10% !important;
	 	height: 140px !important;
	 	width: 250px !important;
	 	font-size: 50px !important;	
	 			   -webkit-border-radius: 20px !important;
   -moz-border-radius: 20px !important;
   border-radius: 20px !important;
 	}
	.presentation {
		outline: 8px solid #efecec !important;
		height: 400px !important;
		width: 100% !important;
	}
	#welcome {
		font-size: 50px !important;

	}
	.containerFullWidth, #registerForm {
/* 		border: 1px solid blue; */
		width: 100% !important;
		height: 100% !important;
	}
	
	#formLoginContainer, #formLoginContainer {
/* 		border: 1px solid red; */
		width: 90% !important;
		height: 100% !important;

	}
	
	.form-container, #signupform {
		   -webkit-border-radius: 20px !important;
   -moz-border-radius: 20px !important;
   border-radius: 20px !important;
		width: 95% !important;
		height: 95% !important;

	}
	
	input {
		height: 150px !important;
		width: 60% !important;
	}
	.form-field {
		width: 800px !important;
		font-size: 50px !important;
	}
	
	.submit-button, #submitR {
		-webkit-appearance: none;
				   -webkit-border-radius: 20px !important;
   -moz-border-radius: 20px !important;
   border-radius: 20px !important;
		font-size: 60px !important;
	}
	.form-title {
		font-size: 60px !important;
	}
}

#siteTitle {
	position:relative;
	width: 240px;
	top: 15px;
	margin-left: 30px;
 
	font-family: "MyCustomFont", Verdana, Arial, sans-serif;
	font-size: 50px;
	color: #0068f6;
}

#formTitle {
	position:relative;

	font-family: "MyCustomFont", Verdana, Arial, sans-serif;
	font-size: 40px;
	color: #0068f6;
}

@font-face {
 font-family: "MyCustomFont";
 src: url("/Font/Pristina.eot") /* EOT file for IE */
}
@font-face {
 font-family: "MyCustomFont";
 src: url("/Font/Pristina.ttf") /* TTF file for CSS3 browsers */
}


.form-container {
/*    border: 1px solid #f2e3d2; */
   background: #efecec;

   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:300px;
   padding:20px;
   width:300px;
   }
.form-field {
   border: 1px solid #bababa;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #bababa;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
   background: #fff;
   color: #725129;
   }

.form-title {
   margin-bottom:10px;
   color: #0068f6;
   text-shadow: #fdf2e4 0 1px 0;
 }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button, .disabled {
   border: 1px solid #0068f6;
   background: #0068f6;
   cursor: pointer;
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;

   color: #fff;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
   
   
   
   
.submit-button:hover {
   border: 1px solid #00BFFF;
   background: #00BFFF;
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
/*
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
*/