* { font-size: 100%; }
html, body, ul, ol, li, dl, dt, dd, p, pre, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: 0; }
ul { list-style-type:none; }
ins { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
:focus { outline:0; }
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	color: #caff57;
	background: #182e2c url(bg-body.png) repeat-x 0 0;
	text-align: center;
}
a:link,
.pseudo { color: #fff; }
a:visited { color: #fff; }
a:hover,
.pseudo:hover { color: #fff963 !important; }
.pseudo { border-bottom: 1px dashed; cursor: pointer; }

.print,
.hidden,
.for-contrast,
.js .jhidden { display:none; }
.clear { clear:both; font-size:0; height:1px; overflow:hidden; }
.nobr,.phone {	white-space:nowrap; }

span.overhang { margin-left: -.6em; }

@font-face {
	font-family: 'HeliosLightRegular';
	src: url('helioslight-webfont.eot');
	src: local('☺'), url('helioslight-webfont.woff') format('woff'), url('helioslight-webfont.ttf') format('truetype'), url('helioslight-webfont.svg') format('svg');
}

/*
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
		font-family: '123☺';
		src: local('☺'),
		url('helioslight-webfont.ttf') format('truetype');
	}
}
*/
/* ---------------- icons ---------------- */

ins.i {	width: 20px; height: 20px; overflow: hidden; position: absolute; top: 0; left: 0; display: block; }
ins.i i { display: block; position: absolute; top: 0; left: 0; width: 300px; height: 40px; background: transparent url(ico-20.png) no-repeat 0 0; }
ins.i:hover i { top: -20px; margin-left: 0%; } /* margin-left in percentage is for IE7/8 hover bug */

ins.header-icon
{
	position: relative;
}

ins.header-icon i
{
	position: absolute;
	width: 50px;
	height: 55px;
	left: -44px;
	top: -15px;
	background: transparent url('header-icons-55.png') 0 0 no-repeat scroll;
}

ins.header-icon.beet i
{
	background-position: 0 -55px;
}

ins.header-icon.rapeseed i
{
	background-position: 0 -110px;
}

ins.header-icon.potato i
{
	background-position: 0 -165px;
	height: 30px;
	top: 0;
}

ins.header-icon.corn i
{
	background-position: 0 -220px;
	height: 45px;
	top: -10px;
}

ins.header-icon.barley i
{
	background-position: 0 -275px;
	height: 45px;
	top: -10px;
}

ins.header-icon.buckwheat i
{
	background-position: 0 -330px;
	height: 45px;
	top: -10px;
}

ins.header-icon.chips i
{
	background-position: 0 -385px;
	height: 45px;
	top: -5px;
	left: -60px;
}

ins.header-icon.sugar i
{
	background-position: 0 -440px;
	height: 45px;
	top: -10px;
	left: -52px;
}

ins.header-icon.bread i
{
	background-position: 0 -495px;
	height: 60px;
	top: 0;
	left: -55px;
}

ins.header-icon.oil i
{
	background-position: 0 -550px;
	height: 75px;
	top: -18px;
	left: -56px;
}

/* ---------------- decor ---------------- */

/* common */
.decor {
	position: relative;
	width: 100%;
}
.d { position: absolute; z-index: -1; }
.tr { background-position: 100% 0; }
.bl { background-position: 0 100%; }
.br { background-position: 100% 100%; }
.hover {
	position: absolute;
	top: 0; left: 0;
	background-color: #fff200;
	opacity: .3;
	filter: alpha(opacity=30);
}
.h { display: none; }
.decor:hover .h { display: block; }

.decor-10 .tl { top: -10px; bottom: 0; left: -10px; right: 0; }
.decor-10 .tr { width: 10px; top: -10px; bottom: 0; right: -10px; }
.decor-10 .bl { left: -10px; right: 0; bottom: -10px; height: 10px; }
.decor-10 .br { width: 10px; height: 10px; right: -10px; bottom: -10px; }

.decor-50 .tl { top: -50px; bottom: 0; left: -50px; right: 0; }
.decor-50 .tr { width: 50px; top: -50px; bottom: 0; right: -50px; }
.decor-50 .bl { left: -50px; right: 0; bottom: -50px; height: 50px; }
.decor-50 .br { width: 50px; height: 50px; right: -50px; bottom: -50px; }

.decor-25 .tl { top: -25px; bottom: 25px; left: -25px; right: 25px; }
.decor-25 .tr { width: 50px; top: -25px; bottom: 25px; right: -25px; }
.decor-25 .bl { left: -25px; right: 25px; bottom: -25px; height: 50px; }
.decor-25 .br { width: 50px; height: 50px; right: -25px; bottom: -25px; }
.decor-25 .hover { width: 100%; height: 100%; }

/* semiwide block */
.semiwide {
	position: relative;
	width: 100%;
	/*max-width, height - by script */
}

/* ---------------- shadows ----------------------*/
.shadowed {
	position: relative;
	zoom: 1;
}

.shadowed .shadow {
	padding: 5px;
	position: absolute;
	width: 100%;
	left: -4px;
	top: -4px;
	z-index: -1;
	color: #000000;
	opacity: 0.3;
	text-shadow: #111111 0px 1px 2px;
}

.shadowed a:hover
{
	/*color: #ffffff !important;*/
}

.shadowed a:hover .shadow
{
	opacity: 0.5;
	color: #F4E350;
	top: -5px;
	left: -5px;
	text-shadow: #F4E350 0px 0px 5px, 0 0 24px #F4E350, 0 0 15px #F4E350;
}


/* ---------------- layout ---------------- */

#outer,
#visual {
	min-height: 100%;
	position: relative;
	min-width: 1000px;
}

#visual {
	overflow: hidden;
}

#outer,
#footer {
	max-width: 1300px;
	margin: auto;
	text-align: left;
}

