html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484848;
	background: #afcf2d url(img/design/body.gif) 50% 0% repeat-y;
}
/* ----------------------------------------------- A ------------------------------- */
a img {
	border: none;
}
a {
	color: #007DAF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* ----------------------------------------------- (A) ------------------------------- */
/* ----------------------------------------- vseobecne ----------------------------------------- */
form {
	display: inline;
}
.endfloat {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}
.hlaska {
	margin: 12px 8px 12px 8px;;
	padding: 4px 6px 4px 6px;
	background: #EE0000 url(img/design/hlaska.gif) 50% 0% repeat-x;
	border: 1px solid #aaa;
	color: #fff;
	text-align: center;
	font-size: 11px;
}
p {
	margin: 0px;
	padding: 0px;
}
h1 {
	margin: 0px;
	padding: 29px 0px 29px 10px;
	padding-bottom: 16px;
	font-size: 20px;
	color: #d20d00;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1.main-title {
	position: absolute;
	left: 40px;
	top: 100px;
	font-size: 28px;
}
h2,
h2 a {
	display: block;
	margin: 0px;
	margin-bottom: 12px;
	padding: 0px;
	font-size: 12px;
	color: #848439;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
h2.nadpis {
	padding: 0px;
	margin: 0px;
	color: #fff;
}
select,
textarea,
input.textbox,
input.textboxSmall {
	border: 2px solid #eee;
	font-size: 11px;
	font-family : Arial, Helvetica, sans-serif;
}
textarea,
input.textbox {
	margin-bottom: 4px;
	padding: 2px 3px 2px 3px;
}
textarea {
	overflow: auto;
}
textarea,
input.textbox,
input.textboxSmall {
	background: url(img/design/input.gif) repeat-x;
}
input.button {
	width: 86px;
	height: 30px;
	background: #e52800 url(img/design/btn.gif) no-repeat;
	color: #fff;
	font-size: 11px;
	border: none;
	font-weight: bold;
	cursor: pointer;
}
input.button.active {
	background-position: 0px -30px;
}
td.left {
	width: 40%;
	text-align: right;
	vertical-align: middle;
}
/* ----------------------------------------- (vseobecne) ----------------------------------------- */
/* ----------------------------------------- menu ----------------------------------------- */
div.menu {
	position: relative;
	width: 848px;
	height: 79px;
	z-index: 72;
	overflow: hidden;
	background: url(img/design/menubg.gif) no-repeat;
}
div.menu ul#hlavneMenu {
	position: absolute;
	left: 1px;
	top: 0px;
	width: 790px;
	overflow: hidden;
}
div.menu ul#hlavneMenu,
div.menu ul#hlavneMenu li {
	margin: 0px;
	padding: 0px;
}
div.menu ul#hlavneMenu li,
div.menu ul#hlavneMenu a {
	float: left;
	display: block;
}
div.menu ul#hlavneMenu li {
	background: url(img/design/menulibg.jpg) repeat-x;
}
div.menu ul#hlavneMenu li.separator {
	position: relative;
	width: 2px;
	height: 74px;
	overflow: hidden;
	background: url(img/design/menusepbg.gif) no-repeat;
}
div.menu ul#hlavneMenu a {
	position: relative;
	padding: 28px 27px 30px 27px;
	background: url(img/design/menuabg.gif) repeat-x;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-family: "trebuchet ms";
	font-weight: bold;
	text-transform: uppercase;
}
div.menu ul#hlavneMenu a .ld {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	_bottom: -1px;
	width: 4px;
	height: 7px;
	overflow: hidden;
	background: url(img/design/ld.gif) no-repeat;
}
div.menu ul#hlavneMenu a .rd {
	display: block;
	position: absolute;
	right: 0px;
	_right: -1px;
	bottom: 0px;
	_bottom: -1px;
	width: 4px;
	height: 7px;
	overflow: hidden;
	background: url(img/design/rd.gif) no-repeat;
}
div.menu ul#hlavneMenu a.active,
div.menu ul#hlavneMenu a:hover {
	text-decoration: underline;
}
div.menu ul#hlavneMenu a.active {
	padding-bottom: 33px;
	background: url(img/design/menuabg_a.gif) repeat-x;
	text-decoration: none;
}

