* { margin: 0px; padding: 0px; }

body {
	background: url(/serwer2/public/images/bgBox.jpg) 0 0 repeat;
	color: #fff;
	margin: 0px auto; 
	padding: 0px; 
	font:italic 14px 'Open Sans', sans-serif;
}

form, fieldset, legend{
  margin: 0;
  padding: 0;
  border: 0;
}

.loginBox{
  margin:50px 0 0 0;
  text-align:center; 
}    

.left{float:left;} 

.textLog{padding:5px 0 0 5px;}

#messageInfoWai, #messageInfoErr, #messageInfoCon, #messageInfoWaiB{display:none;padding:5px;}

.err{
  background:#f2c4c6;
  border:1px solid #ff9f9f;
  width:90%; 
  height:20px;  
  padding:5px;
  color:#a3161a;
  font:italic 12px Verdana;
  margin:0px auto;
}

.errBox{           
  text-align:left;
  margin:0px auto;
  width:350px; 
  padding:5px;  
}

.loginBg{           
	background: url(/serwer2/public/images/map.png) 0 0 repeat;
	background-size: cover;
  overflow: hidden;
  filter: blur(3px);
  position: absolute;
  width:100vw;
  height:100vh;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index:1;
}

.loginForm{      
  position: absolute;
  width:100vw;   
  z-index:2;
}

.loginFormInBox{      
  position: relative;  
  margin:0px auto;
  width:350px;   
  z-index:2;
}

.loginFormIn{      
  position: absolute;  
  padding:150px 50px 150px 50px;
  background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
  opacity:0.8;
  width:248px;   
  height:120px;
  z-index:2;-webkit-border-radius: 010px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius: 010px;
-moz-border-radius-topright: 10px;
border-radius: 010px;
border-top-right-radius: 10px;
border: 1px solid #444;
box-shadow: 0 0 50px rgba(0,0,0,.2);
}

.loginFormInTxt{     
  position: absolute;
  top:30px;   
  text-align:center;
  color:#fff;
  padding:10px;
  font:normal 14px 'Open Sans', sans-serif;
  opacity:1;
  z-index:3;
}

.loginFormLine{   
  width:328px;
  height:1px;
  background:#eaeaea;
  display:block;
  opacity:0.6;
}

.loginFormLine2{   
  width:328px;
  height:1px;
  background:#000;
  display:block;
  opacity:0.8;
}

input.txt{      
  border:0px; 
  margin:5px; 
  width:300px;
  background:none;
  text-align:left;
  padding: 0 10px 10px 10px; 
  height:22px;         
  color:rgb(255,255,255);
  font:normal 18px 'Open Sans', sans-serif;
  font-weight:700;
}

.loginForm p{    
  text-align:left;
  padding:10px 10px 0 12px;   
  color:rgb(255,255,255);
  font:normal 14px 'Open Sans', sans-serif;
  text-transform:uppercase;
}

input.submit:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid #333;
}

.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

input.submit{
    padding: 14px 14px;
    margin: 0px 22px;
    border:0px;
    border-radius: 10px;
    font-size: 21px;
    color: #FFF;
    text-decoration: none;
    width: 280px;
    line-height: 15px;
    cursor:pointer;
	background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
}
 
::-webkit-input-placeholder  { color:rgb(183,183,183); }
input:-moz-placeholder { color:rgb(183,183,183); }