@import url("fonts.css");

body {
   background-color:#fcfcfc;
   font-family:Verdana;
   font-size:12px;
   margin:0;
}

.head {
   color:#81bc18;
   margin:0;
   height:80px;
   font-size:40px;
   font-family:BritannicBoldRegular;
   background:white;
   box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.20);
   -moz-box-shadow:  0 4px 4px -2px rgba(0, 0, 0, 0.20);
   -webkit-box-shadow:  0 4px 4px -2px rgba(0, 0, 0, 0.20);
}

.header_logo {
   width:120px;height:80px;
   margin-left:20px;
   float:left;
   position:relative;
}

.header_logo span {
   position:absolute;
   left:100px;top:15px;
   font-weight:bold;
}

.map {
   background: url('../img/map_nocolor.png') no-repeat;
   background-size: 32px 32px;
   background-position:right;
   float:right;
   height:80px;
   cursor:pointer;
   margin-right:32px;
}

.map:hover { 
   background: url('../img/map_color.png') no-repeat; 
   background-position:right; 
}

.map span {
   vertical-align:middle;
   position:relative;
   display:inline-block; 
   top:5px;
}

.map span a {
   color:#666;
   font-family:Audite;
   font-size:20px;
   text-decoration:none;
   padding:10px 40px 10px 0px;
}

.map:hover span a { 
   color:#81bc18; 
}

.login_head {
   margin:40px auto;
   max-width: 400px;
   text-align:center;
   font-family:Audite;
   font-size:32px;
   color:#666;
}

.divlgn {
   background-color: #F7F7F7;
   max-width: 400px;
   position: relative;
   display: block;
   border:1px solid #c4c2c2;
   border-radius: 2px;
   margin:0 auto;
   margin-top:25px;
   margin-bottom:15px;
   padding: 35px 70px;
   box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.20);
   -webkit-box-shadow:  0 4px 5px -2px rgba(0, 0, 0, 0.20);
   -moz-box-shadow:  0 4px 5px -2px rgba(0, 0, 0, 0.20);
}

.divlgn p {
   margin-bottom: 8px;
   line-height: 100%;
}

input[type="text"], input[type="password"] { 
   background: #fcfcfc;
   display: block;
   line-height: 46px;
   width:100%;height: 46px;
   margin-bottom:20px;
   padding: 0 15px;
   font-family:Verdana;
   font-size: 17px;
   color:#666;
   border: 1px solid #d6d6d6;
   border-radius: 2px;
   box-sizing: border-box;
}

.login_btn {
   width:100%; height: 50px;
   display: inline-block;
   padding: 0 20px;
   background-color: #7dbd00;
   color: #fff;
   cursor: pointer;
   border: 1px solid #4b6f04;
   border-radius: 2px;
   text-transform:uppercase;
}

.login_btn:hover { 
   background-color: rgba(125, 189, 0, 0.74); 
}

.nopass {
   text-align:right;
   color:#154fb6;
   cursor:pointer;
}

.nopass a:hover { 
   text-decoration:underline; 
}

.bottom-login {
   max-width: 400px;
   margin:auto;
}

.bottom-login h2 {
   margin-left:20px;
   font-size:12px;
}

.bottom-login div {
   margin-left:20px;
   float:left;
}

.bottom-login a {
   cursor:pointer;
}

.facebook {
   width:180px;
}

.chgpass {
   margin:auto;
   max-width: 400px;
   text-align:center;
}