div.subMenu {
	position: absolute;
	z-index: 800;
	top: -5px;
	left: 0px;
}
div.subMenu ul {
	position: absolute;
	left: 0px;
	display: block;
	width: 198px;
	margin: 0px;
	padding: 0px;
	padding-top: 27px;
	_padding-top: 29px;
	padding-left: 2px;
	background: url(img/design/blank.gif);
}
div.subMenu ul li {
	display: block;
	list-style: none;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
div.subMenu ul li a {
	display: block;
	position: relative;
	padding: 6px 12px 6px 12px;
	background: #00b3df;
	color: #fff;
	text-decoration: none;
	font-family: "trebuchet ms";
	cursor: pointer;
}
div.subMenu ul li a.first {
	padding-top: 0px;
}
div.subMenu ul li a.last {
	padding-bottom: 0px;
}
div.subMenu ul li a.first .ld,
div.subMenu ul li a.last .ld,
div.subMenu ul li a.first .rd,
div.subMenu ul li a.last .rd {
	height: 24px;
}
div.subMenu ul li a.first_last {
	padding-top: 0px;
	padding-bottom: 0px;
}
div.subMenu ul li a.first_last .b {
	top: 18px;
}
div.subMenu ul li a.first_last:hover .b {
	top: 18px;
}
div.subMenu ul li a.first_last .ld,
div.subMenu ul li a.first_last .rd {
	height: 18px;
}
div.subMenu ul li a .ld {
	position: absolute;
	left: -4px;
	_left: -12px;
	_left: -16px;
	top: 0px;
	width: 4px;
	height: 30px;
	background: url(img/design/sld.png) repeat-y;
}
* html .subMenu ul li a .ld {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/sld.png", sizingMethod="scale"); 
}
div.subMenu ul li a .rd {
	position: absolute;
	right: -6px;
	top: 0px;
	width: 6px;
	height: 30px;
	background: url(img/design/srd.png) repeat-y;
}
* html .subMenu ul li a .rd {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/srd.png", sizingMethod="scale"); 
}
div.subMenu ul li a .t {
	position: absolute;
	left: -4px;
	_left: -16px;
	top: -13px;
	_top: -18px;
	width: 208px;
	height: 13px;
	background: url(img/design/st.png) no-repeat;
}
* html .subMenu ul li a .t {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/st.png", sizingMethod="scale"); 
}
div.subMenu ul li a:hover .t {
	position: absolute;
	left: -4px;
	_left: -16px;
	top: -13px;
	_top: -18px;
	width: 208px;
	height: 13px;
	background: url(img/design/st_h.png) no-repeat;
}
* html .subMenu ul li a:hover .t {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/st_h.png", sizingMethod="scale"); 
}
div.subMenu ul li a .b {
	position: absolute;
	left: -4px;
	_left: -16px;
	top: 24px;
	width: 208px;
	height: 11px;
	background: url(img/design/sb.png) no-repeat;
}
* html .subMenu ul li a .b {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/sb.png", sizingMethod="scale"); 
}
div.subMenu ul li a:hover .b {
	position: absolute;
	left: -4px;
	_left: -16px;
	top: 24px;
	width: 208px;
	height: 11px;
	background: url(img/design/sb_h.png) no-repeat;
}
* html .subMenu ul li a:hover .b {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/sb_h.png", sizingMethod="scale"); 
}
div.subMenu ul li a:hover {
	background: #00c1e5;
}
div.subMenu ul li a.active,
div.subMenu ul li a.active:hover {
	font-weight: bold;
	text-decoration: none;
}

div.loginBox {
	margin-bottom: 40px;
}
div.loginBox .box {
	float: right;
	padding-right: 8px;
	text-align: right;
}
div.loginBox input.textbox {
	width: 130px;
	text-align: right;
}
ul.jazykmenu {
	position: absolute;
	top: 1px;
	*top: 4px;
	right: 5px;
	margin: 0px;
	padding: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul.jazykmenu li {
	position: relative;
	height: 20px;
	width: 20px;
	overflow: hidden;
	display: block;
	margin: 0px;
	margin-top: 3px;
	*margin-top: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background: #00B2DF;
}
ul.jazykmenu li.over {
	background: #257ABB;
}
ul.jazykmenu li.active {
	display: none;
}
span.ikonkaLang {
	position: relative;
	overflow: hidden;
	display: block;
	width: 20px;
	height: 16px;
	cursor: pointer;
}
/* ----------------------------------------- (menu) ----------------------------------------- */
/* ----------------------------------------- hlavny div ----------------------------------------- */
div.hlavny {
	position: relative;
	width: 848px;
	margin: 0px auto;
}
div.top {
	position: relative;
	width: 714px;
	height: 83px;
	overflow: hidden;
	background: url(img/design/topbg.jpg) no-repeat;
}
div.hlavicka {
	position: relative;
	z-index: 51;
	width: 848px;
	height: 306px;
	margin-top: -5px;
	background: #87BC14;
}
div.hlavicka .bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 848px;
	height: 306px;
	background: url(img/design/hlavickabg.jpg) no-repeat;
}
div.hlavicka .bg.en {
	background: url(img/design/hlavickabg-en.jpg) no-repeat;
}
div.hlavicka #budik {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 120px;
	height: 120px;
	background-position: 0% 100%;
}
div.hlavicka .listok {
	position: absolute;
	right: -39px;
	top: 1px;
	width: 39px;
	height: 145px;
	background: url(img/design/listok.gif) no-repeat;
}
div.hlavicka .flash {
	position: absolute;
	left: 273px;
	top: 0px;
	width: 360px;
	height: 129px;
}
div.main {
	position: relative;
	z-index: 61;
	width: 848px;
	margin: 0px auto;
	padding-bottom: 10px;
	background: #fff url(img/design/main.gif) repeat-y;
}
div.lavyStlpec {
	position: relative;
	float: left;
	width: 480px;
	overflow: hidden;
	margin-right: 55px;
	padding-left: 39px;
}
div.pravyStlpec {
	position: relative;
	float: left;
	width: 250px;
	padding-bottom: 20px;
	background: #e0eaac url(img/design/pstlp.gif) repeat-y;
}
div.pravyStlpec .bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 250px;
	height: 50px;
	background: #e0eaac url(img/design/pstlp_bott.gif) no-repeat;
}
div.pravyStlpec .banner {
	position: relative;
	overflow: hidden;
	width: 186px;
	height: 152px;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 16px;
	border: 8px solid #F3F7DE;
}
div.pravyStlpec .box {
	position: relative;
	overflow: hidden;
	margin-top: -40px;
	padding: 24px;
	width: 202px;
}
div.pravyStlpec h1 {
	height: 36px;
	line-height: 36px;
	margin: 0px;
	margin-bottom: 22px;
	padding: 0px 0px 0px 45px;
	background: url(img/design/budik.gif) no-repeat;
}
div.pravyStlpec h2,
div.pravyStlpec h2 a {
	color: #0379be;
	font-size: 11px;
	text-transform: none;
	text-align: left;
	text-decoration: none;
}
div.pravyStlpec h2 a:hover {
	text-decoration: underline;
}
.novinka {
	margin: 0px 0px 12px 0px;
	padding: 0px 8px 0px 8px;
}
.novinka a {
	font-size: 11px;
	color: #da4838;
}
.nsep {
	position: relative;
	overflow: hidden;
	width: 248px;
	height: 2px;
	margin-left: -23px;
	margin-bottom: 18px;
	background: url(img/design/nsep.gif) no-repeat;
}
.novinka .note {
	color: #000;
	font-size: 10px;
	margin-bottom: 2px;
}
.novinka .text {
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	margin-bottom: 6px;
}
.novinka-detail img{
	float: left;
}
div.obsah {
	position: relative;
	overflow: hidden;
	padding: 29px 0px 29px 10px;
	padding-top: 0px;
	text-align: justify;
	font-family : Arial, Helvetica, sans-serif;
	line-height: 21px;
}
div.banner {
	text-align: center;
	background: url(img/design/video_bg.jpg) no-repeat; 
}
div.banner div.box {
	margin-bottom: 16px;
}
ul.novinkymenu {
	margin: 0px;
	margin-top: 56px;
	padding: 0px;
	list-style: none;
}
ul.novinkymenu li.date {
	font-size: 10px;
	color: #333333;
}
ul.novinkymenu a {
	display: block;
	margin-bottom: 16px;
	_margin-bottom: 8px;
	padding-left: 1px;
	font-size: 11px;
	text-transform: uppercase;
	color: #848439;
}
	/* ----------------------------------------- logoklik ----------------------------------------- */
	a.logoklik {
		position: absolute;
		left: 135px;
		top: 63px;
		width: 239px;
		height: 100px;
	}
	/* ----------------------------------------- (logoklik) ----------------------------------------- */
	/* ----------------------------------------- pata ----------------------------------------- */
	div.pata {
		position: relative;
		z-index: 70;
		width: 848px;
		height: 273px;
		margin: 0px auto;
		background: #7CB612 url(img/design/patabg.jpg) no-repeat;
		font-size: 11px;
		color: #fff;
	}
	div.pata.en {
		background: #7CB612 url(img/design/patabg-en.jpg) no-repeat;
	}
	.pata .rastlina {
		position: absolute;
		right: 257px;
		top: -211px;
		width: 47px;
		height: 211px;
		background: url(img/design/rastlina.png) no-repeat;
	}
	* html .pata .rastlina {	
		background-color: transparent;
		background-image: url(img/design/blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/rastlina.png", sizingMethod="image"); 
	}

	div.pata div.text {
		position: absolute;
		top: 211px;
		left: 30px;
	}
	div.pata div.text a {
		text-decoration: underline;
		color: #fbffaa;
	}
	div.pata div.text a:hover {
		text-decoration: none;
	}
	div.pata div.note {
		position: absolute;
		top: 150px;
		left: 30px;
		font-size: 13px;
	}
	.pata a.lucka-sk {
		position: absolute;
		right: 10px;
		bottom: 35px;
		width: 180px;
		height: 100px;
	}
	.pata a.imunita-sk {
		position: absolute;
		right: 200px;
		bottom: 35px;
		width: 120px;
		height: 50px;
	}
	/* ----------------------------------------- (pata) ----------------------------------------- */
/* ----------------------------------------- (hlavny div) ----------------------------------------- */
/* ----------------------------------------- formular/galeria ----------------------------------------- */
div.referencie.pred,
div.galeria.pred,
div.formular.pred {
	margin-bottom: 28px;
}
img#antiSpam {
	border: 1px solid #eee;
}
div.referencie.za,
div.galeria.za,
div.formular.za {
	margin-top: 28px;
}
div.galeria a{
	float: left;
	display: block;
	width: 100px;
	height: 100px;
	margin: 3px;
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #EDEDED;
}
div.galeria a:hover{
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 4px solid #EDEDED;
}
div.formular fieldset {
	border: 4px solid #eee;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 14px;
	color: #777;
}
div.formular legend {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #aaa;
}
div.formular a {
	color: #777;
	font-size: 10px;
}

