html {
	height: 100%;
	width: 100%;
}

body {

    background: url('../img/slider3.jpg') no-repeat;
	background-position: center center;
    background-attachment: fixed;
	background-size:cover;
}

#wrapper {
	height: 100%;
}

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

input { 
    	border: 0;
	outline: 0; 
    	height: 50px; 
    	width: 300px; 
    	padding-left: 20px; 
    	padding-right: 20px;
    	display: block;
    	box-sizing: border-box;
}

.submit {
	margin-top: -50px;
	margin-left: 250px;
	width: 50px;
	background: url('../img/arrow.png') no-repeat center center;
	background-size: 25px 25px;
}

.top {
 	border-bottom: 1px #000;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	top-left-border-radius: 10px;
	-webkit-border-top-right-radius: 10px;
        moz-border-top-right-radius: 10px;
        top-right-border-radius: 10px;
}

.bottom {
	-webkit-border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        bottom-left-border-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        moz-border-bottom-right-radius: 10px;
        bottom-right-border-radius: 10px;
} 

img {
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
}

#loginerrors {
    border: 0;
    height: 50px;
    width: 300px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display:block;
    padding-top: 10px;
}