* {
	margin:0;
	padding:0;
	}
html, body {
	height:100%;
	}
body {
	background: url(imag/tlo.gif) no-repeat center center;
	text-align:center; /* horizontal centering for IE Win quirks */
	}
#distance { 
	width:1px;
	height:50%;
	margin-top:-300px; /* half of container's height */
	float:left;
	}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:600px;
	width:940px;
	clear:left;
	font:normal 14px Arial,sans-serif;
	text-align: center;
	}
#container a {
	color:#5681c0;
	text-decoration:none;
	}

#loga {
	background: url(imag/logo.png) no-repeat 250px 0px;
	width: 920px;
	height: 285px;
	float: right;
}
#logol {
	display: block;
	margin: 115px 0px 20px 120px;
	background: url(imag/logo1.png) no-repeat 0px 60px;
	float: left;
	width: 181px;
	height: 170px;
}
#logor {
	display: block;
	margin: 115px 111px 20px 0px;
	background: url(imag/logo2.png) no-repeat 0px 0px;
	float: right;
	width: 140px;
	height: 170px;
}
#tresc {
	float: left;
	width: 720px;
	padding: 30px 0px 35px 130px;
	height: 60px;
	font: bolder 12px Verdana;
	color: #29166f;
	text-align: justify;
}
#kleft {
	float: left;
	width: 335px;
}
#kright {
	float: right;
	width: 335px;
}
#guziory {
	float: right;
	width: 910px;
}
#guz1 {
	width: 150px;
	height: 176px;
	float: left;
	background: url(imag/guz1.png) no-repeat center top;
}
#guz2 {
	width: 150px;
	height: 176px;
	float: right;
	background: url(imag/guz2.png) no-repeat center top;
}
#guz1:hover,#guz2:hover {
	background-position: center -226px;
}
.clear {
	clear: both;
}