body {
	font-size: 11px;
	background-color: #fff;
	background-image: url("../img/login/pozadi_login_new3.gif");
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	color: #000;
	font-family: "Trebuchet MS", "Arial CE", Arial, Verdana, "Helvetica CE", Helvetica, sans-serif;
}

a {
	color: #3366CC;
}

a:hover {
	color: #FF3300;
	text-decoration: none;
}

.l {
	float: left;
}

.r {
	float: right;
}

.podram {
	position: absolute;
	top: 142px;
	left: 145px;
	text-align: left;
	width: 180px;
	height: 260px;
	background-color: #fff;
	border-top: solid 3px #fff;
	border-left: solid 3px #fff;
	border-bottom: solid 3px #fff;
	z-index: 0;
}

.hlavniram {
	position: absolute;
	top: 150px;
	left: 153px;
	text-align: left;
	width: 400px;
	height: 250px;
	background: url("../img/login/pozadi_logovani.jpg") no-repeat;
	z-index: 1;
}

.logovani {
	position: absolute;
	bottom: 25px;
	right: 25px; 
	padding: 20px 15px 10px 15px;
	width: 170px;
	height: 110px;
	font-size: 12px;
	background-color: #E3E6E9;
	border: solid 1px #CCCCCC;
	z-index: 2;
}

.obrazek {
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 2;
}

.login {
	position: absolute;
	top: 30px;
	left: 170px;
	font-size: 25px;
	font-weight: bold;
	color: #83C108;
	z-index: 2;
}

.login_popis {
	position: absolute;
	bottom: 25px;
	left: 20px;
	width: 135px;
	z-index: 3;
}

.button {
	margin: 10px 0px 0px 0px;
	border: solid 1px #CCCCCC;
	background-color: #F4F5F7;
	font-size: 11px;
	font-family: "Trebuchet MS", "Arial CE", Arial, Verdana, "Helvetica CE", Helvetica, sans-serif;
}

.inputtext {
	width: 168px;
	border: solid 1px #CCCCCC;
	background-color: #F9F9F9;
	font-size: 11px;
	font-family: "Trebuchet MS", "Arial CE", Arial, Verdana, "Helvetica CE", Helvetica, sans-serif;
}

#problem {
	width: 280px;
	margin: 20px;
}