/* BASICS
----------------------------------------------- */
body,
input,
button,
select,
textarea {font: 12px Arial, Helvetica, sans-serif; color: #333;}
body {line-height: 16px;}
.dir-rtl {direction: rtl;}
.dir-rtl body,
.dir-rtl input,
.dir-rtl button,
.dir-rtl select,
.dir-rtl textarea {font-size: 16px;}
.dir-rtl body {line-height: 20px;}

a {color: #333;}
a:hover {color: #c00;}

p {margin: 0 0 16px;}

h1, h2, h3, h4, h5, h6 {font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 8px;}
h1 {font: 30px/30px Arial, Helvetica, sans-serif; color: #505050; text-shadow: 0 1px 0 #fff; text-transform: uppercase;}
.h1 {width: 680px; height: 30px; overflow: hidden; margin: -50px 0 20px; position: relative;}
.h1 h1 {width: 9999px;}
.cufon-loading h1 {visibility: hidden;}
h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 8px;}
h3 {font: bold 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 8px;}

ol,
ul {margin: 0 0 16px 24px; padding: 0;}
ol {padding-left: 24px;}
ul,
ul li {list-style: none outside none; display: block;}
ul {padding-left: 8px;}
ul li {padding-left: 16px; background: url(../img/li.png) no-repeat 0 5px; zoom: 1;}
li {vertical-align: inherit;}
.dir-rtl ol,
.dir-rtl ul {margin-left: 0; margin-right: 24px;}
.dir-rtl ul {padding-left: 0; padding-right: 8px;}
.dir-rtl ul li {padding-left: 0; padding-right: 16px; background-position: 100% 5px;}

hr,
.hr {color: #333; background: #333; height: 1px; margin: 16px 0; overflow: hidden; border: 0; display: block;}
* html hr {margin: 9px 0;}
*+html hr {margin: 9px 0;}



/* TABLES
----------------------------------------------- */
table {border-spacing: 0; border-collapse: collapse;}
td, th {padding: 0;}

/* invisible */
table.invisible td,
table.invisible th {vertical-align: top;}

/* visible */
table.visible {margin-bottom: 16px;}
table.visible td,
table.visible th {background: #fff; padding: 8px 16px; border-bottom: 1px solid #ddd;}
table.visible .odd,
table.visible .odd td {}
table.visible .even,
table.visible .even td {}
table.visible th,
table.visible thead td,
table.visible .thead,
table.visible .thead td,
table.visible .thead th {background: #ccc; border-bottom: 1px solid #999;}
table.visible th a,
table.visible th a:hover,
table.visible thead a,
table.visible thead a:hover,
table.visible .thead a,
table.visible .thead a:hover {}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0; border: 0; display: block;}
textarea {overflow: auto;}
label.placeholder {display: none;}
.button,
.select,
.textarea,
.input-text,
.input-radio,
.input-button,
.input-checkbox {position: relative; zoom: 1;}
.button:after,
.select:after,
.textarea:after,
.input-text:after,
.input-radio:after,
.input-button:after,
.input-checkbox:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* select */
.select select {margin: 0; padding: 0; float: left; display: inline;}

/* jselect */
.jselect {font-size: 12px; line-height: 20px; color: #333; height: 30px; position: relative; z-index: 99; cursor: default;}
.jselect-arr {width: 24px; height: 24px; right: 3px; top: 3px; position: absolute; z-index: 2; cursor: pointer; background: url(../img/jselect/arr.png) no-repeat; font: 0/0 serif;}
.jselect-title {width: 100%; left: 0; top: 0; position: absolute; z-index: 1; cursor: pointer;}
.jselect-title-l,
.jselect-title-r {height: 32px; position: relative; background: url(../img/jselect/title2.png) no-repeat;}
.jselect-title-l {margin: 0 -2px;}
.jselect-title-r {margin-left: 10px; background-position: 100% -100px;}
.jselect-title-text {margin-left: -10px; padding: 5px 12px 0 12px; position: relative; zoom: 1;}
.jselect-list {width: 100%; left: 0; top: 0; position: absolute; z-index: 2; visibility: hidden;}
.jselect-list-top-l,
.jselect-list-top-r {height: 10px; position: relative; background: url(../img/jselect/list-top.png) no-repeat; font: 0/0 serif;}
.jselect-list-top-l {margin: 0 -2px;}
.jselect-list-top-r {margin-left: 10px; background-position: 100% -100px;}
.jselect-list-bot-l,
.jselect-list-bot-r {height: 10px; position: relative; background: url(../img/jselect/list-bot.png) no-repeat; font: 0/0 serif;}
.jselect-list-bot-l {margin: 0 -2px;}
.jselect-list-bot-r {margin-left: 10px; background-position: 100% -100px;}
.jselect-list-l {margin: 0 -2px; position: relative; z-index: 2; background: url(../img/jselect/list-l.png) repeat-y; zoom: 1;}
.jselect-list-r {margin-left: 10px; background: url(../img/jselect/list-r.png) repeat-y 100% 0; zoom: 1;}
.jselect-list-wrap {margin-left: -10px; padding: 0 2px; position: relative; zoom: 1;}
.jselect-list-wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.jselect-list-content {width: 100%; margin: -5px 0 -5px; position: relative; float: left; display: inline;}
.jselect-list-i {padding: 0 10px; zoom: 1;}
.jselect-list-i:hover,
.jselect-list-i-hover {background: #ccc;}
.jselect-expanded {z-index: 999;}
.jselect-expanded .jselect-arr,
.jselect-expanded .jselect-title {visibility: hidden;}
.jselect-expanded .jselect-list {visibility: visible;}
.select-error .jselect-title-l {background-position: 0 -200px;}
.select-error .jselect-title-r {background-position: 100% -300px;}

/* textarea */
.textarea textarea {margin: 0; padding: 0; border: 1px solid #666; float: left; display: inline;}

/* input-text */
.input-text input {font-size: 14px; color: #ccc; margin: 0; padding: 7px 10px; border: 0; position: relative; background: transparent; float: left; display: inline;}
.input-text .l,
.input-text .r {height: 30px; background: url(../img/input-text.png) no-repeat; float: left; display: inline;}
.input-text .r {margin-left: 10px; background-position: 100% -100px;}
.input-text .r input {margin-left: -10px;}
.input-text-error .l,
.field-error .input-text .l {background-position: 0 -200px;}
.input-text-error .r,
.field-error .input-text .r {background-position: 100% -300px;}

/* input-radio */
.input-radio {padding-left: 20px; zoom: 1;}
.input-radio input {left: 0; top: 0; position: absolute;}
.input-radio label {}

/* jradio */
.jradio {padding-left: 20px; zoom: 1;}
.jradio input {left: -9999px; top: -9999px; position: absolute;}
.dir-rtl .jradio input {left: auto; right: -9999px;}
.jradio label {}
.jradio .i {width: 15px; height: 16px; left: 0; top: 0; position: absolute; background: url(../img/jradio.png) no-repeat; font: 0/0 serif; display: block;}
.jradio .checked {background-position: 0 -100px;}

/* input-checkbox */
.input-checkbox {padding-left: 20px; zoom: 1;}
.input-checkbox input {left: 0; top: 0; position: absolute;}
.input-checkbox label {}

/* jcheckbox */
.jcheckbox {padding-left: 20px; zoom: 1;}
.jcheckbox input {left: -9999px; top: -9999px; position: absolute;}
.dir-rtl .jcheckbox input {left: auto; right: -9999px;}
.jcheckbox label {}
.jcheckbox .i {width: 18px; height: 16px; left: 0; top: 0; position: absolute; background: url(../img/jcheckbox.png) no-repeat; font: 0/0 serif; display: block;}
.jcheckbox .checked {background-position: 0 -100px;}

/* input-button */
.input-button input {margin: 0; padding: 0; border: 1px solid #666; float: left; display: inline;}

/* button */
button {overflow: visible; margin: 0; padding: 0; border: 0; background: transparent;}
button::-moz-focus-inner {border: 0; padding: 0;}
.button {position: relative; cursor: default; zoom: 1;}
.button:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.button a,
.button button {cursor: pointer;}
.button,
.button a,
.button div,
.button span,
.button button {height: 20px; position: relative;}
.button a,
.button a:hover,
.button span,
.button button {font: 12px/20px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; overflow: hidden; position: relative; cursor: pointer; float: left; display: inline;}
.button .l,
.button .r {height: 24px; background: url(../img/button.png) no-repeat; float: left; display: inline;}
.button .l {margin: -2px;}
.button .r {margin-left: 10px; padding: 2px; background-position: 100% -100px;}
.button .r a,
.button .r span,
.button .r button {margin-left: -10px; padding: 0 10px;}
.button-disabled a,
.button-disabled a:hover,
.button-disabled span,
.button-disabled button {color: #666; cursor: default;}
.button .i {left: 0; top: 0; position: absolute; background-repeat: no-repeat; font: 0/0 serif; display: block;}
.button input {width: 1000px; height: 1000px; margin: 0; padding: 0; left: 0; top: 0; position: absolute; cursor: pointer; border: 0; background: transparent url(../img/px.gif);}



/* COMMON
----------------------------------------------- */
a {cursor: pointer;}
img {border: 0;}
object {outline: 0;}

/* png */
* html i,
* html img,
* html div,
* html .html ul li {behavior: url(/js/iepngfix.htc);}

/* clear */
.br,
.clear {height: 0; overflow: hidden; clear: both;}

/* wrap */
.wrap {zoom: 1;}
.wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* nl */
.nl,
.nl ol,
.nl ul,
.nl li {margin: 0; padding: 0; list-style: none outside none; background: none; display: block;}

/* nl */
.nlw,
.nlw ol,
.nlw ul,
.nlw li {margin: 0; padding: 0; list-style: none outside none; background: none; zoom: 1; display: block;}
.nlw:after,
.nlw ol:after,
.nlw ul:after,
.nlw li:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* ico */
.ico {position: relative; zoom: 1;}
.ico:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.ico .i {left: 0; top: 0; position: absolute; background-repeat: no-repeat; font: 0/0 serif; display: block;}

/* cols */
.cols {margin-left: -20px; zoom: 1;}
.cols:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.col {width: 330px; margin-left: 20px; float: left; display: inline;}

/* jflow */
.jflow {position: relative; zoom: 1;}
.jflow-canvas {width: 100%; overflow: auto; position: relative; z-index: 2;}
.jflow-content {position: relative; display: table; zoom: 1;}
.jflow-i {vertical-align: top; display: table-cell;}
* html .jflow-i {clear: right; float: left;}
*+html .jflow-i {clear: right; float: left;}
* html.dir-rtl .jflow-i {clear: left; float: right;}
*+html.dir-rtl .jflow-i {clear: left; float: right;}
.jflow-i-wrap {}
.jflow-controls {position: relative; display: none;}
.jflow-pages-wrap {right: 50%; bottom: 0; position: absolute;}
.jflow-pages {right: -50%; position: relative; background: #3cf;}
.jflow-pages-i {cursor: pointer; background-repeat: no-repeat; font: 0/0 serif; float: left; display: inline;}
.jflow-pages-i-act,
.jflow-pages-i:hover,
.jflow-pages-i-hover {background-position: 0 -100px;}
.jflow-pages-i-act {cursor: default;}
.jflow-title {display: none;}

/* main-jflow */
.main-jflow {margin: 0 -15px;}
.main-jflow .jflow-canvas {height: 340px;}
.main-jflow .jflow-i-wrap {width: 680px; height: 320px; padding: 0 15px;}
.main-jflow .jflow-controls {width: 710px; height: 35px; left: 0; bottom: -15px; position: absolute; z-index: 1; background: url(../img/jflow/controls.gif) repeat-x;}
.main-jflow .jflow-pages-i {width: 17px; height: 17px; margin: 0 4px; background-image: url(../img/jflow/pages-i.png);}

/* main-jflow-contacts */
.main-jflow-contacts .jflow-pages-i {font: 9px/23px Arial, Helvetica, sans-serif; color: #fff; text-align: center; width: 23px; height: 23px; background-image: url(../img/jflow/contacts_pages-i.png);}



/* LAYOUT
----------------------------------------------- */
html,
body {min-width: 990px; height: 100%;}
body {margin: 0; padding: 0; background: #666 url(../img/px.gif) no-repeat fixed;}

.content {min-height: 100%; position: relative; z-index: 1;}
* html .content {height: 100%;}

.header {height: 60px; position: relative; z-index: 2; background: #0b0b0b url(../img/header.gif) repeat-x;}

.main {height: 460px; padding: 55px 0 80px 200px;}
.main-sidebar {width: 180px; height: 350px; left: 20px; top: 95px; position: absolute; z-index: 2;}

.main-content {width: 750px; margin: 0 auto; padding: 0; position: relative; z-index: 2;}
.main-content:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

.main-content-mid {width: 760px; height: 440px; overflow: hidden; margin: 0 -5px -20px; position: relative; z-index: 2; background: url(../img/main-content-mid.png) no-repeat;}
.main-content-mid:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

.main-content-wrap {width: 680px; height: 375px; padding: 65px 40px 0; position: relative; float: left; display: inline;}
/* .dir-rtl .main-content-wrap {direction: rtl;} */

.main-content-top,
.main-content-bot {width: 760px; height: 30px; font: 0/0 serif;}
.main-content-top {left: -5px; top: -30px; position: absolute; background: url(../img/main-content-top.png) no-repeat;}
.main-content-bot {margin: 0 -5px -10px; position: relative; background: url(../img/main-content-bot.png) no-repeat;}

.main-content-toggle {width: 24px; height: 24px; right: 8px; top: -12px; position: absolute; z-index: 3; cursor: pointer; background: url(../img/icons/main-content-toggle.png) no-repeat;}
.main-content-toggle-expand {background-position: 0 -100px;}
.content-toggle {cursor: pointer;}

.footer {height: 60px; margin-top: -60px; position: relative; z-index: 3;}

.footer2 {height: 270px; padding-left: 200px; position: relative; z-index: 3; background: #1a1a1a; display: none;}

.tpl-seo .main {padding-bottom: 350px;}
.tpl-seo .footer {margin-top: -330px;}
.tpl-seo .footer2 {display: block;}



/* STATIC
----------------------------------------------- */
/* logo */
.logo {left: 20px; top: 11px; position: absolute;}

/* auth */
.auth {right: 20px; top: 15px; position: absolute;}
.auth form {width: 330px; float: left; display: inline;}
.auth .button,
.auth .input-text {float: left; display: inline;}
.auth .input-text {margin-right: 10px;}
.auth .input-text input {width: 120px;}
/* .dir-rtl .auth .input-text input {direction: rtl;} */
.auth .button {margin-left: -10px; float: right; display: inline;}
.auth .button,
.auth .button .i,
.auth .button button {width: 30px; height: 31px;}
.auth .button button {padding-bottom: 31px;}
.auth .button .i {background-image: url(../img/icons/auth_submit.png);}
.auth .links {font-size: 11px; line-height: 14px; text-align: left; margin-left: 10px; padding: 1px 0 1px 10px; border-left: 1px solid #ccc; float: left; display: inline;}
.auth .links a {color: #fff;}
.auth .links a:hover {color: #ccc;}

/* user */
.user {right: 20px; top: 15px; position: absolute;}
.user .ico {font-size: 11px; line-height: 30px; margin-left: 20px; padding-left: 40px; float: left; display: inline;}
.user .ico a {color: #fff; text-decoration: none;}
.user .ico a:hover {color: #ccc;}
.user .ico .i {width: 32px; height: 32px; left: -1px; top: 0;}
.user .ico-new .i {background-image: url(../img/icons/user_new.png);}
.user .ico-archive .i {background-image: url(../img/icons/user_archive.png);}
.user .ico-profile .i {background-image: url(../img/icons/user_profile.png);}
.user .ico-logout .i {background-image: url(../img/icons/user_logout.png);}

/* biogas */
.biogas {font-size: 12px; line-height: 20px; color: #999; margin-left: 25px; float: left; display: inline;}
.biogas a {color: #fff;}
.biogas a:hover {color: #ccc;}
.biogas-logo {margin-top: -30px; position: relative; float: left; display: inline;}
.biogas-email {margin-left: 5px; float: left; display: inline;}
.biogas-link {margin-left: 10px; float: left; display: inline;}

/* footer-links */
.footer-links {margin-right: 15px; direction: ltr; float: right; display: inline;}
.footer-links .li {width: 65px; height: 20px; border-left: 1px solid #ccc; float: left; display: inline;}
.footer-links .ico {font-size: 11px; line-height: 14px; text-align: center; top: 27px;}
.footer-links .ico a {color: #fff; text-decoration: none;}
.footer-links .ico a:hover {color: #ccc;}
.footer-links .ico .i {width: 27px; height: 26px; margin-left: -14px; left: 50%; top: -30px;}
.footer-links .ico-download .i {background: url(../img/icons/footer-links_download.png) no-repeat;}
.footer-links .ico-forum .i {background: url(../img/icons/footer-links_forum.png) no-repeat;}
.footer-links .ico-library .i {background: url(../img/icons/footer-links_library.png) no-repeat;}

/* copy */
.copy {font-size: 11px; line-height: 14px; color: #fff; margin: 3px 10px 0 0; float: right; display: inline;}
.copy a {color: #fff;}
.copy a:hover {color: #ccc;}

/* seo */
.seo {width: 680px; color: #ccc; margin: 0 auto; padding-top: 25px;}

/* content-bg */
.content-bg {width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; position: absolute; z-index: 1;}
.content-bg #contentSWF {width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 1; visibility: hidden;}
.content-bg .overlay {width: 100%; height: 0; overflow: hidden; left: 0; bottom: 0; position: absolute; z-index: 3; background: #333; opacity: .5; -moz-opacity: .5; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50);}



/* NAVIGATION
----------------------------------------------- */
/* lang */
.lang {font-size: 11px; line-height: 14px; color: #999; height: 20px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; float: right; display: inline;}
.lang a {color: #fff;}
.lang a:hover {color: #ccc;}
.lang div {margin: 3px 5px 0 0; padding-right: 5px; border-right: 1px solid #999; float: left; display: inline;}
.lang .last {margin-right: 0; padding-right: 0; border-right: 0;}

/* m1 */
.m1 {font-size: 11px; line-height: 11px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; cursor: default;}
.dir-rtl .m1 {font-size: 16px; line-height: 26px; direction: ltr;}
.m1 .li {height: 25px; margin-bottom: 5px; position: relative;}
.m1 .l,
.m1 .r {height: 30px; position: relative; background: url(../img/m1_li.png) no-repeat; float: left; display: inline;}
.m1 .l {margin: -1px -2px -4px;}
.m1 .r {margin-left: 20px; background-position: 100% -100px;}
.m1 .act .l {left: 10px;}
.m1 .title {margin-left: -20px; padding: 8px 12px; position: relative; float: left; display: inline;}
.dir-rtl .m1 .title {padding: 0 12px;}
.m1 a {text-decoration: none; margin: -8px -10px; padding: 8px 10px; position: relative; float: left; display: inline;}
.dir-rtl .m1 a {margin: 0 -10px; padding: 0 10px;}
.m1,
.m1 a,
.m1 a:hover {color: #111;}
.cufon-loading .m1 .title {visibility: hidden;}

/* m2 */
.m2 {margin: 0 0 15px 20px;}
.m2 .l,
.m2 .r {background-image: url(../img/m2_li.png);}



/* MODULES
----------------------------------------------- */
/* html */
.html {height: 310px; position: relative;}
.html .text {}
.html .text small {font-size: 11px; line-height: 14px;}
.dir-rtl .html .text small {font-size: 14px;}
.html .files {margin-top: 32px;}
.html .links {width: 100%; height: 20px; left: 0; bottom: 0; position: absolute;}
.html .links .link {margin-top: 2px;}
.html .links .link,
.html .links .button {margin-right: 20px; float: left; display: inline;}
.html .links .right {margin-right: 0; margin-left: 20px; float: right;}

/* files */
.files {}
.files .list {margin-left: -20px; zoom: 1;}
.files .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.files .ico {width: 130px; margin-left: 20px; padding-left: 25px; float: left; display: inline;}
.files .br {height: 20px;}
.files .ico-pdf .i {width: 22px; height: 22px; left: -1px; top: -2px; background-image: url(../img/icons/files_pdf.png);}

/* gallery */
.gallery {height: 310px;}
.gallery .big {height: 250px; margin-bottom: 10px; position: relative;}
.gallery .container {background: url(../img/icons/loading.gif) no-repeat 0 -9999px;}
.gallery .container div {left: 0; top: 0; position: absolute; z-index: 2;}
.gallery .loading {width: 32px; height: 32px; margin: -16px 0 0 -16px; left: 50%; top: 50%; position: absolute; z-index: 10; background: url(../img/loading.png) no-repeat; font: 0/0 serif; display: none;}
.gallery .loading .i {width: 16px; height: 16px; margin: -8px 0 0 -8px; left: 50%; top: 50%; position: absolute; background: url(../img/icons/loading.gif) no-repeat;}
.gallery .tn {position: relative;}
.gallery .canvas {width: 100%; height: 50px; overflow: hidden; position: relative; background: url(../img/px.gif);}
.gallery .list {margin-left: -10px; position: relative; zoom: 1;}
.gallery .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.gallery .li {margin-left: 10px; position: relative; float: left; display: inline;}
.gallery .li,
.gallery .li img {width: 75px; height: 50px;}
.gallery .prev,
.gallery .next {width: 20px; height: 50px; top: 0; position: absolute; cursor: pointer; font: 0/0 serif;}
.gallery .prev {margin-left: -20px; left: 0; background: url(../img/icons/gallery_prev.png) no-repeat;}
.gallery .next {margin-right: -20px; right: 0; background: url(../img/icons/gallery_next.png) no-repeat;}
.gallery .prev:hover,
.gallery .prev-hover,
.gallery .next:hover,
.gallery .next-hover {background-position: 0 -100px;}
.gallery .play {width: 25px; height: 25px; margin: -13px 0 0 -13px; left: 50%; top: 50%; position: absolute; background: url(../img/icons/gallery_play.png) no-repeat; font: 0/0 serif; display: block;}

/* contacts */
.contacts {}
.contacts h3 {font: bold 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 8px;}
.contacts .address {margin-bottom: 16px;}
.contacts .address p {margin: 0;}
.contacts .gmaps {margin-bottom: 16px;}
.contacts .gmaps p {margin: 0;}
.contacts .phones {margin-bottom: 16px;}
.contacts .phones p {margin: 0;}
.contacts .email {margin-bottom: 16px;}
.contacts .email p {margin: 0;}
.contacts .links {zoom: 1;}
.contacts .links:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.contacts .links .ico {margin-right: 10px; float: left; display: inline;}
.contacts .links .i {width: 20px; height: 20px; position: relative;}
.contacts .ico-twitter .i {background-image: url(../img/icons/contacts_twitter.png);}
.contacts .ico-facebook .i {background-image: url(../img/icons/contacts_facebook.png);}

/* figure */
.figure {}
.figure .image {}
.figure h3 {font: italic 12px/16px Arial, Helvetica, sans-serif; color: #666; margin: 10px 0 0;}
.figure .descr {font-size: 11px; line-height: 14px; margin-top: 10px;}
.dir-rtl .figure .descr {font-size: 14px; line-height: 18px;}
.figure .descr p {margin: 0;}

/* news */
.news {}
.news .li {margin-bottom: 16px; zoom: 1;}
.news .li:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.news .last {margin-bottom: 0;}
.news h3 {font: 18px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0; padding-bottom: 8px;}
.news h3 a {text-decoration: none;}
.news .image {margin: 4px 10px 0 0; float: left; display: inline;}
.news .image,
.news .image img {width: 75px; height: 50px;}
* html .news .image {margin-right: 7px;}
* html .news .descr {height: 1px;}
.news .descr {}
.news .text {margin-bottom: 4px;}
.news .text p {margin: 0;}
.news .date {font-size: 10px; line-height: 12px; color: #666;}

/* news-archive */
.news-archive {height: 310px; position: relative;}
.news-archive .li {margin-bottom: 16px;}
.news-archive .last {margin-bottom: 0;}
.news-archive h3 {font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 4px;}
.news-archive .date {font-size: 10px; line-height: 12px; color: #666;}

/* news-open */
.news-open {height: 310px; position: relative;}
.news-open-content {height: 274px; overflow: hidden; position: relative;}
.news-open h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 4px;}
.news-open .date {font-size: 10px; line-height: 12px; color: #666; margin-bottom: 16px;}
.news-open .text {}
.news-open .links {width: 100%; height: 20px; left: 0; bottom: 0; position: absolute;}
.news-open .links .link {margin: 2px 20px 0 0; float: left; display: inline;}
.news-open .links .right {margin-right: 0; margin-left: 20px; float: right;}

/* date-filter */
.date-filter {left: 390px; top: 13px; position: absolute;}
.date-filter .select {margin-right: 10px; float: left; display: inline;}
.date-filter .select-year select,
.date-filter .select-year .jselect {width: 80px;}
.date-filter .select-month select,
.date-filter .select-month .jselect {width: 120px;}
.date-filter .button {width: 20px; height: 20px; margin-top: 5px; float: left; display: inline;}
.date-filter .button .i,
.date-filter .button button {width: 24px; height: 24px;}
.date-filter .button button {padding-bottom: 24px; left: -2px; top: -2px; position: absolute;}
.date-filter .button .i {background-image: url(../img/icons/date-filter_submit.png);}

/* register */
.register {padding-top: 50px;}
.register .field {margin-bottom: 16px;}
.register .row {margin: 0 0 16px -20px; zoom: 1;}
.register .row:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.register .row .field {width: 155px; margin: 0 0 0 20px; float: left; display: inline;}
.register .label {margin-bottom: 4px;}
.register .input-text input {width: 135px;}
.register .icons {margin-left: -10px; zoom: 1;}
.register .icons:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.register .ico {width: 30px; height: 30px; margin-left: 10px; float: left; display: inline;}
.register .ico .i {width: 32px; height: 32px;}
.register .ico-facebook .i {background: url(../img/icons/register_facebook.png) no-repeat;}
.register .ico-twitter .i {background: url(../img/icons/register_twitter.png) no-repeat;}
.register .links {margin-bottom: 16px;}
.register .submit {zoom: 1;}
.register .submit:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.register .button {float: right; display: inline;}

/* remind */
.remind {padding-top: 100px;}
.remind .label {margin-bottom: 4px;}
.remind .field {margin-bottom: 16px;}
.remind .input-text input {width: 310px;}
.remind .submit {zoom: 1;}
.remind .submit:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.remind .button {float: right; display: inline;}
.remind .html {}

/* profile */
.profile {}
.profile .field {margin-bottom: 16px;}
.profile .row {margin: 0 0 16px -20px; zoom: 1;}
.profile .row:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.profile .row .field {width: 155px; margin: 0 0 0 20px; float: left; display: inline;}
.profile .label {margin-bottom: 4px;}
.profile .input-text input {width: 135px;}
.profile .field-address input {width: 485px;}
.profile .row .field-address {width: 505px;}
.profile .icons {margin-left: -10px; zoom: 1;}
.profile .icons:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.profile .ico {width: 30px; height: 30px; margin-left: 10px; float: left; display: inline;}
.profile .ico .i {width: 32px; height: 32px;}
.profile .ico-facebook .i {background: url(../img/icons/register_facebook.png) no-repeat;}
.profile .ico-twitter .i {background: url(../img/icons/register_twitter.png) no-repeat;}
.profile .links {margin-bottom: 16px;}
.profile .submit {zoom: 1;}
.profile .submit:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.profile .button {float: right; display: inline;}

/* message */
.message {font-size: 14px; line-height: 18px; color: #fff; width: 370px; height: 105px; margin: 100px auto 0; position: relative;}
.message .text {padding: 25px; position: relative; z-index: 2;}
.message p {margin: 0;}
.message a {color: #fff;}
.message a:hover {color: #ccc;}
.message .bg {width: 374px; height: 109px; left: -2px; top: -2px; position: absolute; z-index: 1; background: url(../img/message.png) no-repeat;}

/* helper */
.helper {width: 52px; height: 190px; overflow: hidden; right: 0; top: 205px; position: fixed; z-index: 10; background: url(../img/helper.png) no-repeat; direction: ltr;}
.dir-rtl .helper .text {direction: rtl;}
* html .helper {position: absolute; top: expression( ( 205 + ( y = document.documentElement.scrollTop ) ) + 'px' );}
.helper-expanded {width: 643px; height: 363px; top: 120px; background-position: 0 -190px;}
* html .helper-expanded {top: expression( ( 120 + ( y = document.documentElement.scrollTop ) ) + 'px' );}
.helper .toggle {width: 52px; height: 190px; left: 0; top: 0; position: absolute; cursor: pointer;}
.helper-expanded .toggle {height: 200px; top: 77px;}
.helper .text {font-size: 14px; line-height: 18px; color: #fff; width: 560px; height: 325px; left: 68px; top: 17px; position: absolute;}
.helper h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 18px;}
.helper p {margin: 0 0 18px;}
.helper a {color: #fff;}
.helper a:hover {color: #ccc;}
.helper .jflow {margin: 0 -15px;}
.helper .jflow-canvas {height: 315px;}
.helper .jflow-i-wrap {width: 560px; padding: 0 15px;}
.helper .jflow-controls {width: 560px; height: 10px; margin: 0 auto;}
.helper .jflow-pages-i {width: 10px; height: 10px; margin: 0 4px; background-image: url(../img/jflow/helper_pages-i.png); font: 0/0 serif; float: left; display: inline;}
.helper .prev,
.helper .next {color: #fff; text-decoration: underline; height: 18px; cursor: pointer; left: -9999px; top: -9999px; position: absolute; background-repeat: no-repeat; visibility: hidden;}
/*  opacity: 0; -moz-opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); */
.dir-rtl .helper .prev,
.dir-rtl .helper .next {left: auto; right: -9999px;}
.helper .prev:hover,
.helper .prev-hover,
.helper .next:hover,
.helper .next-hover {color: #ccc;}
.helper .prev {padding-left: 18px; background-image: url(../img/helper_prev.png);}
.helper .next {text-align: right; padding-right: 18px; background-image: url(../img/helper_next.png); background-position: 100% 0;}
.helper-expanded .prev,
.dir-rtl .helper-expanded .prev {left: 63px; right: auto; top: 328px;}
.helper-expanded .next,
.dir-rtl .helper-expanded .next {left: 535px; right: auto; top: 328px;}

/* steps */
.steps {width: 740px; height: 39px; left: 10px; bottom: 3px; position: absolute;}
.steps .li {width: 185px; height: 38px; position: relative; float: left; display: inline;}
.steps .bg {width: 199px; height: 42px; left: -4px; top: -2px; position: absolute; background: url(../img/steps_li.png) no-repeat;}
.steps .first .bg {width: 197px; left: -2px; background-image: url(../img/steps_first.png);}
.steps .last .bg {width: 191px; background-image: url(../img/steps_last.png);}
.steps .act .bg {background-position: 0 -100px;}
.steps .title {width: 185px; height: 38px; left: 4px; top: 2px; position: relative;}
.steps .first .title {left: 2px;}
.steps .last .title {}
.steps,
.steps a,
.steps button {font-size: 13px; line-height: 16px; color: #fff; text-align: center;}
.steps a,
.steps button {width: 100%; text-decoration: none; cursor: pointer; position: relative; display: block;}
.steps a:hover,
.steps button:hover,
.steps button.hover {color: #fff;}
.steps .title,
.steps .title a,
.steps .title button {padding: 11px 0;}
.steps .title a,
.steps .title button {margin: -11px 0;}
.steps .title2,
.steps .title2 a,
.steps .title2 button {padding: 3px 0;}
.steps .title2 a,
.steps .title2 button {margin: -3px 0;}

/* calc-links */
.calc-links {width: 680px; left: 40px; bottom: 58px; position: absolute; z-index: 100;}
.calc-links .ico {margin-left: 20px; padding-left: 25px; float: right; display: inline;}
.calc-links .ico .i {width: 22px; height: 22px; left: -1px; top: -2px;}
.calc-links .ico-new .i {background-image: url(../img/icons/calc-links_new.png);}
.calc-links .ico-pdf .i {background-image: url(../img/icons/calc-links_pdf.png);}
.calc-links .ico-mail .i {background-image: url(../img/icons/calc-links_mail.png);}
.calc-links .button {margin-left: 20px; float: right; display: inline;}
.calc-links .button-back,
.calc-links .button-skip {margin: 0 20px 0 0; float: left;}

/* calc-contacts */
.calc-contacts {}
.calc-contacts .row {margin: 0 0 16px -20px; zoom: 1;}
.calc-contacts .row:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.calc-contacts .field {margin-left: 20px; float: left; display: inline;}
.calc-contacts .label {margin-bottom: 4px;}
.calc-contacts .input-text input {width: 135px;}
.calc-contacts .field-project .input-text input,
.calc-contacts .field-company .input-text input,
.calc-contacts .field-email .input-text input,
.calc-contacts .field-address .input-text input {width: 310px;}
.calc-contacts .field-country select,
.calc-contacts .field-country .jselect {width: 155px;}

/* calc-raw */
.calc-raw {}

/* raw-select */
.raw-select {height: 40px; margin-bottom: 32px; position: relative; z-index: 200;}
.raw-select .title {width: 682px; height: 42px; left: -1px; top: 0; position: absolute; background: url(../img/raw-select_title.png) no-repeat;}
.raw-select .title button {font-size: 14px; line-height: 40px; color: #333; text-align: left; width: 680px; height: 40px; margin-left: 1px; cursor: pointer; display: block;}
.raw-select .title button:hover,
.raw-select .title button.hover {color: #c00;}
.raw-select .title span {padding: 0 10px; display: block;}
.raw-select .arr {width: 24px; height: 24px; right: 8px; top: 8px; position: absolute; background: url(../img/raw-select_arr.png) no-repeat; display: block;}
.raw-select .arr-expanded {background-position: 0 -100px;}
.raw-select .list {font-size: 14px; line-height: 24px; width: 682px; height: 265px; margin-left: -1px; left: -9999px; top: 50px; position: absolute; background: url(../img/raw-select_list.png) no-repeat;}
.dir-rtl .raw-select .list {left: auto; right: -9999px;}
.raw-select .list-expanded {left: 0; right: auto;}
.raw-select .list-wrap {margin-left: -10px; zoom: 1;}
.raw-select .list-wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.raw-select ul,
.raw-select li {margin: 0; padding: 0; list-style: none outside none; background: none; display: block;}
.raw-select ul {width: 210px; margin-left: 10px; float: left; display: inline;}
.raw-select li {}
.raw-select .disabled,
.raw-select .disabled:hover {color: #ccc; text-decoration: none; cursor: default;}
.raw-select .other,
.raw-select .other:hover {color: #c00; font-weight: bold;}
.raw-select .canvas {width: 670px; height: 216px; margin-left: 11px; top: 22px; position: relative; overflow: auto;}
.raw-select .up,
.raw-select .down {width: 24px; height: 15px; margin-left: -12px; left: 50%; position: absolute; cursor: pointer; visibility: hidden;}
.raw-select .up {top: 7px; background: url(../img/scroll_up.png) no-repeat;}
.raw-select .down {bottom: 9px; background: url(../img/scroll_down.png) no-repeat;}

/* raw-list */
.raw-list {height: 200px; margin-bottom: 16px; position: relative; z-index: 1;}
.raw-list .canvas {width: 710px; height: 204px; margin: -2px -30px -2px 0; position: relative; overflow: auto; float: left; display: inline;}
.raw-list .up,
.raw-list .down {width: 24px; height: 15px; margin-left: -12px; left: 50%; position: absolute; cursor: pointer; visibility: hidden;}
.raw-list .up {top: -21px; background: url(../img/scroll_up.png) no-repeat;}
.raw-list .down {bottom: -21px; background: url(../img/scroll_down.png) no-repeat;}
.raw-list table {width: 680px;}
.raw-list td {vertical-align: top; padding: 2px 0 2px 20px;}
.raw-list .title {width: 100%; padding: 8px 0;}
.raw-list .amount-unit,
.raw-list .humidity-title,
.raw-list .humidity-unit,
.raw-list .temp-title,
.raw-list .temp-unit {white-space: nowrap; padding: 8px 0 8px 20px;}
.raw-list .amount-unit,
.raw-list .humidity,
.raw-list .humidity-unit,
.raw-list .temp,
.raw-list .temp-unit {padding-left: 0;}
.raw-list .input-text input {width: 20px; padding-left: 5px; padding-right: 5px;}
.raw-list .amount .input-text input {width: 35px;}
.raw-list .amount .input-text {width: 45px;}
.raw-list .humidity .input-text {width: 30px;}
.raw-list .temp .input-text {width: 30px;}
.raw-list .remove {padding-top: 7px;}
.raw-list .ico-remove {width: 20px; height: 20px;}
.raw-list .ico-remove .i {width: 22px; height: 22px; left: -1px; background: url(../img/icons/remove.png) no-repeat;}

/* new-raw */
.new-raw {}
.new-raw .row {margin: 0 0 16px -20px; zoom: 1;}
.new-raw .row:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.new-raw .field {width: 130px; margin-left: 20px; float: left; display: inline;}
.new-raw .field .label {margin-bottom: 4px;}
.new-raw .field .input-text input {width: 35px;}
.new-raw .field-title {width: 370px;}
.new-raw .field-title .input-text input {width: 350px;}
.new-raw .field-sugar {width: auto; margin-top: 28px;}
.new-raw .field-fat,
.new-raw .field-humidity {width: 150px;}
.new-raw .field-fiber {width: 210px;}
.new-raw .field-dry {width: 510px;}

/* calc-output */
.calc-output {padding-top: 100px; zoom: 1;}
.calc-output .row {margin-left: -20px; zoom: 1;}
.calc-output .row:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.calc-output .field {margin-left: 20px; float: left; display: inline;}
.calc-output .field-gas {width: 185px;}
.calc-output .field-electricity {width: 250px;}
.calc-output .field-biomethane {width: 205px;}
.calc-output .field label {font-size: 14px; line-height: 18px; color: #666;}
.calc-output .field .input-radio {padding-left: 25px;}

/* tabs */
.tabs {}
.tabs-list {font-size: 14px; line-height: 18px; margin-bottom: 16px; zoom: 1;}
.tabs-list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.tabs-list-i,
.tabs-list-sep {float: left; display: inline;}
.tabs-list-sep {margin: 0 10px;}
.tabs-list-i-act {}
.tabs-list-i-act,
.tabs-list-i-act a,
.tabs-list-i-act a:hover {color: #333; text-decoration: none; cursor: default;}
.tabs-content {position: relative;}
.tabs-content-i {width: 100%; left: -9999px; top: -9999px; position: absolute;}
.dir-rtl .tabs-content-i {left: auto; right: -9999px;}
.tabs-content-i-act {position: static;}

/* calc-summary */
.calc-summary {}
.calc-summary .tabs-list {margin-bottom: 20px;}

/* calc-price */
.calc-price td,
.calc-price th {vertical-align: top;}
.calc-price .list {font-size: 14px; line-height: 18px; width: 100%; margin-bottom: 32px;}
.calc-price .list th {font-weight: normal; text-align: left; white-space: nowrap;}
.calc-price .list th span {font-size: 20px; line-height: 24px; color: #666;}
.calc-price .list td {color: #666;}
.calc-price .list th,
.calc-price .list td {padding: 0 10px 10px; border-right: 1px solid #999;}
.calc-price .list th.first,
.calc-price .list td.first {width: 100%; padding-left: 0;}
.calc-price .list th.last,
.calc-price .list td.last {border: 0; padding-right: 0;}
.calc-price .list tr.last td {padding-bottom: 0;}
.calc-price .refs {color: #666; margin-bottom: 16px;}
.calc-price .ref {font-size: 20px; line-height: 24px;}
.calc-price .sep {}
.calc-price .text {}
.calc-price .notice {}

/* calc-specs */
.calc-specs {height: 220px; margin-bottom: 16px; position: relative; z-index: 1;}
.calc-specs .canvas {width: 710px; height: 220px; margin-right: -30px; position: relative; overflow: auto;}
.calc-specs .up,
.calc-specs .down {width: 24px; height: 15px; margin-left: -12px; left: 50%; position: absolute; cursor: pointer; visibility: hidden;}
.calc-specs .up {top: -17px; background: url(../img/scroll_up.png) no-repeat;}
.calc-specs .down {bottom: -17px; background: url(../img/scroll_down.png) no-repeat;}
.calc-specs table {width: 680px;}
.calc-specs th,
.calc-specs td {font-size: 14px; line-height: 18px; vertical-align: top; padding: 0 20px 2px; border-right: 1px solid #999;}
.calc-specs th {font-weight: normal; text-align: left; white-space: nowrap;}
.calc-specs td {color: #666;}
.calc-specs .title {width: 100%;}
.calc-specs th.title {padding-left: 0;}
.calc-specs td.title {padding-left: 10px;}
.calc-specs .num,
.calc-specs .val {border: 0;}
.calc-specs .num {text-align: right; padding-left: 0; padding-right: 0;}
.calc-specs .val {text-align: right; white-space: nowrap; padding-right: 0;}
.calc-specs .unit {white-space: nowrap;}

/* tooltip */
#tooltip {position: absolute; z-index: 9999;}
#tooltip div {float: left; display: inline;}

/* raw-tooltip */
.raw-tooltip {font-size: 12px; line-height: 30px; color: #fff;}
.raw-tooltip .l,
.raw-tooltip .r {height: 32px; background: url(../img/raw-tooltip.png) no-repeat;}
.raw-tooltip .r {margin-left: 10px; background-position: 100% -100px;}
.raw-tooltip .text {white-space: nowrap; margin-left: -10px; padding: 0 12px 0 11px; position: relative;}

/* file-list */
.file-list {}
.file-list h3 {font: 12px/16px Arial, Helvetica, sans-serif; margin: 0 0 16px;}
.file-list .ico {font-size: 14px; line-height: 18px; margin-bottom: 18px; padding-left: 30px;}
.file-list .ico .i {width: 22px; height: 22px; left: -1px; top: -2px;}
.file-list .ico-pdf .i {background-image: url(../img/icons/file-list_pdf.png);}

/* archive */
.archive {font-size: 14px; line-height: 18px; height: 228px; margin-top: 64px; position: relative; z-index: 1;}
.archive .canvas {width: 710px; height: 240px; margin: -6px -30px -6px 0; position: relative; overflow: auto; float: left; display: inline;}
.archive table {width: 680px;}
.archive td,
.archive th {vertical-align: top; white-space: nowrap; padding: 6px 0 6px 20px;}
.archive td {color: #666;}
.archive th {font-weight: normal; text-align: left;}
.archive .date {padding-left: 0;}
.archive .title {white-space: normal; width: 100%; padding-left: 10px;}
.archive .remove {}
.archive .ico-remove {width: 20px; height: 18px;}
.archive .ico-remove .i {width: 22px; height: 22px; left: -1px; top: -1px; background: url(../img/icons/remove.png) no-repeat;}
.archive .up,
.archive .down {width: 24px; height: 15px; margin-left: -12px; left: 50%; position: absolute; cursor: pointer; visibility: hidden;}
.archive .up {top: -21px; background: url(../img/scroll_up.png) no-repeat;}
.archive .down {bottom: -21px; background: url(../img/scroll_down.png) no-repeat;}

/* archive-open */
.archive-open {font-size: 14px; line-height: 18px; color: #666; height: 228px; margin-top: 48px; position: relative; z-index: 1;}
.archive-open .canvas {width: 710px; height: 240px; margin: -6px -30px -6px 0; position: relative; overflow: auto; float: left; display: inline;}
.archive-open table {width: 680px;}
.archive-open td {white-space: nowrap; vertical-align: top; padding: 6px 0 6px 20px;}
.archive-open .title {color: #333; white-space: normal; width: 100%; padding-left: 0;}
.archive-open .up,
.archive-open .down {width: 24px; height: 15px; margin-left: -12px; left: 50%; position: absolute; cursor: pointer; visibility: hidden;}
.archive-open .up {top: -21px; background: url(../img/scroll_up.png) no-repeat;}
.archive-open .down {bottom: -21px; background: url(../img/scroll_down.png) no-repeat;}