html, body {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #252525;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}

#kartka {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 3;
	position: absolute;
	left: 0px;

}

#osrodek {
	width: 50px;
	height: 450px;
	left: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 2;
}

#site {
  	width: 780px;
  	margin: 0px auto;
  	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;
}

#header {
	width: 780px;
	height: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#centrum {
	width: 780px;
	height: 50px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: center;
	color: #3c3c3c;
}

#centrum h1 {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color: #3c3c3c;
}

#trylogia, #equus, #galop {
	width: 260px;
	float: left;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
}

.trylogia {
	color: #950d0d;
}

.trylogia a:link, .trylogia a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

.trylogia a:hover, .trylogia a:active {
	color: #950d0d;
	text-decoration: none;
}

.equus {
	color: #007a73;
}

.equus a:link, .equus a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

.equus a:hover, .equus a:active {
	color: #007a73;
	text-decoration: none;
}

.galop {
	color: #c79e3a;
}

.galop a:link, .galop a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

.galop a:hover, .galop a:active {
	color: #c79e3a;
	text-decoration: none;
}

#footer {
	margin: 10px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	clear: both;
}

#footer a:link, #footer a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #555;
	text-decoration: none;
}