#content-layout {
	padding-bottom: 8em;
}

#header {
	position: relative;
	height: 146px;
}

#footer {
	height: 3.5em;
	margin-top: -3.5em;
	position: relative;
	z-index: 1;
}


/* ---------------- illustrations ---------------- */

.reflex {
	position: absolute;
	z-index: -1;
}
.flora {
	position: absolute;
	z-index: -2;
}

#reflex-tl {
	top: 0;
	left: -130px;
	width: 688px;
	height: 266px;
	background: url(bg-reflex-tl.png) no-repeat 0 0;
}

#flora-tr {
	top: 0;
	right: -146px;
	width: 482px;
	height: 266px;
	background: url(/f/1/global/flora/tr-sun.jpg) no-repeat 0 0;
}

.bottom-flora {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.bottom-flora #flora-bc {
	width: 900px;
	height: 409px;
	margin: 0 auto;
	background: url(/f/1/global/flora/bc.png) no-repeat 0 0;
}


/* ---------------- header ---------------- */

/* langs */
#site-langs {
	position: absolute;
	height: 100px;
	margin-bottom: -103px;
	left: 50px;
	bottom: 0;
	font-size: 60%;
}
#site-langs li {
	position: relative;
	display: block;
	padding: 4px 0 14px 25px;
}
#site-langs li a, #site-langs li a:visited {
	color: #fff;
}
#site-langs li b {
	color: #f4e350;
}
#site-langs .selected ins.i i { top:0; }


/* logo */
#logo { padding: 33px 0 25px 55px; }



/* ---------------- menu ---------------- */

/* site menu */
.site-menu {
	margin: 0 165px 0 145px;
}
.site-menu ul {
	font-size: 160%;
	line-height: 1.3;
	position: relative;
}
.site-menu ul li {
	margin: 0 0 2px 0;
}
.site-menu ul li a {
	text-decoration: none;
	border-bottom: 1px solid;
	color: #fff;
}
.site-menu ul li a,
.site-menu ul li b {
	white-space: nowrap;
}
.site-menu ul li a:visited { color: #fff; }
.site-menu ul li b {
	color: #f4e350;
	font-weight: normal;
}
.site-menu ul li a.selected,
.site-menu ul li a.selected:visited {
	color: #f4e350;
}
.site-menu>ul>li>a,
.site-menu>ul>li>b,
.site-menu>ul li .shadow
{
	font-family: 'HeliosLightRegular', Arial, Helvetica, sans-serif;
}
.site-menu ul li li.current {
	background: #606e25;
}

/* second level */
.site-menu ul ul {
	font-size: 50%;
	line-height: 1.9;
	margin: 12px 0 0 -5px;
}
.site-menu ul li li {
	display: inline-block;
	margin: 0 .2em 0 0;
	padding: 0 5px
}
.site-menu ul li li a {
	text-decoration: underline;
	border: none;
}

/* third level */
.site-menu li li ul.navigation {
	position: absolute;
	bottom: -5.3em;
	/*height: 1px;*/  /*IE 6, 7 & 8 fix */
	left: 22px;
	z-index: 5;
}
.site-menu ul ul ul {
	font-size: 95%;
	margin-left: 0;
}
.site-menu li li ul.navigation li a {
	text-decoration: underline;
}



#top-menu {
	background: transparent url(bg-menu-pattern.png) repeat-x 0 bottom;
	padding: 0 5px 20px 5px;
	position: relative;
}

#bottom-menu {
	background: transparent url(bg-menu-pattern.png) repeat-x 0 top;
	padding: 35px 5px 0 5px;
}

/* mini-page menu */
#mini-page {
	position: absolute;
	right: 22px;
	top: 0;
	width: 100px;
	padding: 12px 8px 8px 9px;
	padding: 28px 8px 8px 9px;
	background: transparent url(/f/1/global/flora/mc-sun.png) no-repeat 100% 0;
	margin: 0;
	z-index: 1;
}
#mini-page .mini-flora { display: none; } /* element used for ie6 only */
#mini-page .d { background-image: url(decor-shadow.png); }

#mini-page ul {
	font-size: 60%;
}
#mini-page ul li {
	margin: 0 0 .5em 0;
}
#mini-page ul li.selected {
	padding-bottom: 20px;
	margin-bottom: 15px;
	background: transparent url(bg-mini-content.gif) no-repeat 10px bottom;
}
#mini-page ul li.selected a,
#mini-page ul li.selected a:visited,
#mini-page ul li.selected b {
	color: #f4e350;
}

#mini-page .mini-clearer
{
	position: relative;
	margin-bottom: -50px;
	height: 50px;
}

/* ---------------- content ---------------- */

#content {
	position: relative;
}
.content-reducer {
	padding: 25px 170px 40px 170px;
}

.content-reducer.expanded {
	padding-top: 7ex;
}


#content .decor-50 .d { background-image: url(glow-50.png); }
#content .decor-25 .d { background-image: url(glow-25.png); }


/* ---------------- footer ---------------- */

/* search */
#search-form {
	margin: 0 0 30px 150px;
	font-size: 70%;
}
#search-text {
	width: 15em;
}

/* copyright */
#copyright {
	margin: 0 0 0 150px;
	font-size: 60%;
}

