body {
	margin: 0px;
	padding: 0px;
	background-color:#D0E4F3;
}

#login_bar {	
	
	position: relative;
	//background-color:black;
	top:2px;
	right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	float: right;
	-webkit-margin-before: none;
	-webkit-margin-after: none;
	-webkit-margin-start: none;
	-webkit-margin-end: none;
	-webkit-padding-start: none;
	
}

#login_bar li{
	display: inline;
	font-size: 20px;
	//font-family: serif;
	font-family: Helvetica_local;
	color: white;
	margin-left: 30px;
}

#login_bar a {

	text-decoration: none;
	color: white;
	
}

#upper_container {

	//width: 50%;
	background-color:black;

}

#header {
	position: relative;
	top:0px;
	left: 0px;
	right: 0px;
	height: 30px;
	//background-color:black;
	//background-color:3255C4;
	background-color:#091722;
	
	padding: 0px;
	margin: 0px;
}

#logo {
	
	margin: 0;
    position: absolute;
    top: 110px;
    left: 250px;
	height: 113px;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	//border-radius: 0px 0px 50px/15px 50px/15px;
	//border-radius: 20px;
	
	font-size: 68px;
	color: white;

	
}

#logo span {

	text-decoration: bold;
	background-color: #091722;
	//background-color: yellow;
	//color: #091722;
	color: white;
	font-family: Helvetica_local;
	//font-family: "Arial", Times, serif;
	
}

#logo_cont {
		
	position: realtive;
	height: 0px;
	z-index: 1;
	margin: 0px;
	
}

#alpha_logo_cont {
	margin: 0;
    position: absolute;
    top: 140px;
    left: 400px;
	//height: 150px;
    //margin-right: -50%;
    transform: translate(-50%, -50%);
    //color:white;
    //background-color:black;
}

#alpha_logo {
	margin-left:135px;
	color:white;
    background-color:#091722;
    font-size:30px;
	font-family: Helvetica_local;

}

#introduction_cont {
	
	margin-top: -50px;
	position: realtive;
	height: 150px;
	width:100%;
	//background-color: #0066FF;
	//background-color: #3255C5;
	background-color: #3386C5;
	padding: 0px;
	z-index: -2;

}

#intoduction {

	//text-align: right;
	margin: 0;
    position: relative;
	//background-color: red;
    top: 70px;
    //left: 40%;
	//width:80%;
	//height: 100px;
   // margin-right: -50%;
    //transform: translate(-50%, -50%);


}

#intoduction p {
	margin-right: 20px;
	font-size: 30px;
	color: white;
	text-align: right;
}


#int_text {

	font-style: italic;
	//font-family: Helvetica_local;
}

#aditional  {

	display: flex;
	margin-right:30px;
	margin-left: 30px;
	//background-color: blue;
	//align-self: flex-center;
	align: center;
	
}

.aditional_info {

	border: 5px solid #3386C5;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	min-width: 225px;
	height: 50px;
	margin-top:40px;
	background-color: #3386C5;
	
}

.aditional_info h1 {

	font-size: 20px;
	color: white;
}

.aditional_info h1:hover {

	font-size: 20px;
	color: yellow;
}

.aditional_info p {

	//font-size: 30px;
	//color: white;
	//color: #3386C5;
	color: #091722;
	font-style: italic;
}


#aditional_cont {

	//background-color: green;
	font-family: Helvetica_local;

}

.page_info {
	
	margin-top: 40px;
	border-top: 5px solid #3386C5;
	font-family: Helvetica_local;
}

.page_info h2 {

	font-size: 30px;
	text-align: center;
	margin-top: -20px;
	//background-color: #D0E4F3;
	margin-left: auto;
	margin-right: auto;	
	
}

.page_info h2 span {
	
	padding: 0px 5px;
	background-color: #D0E4F3;
	
}

/*
#general h2 {
	width: 160px;
	font-size: 30px;
	text-align: center;
	margin-top: -20px;
	background-color: #D0E4F3;
	margin-left: auto;
	margin-right: auto;

}*/

#general p {

	font-size: 20px;
	margin-right: 20px;
	margin-left:20px;

}

.text_cont {
	margin-left:130px;
	margin-right:130px;
	text-align: justify;
}

/*
#statistics h2 {
	width: 100px;
	font-size: 30px;
	text-align: center;
	margin-top: -20px;
	background-color: #D0E4F3;
	margin-left: auto;
	margin-right: auto;
	
}*/

#statistics p {
	font-size: 20px;
	text-align: justify;
	margin-right: 20px;
	margin-left:20px;
/*
	font-size: 20px;
	text-align: left;
	margin-left: -150px;
	margin-top: 5px;
	margin-bottom: 5px;
*/
}



.usage_container {
	display: flex;

}

.row {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*
#authors h2 {
	width: 115px;
	font-size: 30px;
	text-align: center;
	margin-top: -20px;
	background-color: #D0E4F3;
	margin-left: auto;
	margin-right: auto;
	//border: 5px solid #3386C5;

}*/

.authors_container {
	display: flex;
	

}

.author_cont {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.author_pict {

	width: 150px;
	height: 150px;
	border-radius: 100px;
	background-color: #3386C5;
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	
}

.author_name {
	float: left;
	margin-right: 40px;
}

.author_name h3 {
	font-size: 30px;
	margin-bottom: 0px;
}

.author_name p {
	font-size: 20px;
	margin-top: 0px;
}

/*
#supporters h2 {
	width: 160px;
	font-size: 30px;
	text-align: center;
	margin-top: -20px;
	background-color: #D0E4F3;
	margin-left: auto;
	margin-right: auto;
	//border: 5px solid #3386C5;

}*/

.supporters_cont {
	display: flex;
}

.supporters_cont p {
	text-align: center;
}

.supporter_cont {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.supporter_pict img{

	width: 150px;
	height: 150px;
	//border-radius: 100px;
	//background-color: #3386C5;
	float: left;
	margin-right: 30px;
	margin-left: 20px;
	
}

.supporter_pict {
	float: left;

}

.supporter_name {
	float: left;
	margin-right: 40px;
}

.supporter_name h3 {
	font-size: 30px;
	margin-bottom: 0px;
}

.supporter_name p {
	font-size: 20px;
	margin-top: 0px;
}

/*#contact {
	
	height: 200px;

}*/
/*
#contact h2 {
	width: 165px;
	font-size: 30px;
	text-align: center;
	margin-top: -20px;
	background-color: #D0E4F3;
	margin-left: auto;
	margin-right: auto;
}
*/
#contact p {
	font-size: 20px;
	text-align: center;
	margin-right: 20px;
	margin-left:20px;

}

#support {
	height: 150px;
	
}

#support p {
	font-size: 20px;
	text-align: center;
	margin-right: 20px;
	margin-left:20px;

}
/*
#support h2 {
	width: 165px;
	
}
*/
@font-face {
    font-family: Helvetica_local; /*a name to be used later*/
    src: url('Helvetica.otf') format("opentype"); /*URL to font*/
}

#statistics_table {
	width: 80%; 
	margin-left:10%; 
	margin-right:10%;
}

#statistics_table h3 {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#statistics_table p {
	text-align: center;
}

#statistics_table table h4 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#statistics_table table p {
	font-size: 16px;
	text-align: left;
}