#header
{
	background-color: gray;
}

#loginBackground
{
	width: 100%;
}

.container
{
	position: fixed;
	top: 50%;
	left: 25%;
	width: 50% !important;
	transform: translate(0, -50%);
}

.form-control
{
	background:transparent !important;
	color: white !important;
	font-size: 20px !important;
	font-family: Tahoma !important;
	padding: 30px !important;
}

.image {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
z-index: -1;
}

#symtechsys
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -80%);
}

#buttonsDiv
{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-25%, 30%);
}

.myButton 
{
	-moz-box-shadow:inset 0px 0px 14px 1px #bfbfbf;
	-webkit-box-shadow:inset 0px 0px 14px 1px #bfbfbf;
	box-shadow:inset 0px 0px 10px 1px #bfbfbf;
	background-color:transparent;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Tahoma;
	font-size:20px;
	padding:6px 49px;
	text-decoration:none;
	text-shadow:0px 1px 0px #919191;
}


.myButton:hover 
{
	background-color: rgba(176, 185, 200, 0.35);
}


.myButton:active 
{
	
	position:relative;
	
	top:1px;

}

ul{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: 50px; /* 50% of the line-height in a */
	text-align: center;
}

li{
	display: inline-block;
	list-style: none;
	margin-left: 10px;	
}

li:first-child {
	margin-left: 0;
}