@charset "utf-8";

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: black url(img/bg-top.gif) repeat-x;
	font-size: 12px;
	color: #e0dcab;
	background-color: #000000;
	text-align: center;
	margin: 0 auto;
}

#container {
	width: 900px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 245px;
	background: url(img/vkpro-head.gif) no-repeat;
	text-align: center;
}

#lngCZ {
	width: 35px;
	height: 35px;
	background: #73b943 url(img/lng-cz-ani.gif) no-repeat;
	margin: 20px 0 0 0;
	position: relative;
	float: right;
	clear: both;
}

#lngCZ:hover {
	background-position: 0 -35px;
}

#lngEN {
	width: 35px;
	height: 35px;
	background: #73b943 url(img/lng-en-ani.gif) no-repeat;
	margin: 0;
	position: relative;
	float: right;
	clear: both;
}

#lngEN:hover {
	background-position: 0 -35px;
}

#undercon {
	width: 56px;
	height: 44px;
	float: right;
	margin: 146px 0 0 0;
	background: #73b943 url(img/under-construction.gif) no-repeat; 
}

#content {
	width: 100%;
	height: 400px;
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
	background: black url(img/content-bg.gif) no-repeat;
	margin: 0;
	padding-top: 0;
}

#content p {
	font-size: 14px;
}

#content h1 {
	font-weight: normal;
	color: #73b943;
}

#content div.lightbox {
	width: 270px;
	height: 160px;
	background: white;
	margin: 60px 10px 0 0;
	padding: 10px 10px 0 10px;
	position: relative;
	float: left;
	clear: right;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#content div.lightbox:hover {
	background: #73b943;
}

#content div.lightbox_image {
	width 270px;
	height: 160px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}