/* ----------------------------------------- (formular/galeria) ----------------------------------------- */

/* ----------------------------------------- Intro ----------------------------------------- */
body#intro{
	position: relative;
	background: #afcf2d url(img/design/introBg.jpg) no-repeat top center;
}
#intro #obal{
	margin: 0 auto;
	width: 700px;
	height: 805px;
	overflow: hidden;
}
#intro .vrch{
	position: relative;
	width: 700px;
}
#intro .spodok{
	position: relative;
	margin-top: 140px;
}
#intro .vrch .budik{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 80px;
	right: 160px;
}
#intro .vrch .budik {
	background: url(img/design/budicek.gif) no-repeat;
}
#intro .vrch .video{
	width: 352px;
	height: 288px;
	margin: 0 auto;
	padding-top: 258px;
}
#intro .vrch .video .banner{
	display: block;
	width: 352px;
	height: 288px;
	background: url(img/design/intro_flash.jpg) no-repeat;
}
#intro .vrch .link{
	margin-top: 40px;
	text-align: center;
	color: #fff;
}
#intro .vrch .link a{
	color: #fff;
	text-decoration: none;
}
#intro .vrch .link a:hover{
	text-decoration: underline;
}
#intro .spodok .left{
	float: left;
}
#intro .spodok .left .text{
	color: #4d7401;
	font-size: 11px;
}
#intro .spodok .left .text a{
	color: #4d7401;
	font-size: 11px;
}
#intro .spodok .right{
	float: right;
}
/* -----------------------------------------(Intro)----------------------------------------- */