
.test:hover {
	background-color: lightgrey;
}
.male {
	width: 55px;
  font-family: Arial CE, sans-serif;
  color:black;
}
.velke {
	width: 150px;
  font-family: Arial CE, sans-serif;
  color:black;
}
.mail {
	width: 200px;
  
}
.menu {
	height: 50px;
	background-color: #4CFF00;
	color: white;
}
table {
	color: black;
   text-align:center ;
}
body {
	text-align: center;
}
#main {
	position: relative;
	width: 1500px;
  height:150px;
	margin: 1px auto;
  background-color: rgb(144,255,0);
}
span {
	color: red;
}
h2 {
	text-align: center;
	border-radius: 10px 10px 0 0;
	margin: -10px -40px;
	padding: 15px;
}
hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 10px -40px;
	margin-bottom: 30px;
}
#login { background-color: white;
	width: 300px;
	float: left;
	border-radius: 10px;
	border: 2px solid #ccc;
	padding: 10px 40px 25px;
	margin-top:50px;
}
#login:hover {
	border: 2px solid #A6F087;
}
input[type=text], input[type=password] {
	width: 99.5%;
	padding: 10px;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding-left: 5px;
	font-size: 16px;
}
input[type=text]:hover, input[type=password]:hover {
	border: 1px solid #A6F087;
}
input[type=submit]:hover {
	background-color: orange;
}
#profile {
	padding: 50px;
	border: 1px dashed grey;
	font-size: 20px;
	background-color: #DCE6F7;
}
#logout {  text-align: left;
	float: left;
  margin:5px;
	padding: 5px;
	border: dashed 1px gray;
}
a {
	text-decoration: none;
	color: #6495ed;
}
i {
	color: #6495ed;
}
