/*= ОБЩИЕ СТИЛИ
--------------------------------------------------------*/
body {
   background: #efefef;
   font-family: 'Open Sans', sans-serif;
   color: #777;
}

a {
   color: #3d449a;
   font-weight: 400;
}
	
span {
   font-weight: 300;
   color: #3d449a;
}

.mlogin {
   margin: 12% auto 0;
/*   margin: 170px auto 0;*/
}

.mregister {
   margin: 5% auto 0;
/*   margin: 80px auto 0;*/
}

.error {
   margin: 40px auto 0;
   border: 1px solid #777;
   padding: 3px;
   color: #fff;
   text-align: center;
   width: 100%;
/*   max-width: 650px;*/
   background: red;
/*   background: #3d449a;*/
}

.reg_error {
   margin: 15px auto 0;
   border: 1px solid #777;
   padding: 3px;
   color: #fff;
   text-align: center;
   width: 100%;
/*   max-width: 650px;*/
   background: red;
/*   background: #3d449a;*/
}

.regtext {
   font-size: 13px;
   margin-top: 26px;
   color: #777;
}

.loginheader {
   font-size: 18px; 
   margin: auto;
/*   margin-top:0; */
/*   margin-bottom:0;*/
   text-align: center;
   max-width:90%;
   margin-bottom: 20px;
/*   padding-bottom: 20px;*/
}

.loginlogo {
   text-align:center; 
   padding:30px 15px 10px;
/*   padding:30px 15px 15px;*/
   max-width:90%;
/*   height:100px;*/
}


/*= КОНТЕЙНЕРЫ
--------------------------------------------------------*/
.container {
   padding: 25px 16px 25px 10px;
   font-weight: 400;
   overflow: hidden;
   width: 350px;
   max-width: 90%;
   height: auto;
   background: #fff;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
   box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
	
#welcome {
   width: 500px;
   padding: 30px;
   background: #fff;
   margin: 160px auto 0;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
   box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
	
.container h1 {
   color: #777;
   text-align: center;
   font-weight: 300;
   border: 1px dashed #777;
   margin-top: 13px;
   width: 350px;
   max-width: 100%;
}

.container label {
   color: #777;
   font-size: 14px;
}
   
#login {
   width: 320px;
   max-width: 90%;
   margin: auto;
   padding-bottom: 15px;
}

.container form .input,.container input[type=text],.container input[type=password],.container input[type=e] {
   background: #fbfbfb;
   font-size: 24px;
   line-height: 1;
   width: 100%;
   padding: 3px;
   margin: 0 6px 5px 0;
   outline: none;
   border: 1px solid #d9d9d9;
}
	
.container form .input:focus {
   border: 1px solid #3d449a;
   -webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
   -moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
   box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
}
	
/*= КНОПКИ
--------------------------------------------------------*/
	
.button{
   border: solid 1px #3d009a;
   background: #3d449a;
   background: -webkit-gradient(linear, left top, leftbottom, from(#3d449a), to(#3d009a));
   background: -moz-linear-gradient(top,  #3d449a, #3d009a);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d449a', endColorstr='#3d009a');
   color: #fff;
   padding: 7px 12px;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   float: right;
   cursor: pointer;
}
	
.button:hover{
   background: #3d559a;
   background: -webkit-gradient(linear, left top, leftbottom, from(#f88e11), to(#f06015));
   background: -moz-linear-gradient(top,  #3d449a, #3d009a);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

/*= ПОДВАЛ
--------------------------------------------------------*/
footer {
   color: #777;
   font-size: 12px;
   text-align: center;
   margin-top: 20px;
}