body {
	margin: 0;
	padding: 0;
	background: url("../img/bodyBg.png");
	text-align: center;
}


.jsHidden {
	display: none;
}

body, input, select, textarea, table, td, th, optgroup, option {
	font-family: "Arial CE", sans-serif;
	color: #fff;
	font-size: 12px;
}

input, select, textarea, option {
	color: #000;
}

img {
	border: none;
}

a {
	color: #fa0;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

.clear {
	visibility: hidden;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	clear: both;
}

#main {
	background: url("../img/mainBg.png");
	width: 689px;
	margin: 40px auto;
	text-align: left;
	position: relative; left: 0; top: 0;
	
}

#headder {
	height: 203px;
	background: url("../img/headBg.png") no-repeat;
	position: relative; left: 0; top: 0;
}

#topLogo {
	position: absolute;
	left: 25px;
	top: 70px;
	margin: 0;
}

#headText {
	font-size: 11px;
	position: absolute;
	left: 245px;
	width: 410px;
	top: 57px;
	color: #fff;
}

#headText h2 {
	font-size: 13px;
	margin: 0 0 5px 0;
	color: #fa0;
}


#topMenu {
	position: absolute;
	right: 30px;
	top: 172px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}

#topMenu li {
	float: left;
	margin: 0 2px 0 0;
	border-left: 1px solid #fa0;
	padding: 0 0 0 2px;
}

#topMenu li.first {
	border-left: none;
}

#topMenu li a {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	border: 1px solid #515151;
	_border: 1px solid #464646;
}

#topMenu li a:hover, #topMenu li a.active {
	border: 1px solid #666;
}

#langMenu {
	position: absolute;
	left: 20px;
	top: 172px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	text-transform: none;
	font-weight: bold;
}

#langMenu li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
}

#langMenu li.first {
	border-left: none;
}

#langMenu li a {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	border: 1px solid #515151;
	_border: 1px solid #464646;
}

#langMenu li a:hover, #topMenu li a.active {
	border: 1px solid #666;
}


#data {
	background: url("../img/dataBg.png") repeat-y;
	width: 679px;
	position: relative;
	left: 0;
	top: 0;
	color: #fff;
}

#homepage #data {
	height: 350px;
}
	
#dataTop {
	background: url("../img/dataTopBg.png") no-repeat;
	height: 69px;
}

	#dataTop h2 {
		margin: 0 30px 0 245px;
		padding: 37px 0 0 0;
		color: #fa0;		
		font-size: 18px;
	}

#data .hpBox {
	position: absolute;
	top: 10px;
	width: 221px;
	height: 340px;
	overflow: hidden;
	font-size: 11px;
	border-right: 1px solid #837F7C;
}

	#data .dataBox {
		padding: 20px 30px 20px 245px;
	}

#dataLeft {
	position: absolute;
	left: 25px;
	top: 95px;
	width: 195px;
	overflow: hidden;
	font-size: 11px;
}

.hpBox h2 {
	margin: 0;
	font-size: 16px;
	height: 60px;
	overflow: hidden;
	padding: 35px 10px 0 10px;
}

#homepage .hpBox h2 {
	padding: 0;
}

.hpBox h2 a {
	display: block;
	margin: 0;
	text-decoration: none;
	padding: 12px 10px 0 10px;
}

.hpBox p {
	margin: 0;
}

.hpBox p a {
	display: block;	
	text-decoration: none;
	color: #fff;
	padding: 185px 10px 10px 10px;
}


#hpBox01 {left: 12px; background: url("../img/titViz01.png") 0 59px no-repeat;}
#hpBox02 {left: 234px; background: url("../img/titViz02.png") 0 59px no-repeat;}
#hpBox03 {left: 456px; background: url("../img/titViz03.png") 0 59px no-repeat;}

#hpBox01.bHover {background: url("../img/titViz01Hover.png") 0 59px no-repeat;}
#hpBox02.bHover {background: url("../img/titViz02Hover.png") 0 59px no-repeat;}
#hpBox03.bHover {background: url("../img/titViz03Hover.png") 0 59px no-repeat;}


#footer {
	background: url("../img/footerBg.png") no-repeat;
	font-size: 9px;
	color: #ccc;
	padding: 5px 15px;
}

#footer p {
	text-align: right;
	margin: 0;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

p.link {
	font-weight: bold;
	text-align: right;
}

ul.linkList {
	margin: 15px 0 0 0;
	border-top: 1px solid #333;
	padding: 10px 0 0 0;
	list-style: none;
}

ul.linkList li {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h3 {
	color: #fa0;
	margin: 10px 0 5px 0;
}

h4 {
	margin: 10px 0 3px 0;
	border-bottom: 1px solid #333;
}

ul.refList {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.refList li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}

#bigImg {
	padding: 10px;
	text-align: left;
}

#bigImg img {
	border: 1px solid #333;
}

#bigImg .refText {
	width: 500px;
}

.refText {
	text-align: left;
}

.refTextWide {
	text-align: left;
	margin: 5px 0px 10px;
	clear: both;
}

.refBox img {
	border: 1px solid #333;
	float: left;
	margin: 2px 10px 2px 0;
}



/* FORMULARARE */
	form {
		margin: 0;
		padding: 0;
	}

	fieldset {
		border: none;
		padding: 0;
		margin: 0;
	}

	.formEnt2 {
		width: 180px; _width: 200px;
		float: left;
		padding: 0 20px 0 0;
		vertical-align: bottom;
		height: 45px;
		overflow: visible;
	}

	.formEnt2 input, .formEnt2 select, .formEnt2 textarea {
		width: 180px;
	}

	/*
		.formEnt1
		formularovy kontejner pres cely radek
	*/

	.formEnt1 {
		width: 380px;
		float: left;
		padding: 0 20px 0 0;
		vertical-align: bottom;
		height: 45px;
		overflow: visible;
	}

	.formEnt1 input, .formEnt1 select, .formEnt1 textarea {
		width: 380px;
	}

	.long {
		height: auto;
	}

	.submitBox {
		border: 0;
		padding: 10px 40px;
		text-align: right;
	 }

	.submitBox input {
	}

body#img {
	padding: 10px;
	text-align: left;
}

body#img img {
	border: 1px solid #ccc;
}

body#img p {
	width: auto;
}