/* CSS Document */
body, html {
	margin: 0px; padding: 0px; width: 100%; height: 100%;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: 	#5d564e;
}

body {
	background: #5d564e; 
}	

xdiv {
	border: solid 1px red;
}

.container {
	background: url(pic/back.jpg) no-repeat; position:absolute;  height:642px;   width:905px;  margin:-321px 0px 0px -452px; top: 50%; left: 50%;
}
.top_frame {
	height: 57px;
}

.top_left {
	background: url(pic/top_left.jpg) no-repeat; height:57px; width:344px; float: left;
}
.onas {
	background: url(pic/onas_on.jpg) no-repeat; height:57px; width:61px; float: left; 
}
.katalog {
	background: url(pic/katalog_off.jpg) no-repeat; height:57px; width:77px; float: left;
}
.katalog a {
	background: url(pic/katalog_off.jpg) no-repeat; font-size: 66px;
}
.katalog a:hover {
	background: url(pic/katalog_on.jpg) no-repeat;
}
.kontakt {
	background: url(pic/kontakt_off.jpg) no-repeat; height:57px; width:77px; float: left;
}
.kontakt a {
	background: url(pic/kontakt_off.jpg) no-repeat; font-size: 66px;
}
.kontakt a:hover {
	background: url(pic/kontakt_on.jpg) no-repeat;
}
.top_right {
	background: url(pic/top_right.jpg) no-repeat; height:57px; width:346px; float: left;
}
.text_onas {
	margin-top: 50px; text-align: left; margin-left: 130px; height: 77px; width: 600px; clear: both;
}
.text_obsluhujeme {
	padding-top: 20px; text-align: left; margin-left: 150px; height: 340px; width: 400px; 
}
.copiright {
	padding-top: 50px; text-align: left; margin-left: 600px; height: 10px; width: 250px; 
}