body {
	margin: 10px;
	padding: 0px;
	color : #333;
	background-color : #FFF;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
}


form {
    margin: 0px;
}


@media screen and (max-width: 600px){
.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 10px;
	padding: 4px;
	}
.login-form {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float: none;
	width: 90%;
}
}





@media screen and (min-width: 800px){
.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	padding: 4px;
	font-size: 20px;
}

.button:hover {
	border : solid 1px white;
	background: grey;
	color : white;
}


.login-form {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float: none;
	width: 30%;
}

}



.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}
	

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}


.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.login-tytul {
	color: #c91818;
	font-weight: bold;
	font-size: 20px;

}

.inputlabel {
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	}

.inputbox {
	width: 250px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	font-size: 20px;
	}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

A.adm:link { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #20307d; TEXT-DECORATION: none; }
A.adm:visited { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #20307d; TEXT-DECORATION: none; }
A.adm:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #c82020; TEXT-DECORATION: none }


A:link {
FONT-SIZE	:	14px;
COLOR		:	#0000FF;
FONT-WEIGHT	:	bold;
TEXT-DECORATION	:	none;
}
A:visited {
FONT-SIZE					:		14px;
COLOR							:		#0000FF;
TEXT-DECORATION		:		none;
FONT-WEIGHT				:		bold;
}
A:hover {
FONT-SIZE					:		14px;
COLOR							:		#CE0005;
TEXT-DECORATION		:		none;
}

div.taberr{
  display: table;
  width: 100%;
}
div.err {
	color: #FF0000;
	margin-left: auto;
	margin-right: auto;
	font-size:25px;
	font-weight:bold;
	text-align:		center;
	border: 1px solid #c7254e;
	background-color: #f9f2f4;
	width: 95%;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
}


.login-data{
	float: left;
	padding: 3px;
	margin-left: 4px;
}

.login-img{
        background-image: url("/img/login2.png");
	/*border: 1px solid black;*/
	float: left;
	padding: 3px;
	border-radius: 10px;
	width: 120px;
        height: 120px;
	margin-left: 30px;
        background-size: cover;


}
