/*=.=.=.=.=---STYLE FOR---=.=.=.=.=*/

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Global properties */
*{ padding:0px; margin:0px; outline:none; border:none; list-style:none; text-decoration:none; }
body{ font:normal 14px/18px 'Roboto' , Helvetica, sans-serif; color:#000; background:url(../images/bg.jpg) left top no-repeat; background-size:cover;}

.wraper{width: 100%; float: left; background:#1e6887; line-height:48px;}
.container{width: 1200px; margin: 0 auto;}

.wraper span { float:left; width:auto; margin:10px 0 0 20px;}
.wraper h2 { font-weight:300; font-size:28px; color:#fff; float:left; margin:0 0 0 20px; padding:0; line-height:48px; vertical-align:middle;}

.middle1 { width:418px; margin:0 auto; height:auto;}
.middle1 h3 { width:100%; font-weight:300; font-size:42px; color:#000; float:left; margin:30% 0 25px 0; padding:0; line-height:80px; vertical-align:middle;}


.username { width:100%; float:left; height:60px; margin-top:10px; line-height:60px; vertical-align:middle; border:solid 1px #c8c8c8; border-radius:3px; background:url(../images/Username-128.png) 10px 15px no-repeat #FFFFFF; padding-left:15%; font-size:14px;}

.pass { width:100%; float:left; height:60px; margin-top:10px; line-height:60px; vertical-align:middle; border:solid 1px #c8c8c8; border-radius:3px; background:url(../images/Password-128.png) 10px 15px no-repeat #fff; padding-left:15%; font-size:14px;}

.forget { width:100%; float:left; margin-top:10px; font-size: 15px; color: #000; text-align:right;} 
.logbut { width:100%; float:left; height:60px; margin-top:20px; border-radius:3px; line-height:60px; vertical-align:middle;  color:#fff; font-size:13px; text-transform:uppercase; cursor:pointer; background:url(../images/35-128.png) 141px 23px no-repeat #de0100; font:normal 14px/18px 'Roboto' , Helvetica, sans-serif;}
.logbut:hover {  background:url(../images/35-128.png) 141px 23px no-repeat #b70504;}

.forget1 { width:100%; float:left; height:60px; margin-top:10px; border-radius:3px; line-height:60px; vertical-align:middle;  color:#fff; font-size:13px; text-transform:uppercase; cursor:pointer; background:url(../images/forgetpass.png) 109px 23px no-repeat #313131; font:normal 14px/18px 'Roboto' , Helvetica, sans-serif;}
.forget1:hover {  background:url(../images/forgetpass.png) 109px 23px no-repeat #000;}

.ftrdiv { width:100%; position:fixed; bottom:0; line-height:48px; vertical-align:middle; background:#1e6887; color:#fff; font-weight:normal; font-size:12px;}
.ftrdiv span { margin-left:30px;}