html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; background: #fff fixed repeat-y 1280px url('body_shadow.jpg');}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 780px; max-width: 1280px; background: #f5fffe repeat-x url('header_gradient.jpg');}
img {border: 0;}
a {color: #00b3a7;}
a:hover, a:active {color: #ff6314;}
.direct {border-bottom: 1px dashed; cursor: hand; cursor: pointer;}
a.win {position: relative; white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
/**
a.win:visited {background: no-repeat 100% 50% url('ico_win_visited.gif');}
a.win:active, a.win:visited:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
:active {color: #ff5360;}**/
p {font-size: 90%; padding: 0; margin: 0 0 1em 0; line-height: 1.6em;}
/*.date {margin-bottom: 0; font-size: 83%; color: #800900; font-style: italic;}*/
.prelist {margin-bottom: 0.3em;}
.also {margin-top: 1.5em;}
ul, ol {position: relative; font-size: 90%; padding: 0; margin: 0 0 1em 0; line-height: 1.6em;}
ul li {list-style: none; background: no-repeat 0 0.8em url('li.gif'); margin: 0 0 0.3em 20px; padding-left: 20px;}
ul li.second {margin-left: 55px;}
ul li.third {margin-left: 90px;}
ol li {margin: 0 0 0.3em 35px;}
li p, li ul, li ol, li h4 {font-size: 100%;}
h1 {position: relative; color: #ff5600; font-size: 150%; margin: 0 0 0.6em 0;}
h2 {position: relative; color: #9da1a4; font-size: 130%; margin: 1.2em 0 0.6em 0;}
h3 {position: relative; color: #698aa5; font-size: 100%; margin: 1.2em 0 0.6em 0;}
h4 {position: relative; color: #698aa5; font-size: 90%; margin: 1.2em 0 0.6em 0; font-style: italic;}
h5 {position: relative; color: #698aa5; font-size: 80%; margin: 1.2em 0 0.6em 0; font-style: italic;}
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
td {padding: 0;}
table.simple {margin-bottom: 1em; border-bottom: 1px solid #fff;}
table.simple th {text-align: left; padding: 0 2em 0.6em 0; border-bottom: 1px solid #979fa5; font-style: italic; font-size: 80%;}
table.simple td {padding: 0.6em 2em 0.6em 0; border-bottom: 1px dashed #979fa5; border-top: 1px dashed #979fa5; font-size: 80%;}
table.simple .align_right {text-align: right;}
table.simple .additional {padding-left: 2em; font-size: 70%; border: none;}
form {margin: 0;}
form table {margin: 0; width: 100%; position: relative;}
form td {font-size: 80%; padding: 0.5em 1em 0.5em 0; vertical-align: top;}
td.field {width: 100%;}
.star {position: absolute; margin-left: -1em; color: #e93e00;}
span.error {color: #e93e00;}
input, select, textarea {font-size: 100%; font-family: Arial, Tahoma, Verdana, sans-serif; margin: 0; width: 95%;}
input.error, textarea.error {border: 2px solid #e93e00;}
.btn {cursor: pointer; cursor: hand; padding: 3px; width: auto;}
.spacer {float: left;}
.spacer img {width: 1px; height: 1px;}
.br {width: 100%; height: 1px; clear: tour;}
.nobr {white-space: nowrap;}
.roman {position: relative; left: -0.6em; white-space: nowrap;}
.star {font-family: Arial, Helvetica, sans-serif;}
img.png {//background-image: none !important; behavior: url('/leda/design/consumer/png.htc');}
p.v {position: relative; display: block; margin: 0 0 0 -3px; padding: 0.8em 0 0 3px; background-repeat: no-repeat;}
.green {color: #00b3a1;}
p.v.green {background-image: url('v_green.gif');}
.grey {color: #728c9e;}
p.v.grey {background-image: url('v_grey.gif');}
.orange {color: #ff6314;}
p.v.orange {background-image: url('v_orange.gif');}
.blue {color: #009dd6;}
p.v.blue {background-image: url('v_blue.gif');}
.logo_brand {position: relative; float: right; margin: 0.5em -50px 0 2em;}
#zoom_screen {z-index: 9; position: fixed; width: 100%; height: 100%; background: url('zoom_bg.gif');}
*body #zoom_screen {position: absolute; left: expression((ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLef ) + 'px'); top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');}
#zoomed_div {position: absolute; left: 50%; top: 50%; background: #2f0b0b url('zoom_loading.gif') no-repeat center;}
#zoomed_photo {margin: 7px 9px;}
p.counter {margin: 2.5em 0 1em 0; font-weight: bold;}
p.counter a {padding: 3px 6px 4px 6px;}
p.counter strong {color: #fff; font-weight: normal; background: #ff5600; padding: 3px 6px 4px 6px;}
p.counter span {padding: 3px 6px 4px 6px;}
p.chooser {margin: 1em 0 1.5em 0; font-weight: bold; line-height: 2em;}
p.chooser a {color: #9da1a4; padding: 3px 6px 4px 6px;}
p.chooser strong, p.chooser a.strong {padding: 3px 6px 4px 6px; background: #b0b5b8; color: #fff;}
p.chooser strong a, p.chooser strong a:visited, p.chooser strong a:hover {padding: 0; color: #fff;}
p.chooser a.strong span {color: #fff; border: none;}
#header {position: relative; width: 100%; height: 265px; background: no-repeat 0 0 url('header_cloud.jpg');}
#header.index {height: 390px;}
#logo_leda {position: absolute; left: 5%; top: 46px; width: 116px; height: 57px;}
#link1 {position: absolute; left: 35%; top: 49px; width: 23%; font-size: 70%;}
#link2 {position: absolute; left: 65%; top: 49px; width: 23%; font-size: 70%;}
#header h1 {position: absolute; display: block; left: 5%; top: 150px; width: 256px; height: 90px; background: no-repeat 0 0 url('heading.gif');}
#header h1#heading_en {width: 226px; height: 90px; background: no-repeat 0 0 url('heading_en.gif');}
#header h1 span {display: block; width: 256px; height: 90px; visibility: hidden;}
#header h1#heading_en span {width: 226px; height: 90px;}
#splash {position: absolute; left: 35%; top: 150px; width: 45%; height: 200px; background: no-repeat 0 0 url('splash.jpg');}
#navigator {position: absolute; left: 35%; top: 160px; width: 45%;}
#navigator div {position: relative; float: left; margin: 0 1.5em 0 0; width: 18%;}
#navigator p {float: left; color: #fff; font-size: 70%; padding: 0 10px 0 0; background: no-repeat 100% 0.5em url('v_nav.gif');}
#navigator p.strong {background: none;}
#navigator a {color: #fff;}
#lang {position: absolute; left: 86%; top: 168px;}
#lang a, #lang strong {font-size: 0; display: block; float: left; width: 22px; height: 11px; background-repeat: no-repeat; background-position: 0 0; margin-right: 30px;}
#lang strong {background-position: 0 100%; }
#lang a {border-bottom: 1px solid #ff6314;}
#lang a:hover {background-position: 0 100%; border-bottom: 1px solid #fff;}
#main {position: relative; width: 100%; padding-bottom: 60px;}
.spacer {float: lef; width: 5%;}
#menu {float: left; width: 30%; margin-top: 10px;}
#menu ul {width: 171px; margin: 0;}
#menu li {background: 0; margin: 0 0 18px 0; padding: 0; float: left; clear: left;}
#menu li a, #menu li strong {font-size: 0; position: relative; display: block; height: 11px; background-repeat: no-repeat; background-position: 0 0;}
#menu li strong {background-position: 0 100%;}
#menu li a {border-bottom: 1px solid #00ada2;}
#menu li a:hover, #menu li strong a, #menu li a.current {background-position: 0 100%; border-bottom: 1px solid #ff6314;}
#m_products {background-image: url('m_products.gif'); width: 133px;}
#m_news {background-image: url('m_news.gif'); width: 55px;}
#m_articles {background-image: url('m_articles.gif'); width: 45px;}
#m_partners {background-image: url('m_partners.gif'); width: 66px;}
#m_vacancies {background-image: url('m_vacancies.gif'); width: 66px;}
#m_contacts {background-image: url('m_contacts.gif'); width: 171px;}
#m_service {background-image: url('m_service.gif'); width: 46px;}
#m_products_en {background-image: url('m_products_en.gif'); width: 62px;}
#m_news_en {background-image: url('m_news_en.gif'); width: 35px;}
#m_service_en {background-image: url('m_service_en.gif'); width: 49px;}
#m_contacts_en {background-image: url('m_contacts_en.gif'); width: 61px;}
#content {float: left; width: 53%;}
.photos {margin: 0.5em 0 0 0;}
.photos img {margin: 0 0 1em 0; border: 6px solid #fff;}
#news {position: relative; width: 100%; margin-bottom: 1em;}
.wide {float: left; width: 91%; margin-bottom: 30px;}
.column2 {float: left; width: 49%; margin-bottom: 30px;}
.column3 {float: left; width: 33%; margin-bottom: 30px;}
.column2 p, .column3 p {font-size: 80%; width: 75%;}
p.date {font-size: 70%; color: #b0b5b8; font-style: italic; margin: 0;}
img.product {border: 3px solid #32c2b8; margin: 0 0 0.5em 0;}
.column2 h1, .column3 h1 {font-size: 90%; font-weight: normal; margin: 0 0 0.3em 0; width: 75%; line-height: 1.4em;}
.column2 h2, .column3 h2 {font-size: 80%; font-weight: normal; margin: 0 0 0.3em 0; color: #3d3d3d; width: 75%; line-height: 1.4em;}
.column2 h2 a, .column3 h2 a {color: #3d3d3d;}
.colunm2 h3, column3 h3 {width: 75%;}
#products {z-index: 1; position: relative; width: 100%;}
#products p {color: #b0b5b8;}
.footer_cloud {background: no-repeat 100% 100% url('footer_cloud.jpg');}
#footer {position: relative; width: 100%; padding-bottom: 150px;}
#hsm {}
#hsm a, #hsm strong {float: left; display: block; width: 27px; height: 27px; background-position: 0 0; margin: 0 50px 0 -9px;}
#hsm strong, #hsm a:hover {background-position: 0 100%;}
#hsm strong img, #hsm a img {width: 27px; height: 27px;}
#hsm #ico_h {background-image: url('ico_h.gif');}
#hsm #ico_s {background-image: url('ico_s.gif');}
#hsm #ico_m {background-image: url('ico_m.gif');}