html { height:100%; }
body { min-height: 100%; position: absolute; left: 0; top: 0; width: 100%;}
* html body { height:100% }
* { margin:0; padding:0;}
body { background: #F3F0DF url('/img/base.jpg') repeat-y; }
#top { position: absolute; background: white url('/img/grid.jpg') right 60% no-repeat; width: 100%; height: 138px; overflow: hidden; left: 0; top: 0 ; }
#logo { position: absolute; left: 0; top: 0; width: 206px; height: 138px; background: url('/img/logo.gif') center center no-repeat; }
#logo.en { background-image: url('/img/logo_en.gif') !important; }
#mainmenu { position: absolute; left: 207px; top: 0; width: 90%; background: #803232 url('/img/menu.gif') repeat-x; text-align: left; }
#menu { border-collapse: collapse; width: 50%; }
#menu td, #menu th { height: 41px; text-align: center; vertical-align: middle; padding: 0 25px; font: 12pt Verdana, Arial; }
#menu td { color: white; }
#menu td a { color: white; text-decoration: none; }
#menu .m_yes_ { width: 7px !important; padding: 0 !important; background: url('/img/menu_10.gif') left no-repeat; }
#menu .m__yes { width: 7px !important; padding: 0 !important; background: url('/img/menu_01.gif') right no-repeat; }
#menu .m__ { width: 7px !important; padding: 0 !important; background: url('/img/menu_00.gif') center no-repeat; }
#menu th { background: white none; color: #803232; }
#menu th a { color: #803232; text-decoration: none; }
#tel { position: absolute; right: 40px; top: 62px; text-align: right; font: bold 16pt 'Times New Roman'; color: #800000; }
#menu2 { position: absolute; left: 207px; bottom: 0; height: 30px; width: 90%; background: #F4B846 url('/img/menu2.gif') repeat-x; }
#cut { width: 7px; height: 30px; background: url('/img/menu2l.gif') repeat; float: left; }
#menuYellow { margin-left: 20px; border-collapse: collapse; }
#menuYellow td { height: 30px; text-align: center; vertical-align: middle; padding: 0 10px; text-decoration: none; text-transform: lowercase; font: 12pt Verdana, Arial; color: #803232; }
#menuYellow a { text-decoration: none; color: #C07C3E; }
#menuYellow td.parent { background: url('/img/parent.gif') left top repeat; }
#menuYellow a:hover { text-decoration: none; color: #803232; }
#gorizont { position: absolute; width: 100%; height: 2px; top: 138px; left: 0; background: #E7E3E0; overflow: hidden; clear: both; }
/*#leftpanel { position: absolute; left: 0; top: 140px; width: 206px; height: auto; }*/
#leftpanel { float: left; margin-top: 140px; width: 206px; height: auto; padding-bottom: 5em; }
#lefttop { height: 10px; background: #D5D0BC; overflow: hidden; }
#leftpanel .m1 { background: #E5E0CC url('/img/m1.jpg') repeat; color: #66081c; font: normal 11pt Verdana, Arial; padding: 8px 0 8px 10px; }
#leftpanel #m1s { background: #E9E6DD url('/img/m1s.jpg') repeat; }
#leftpanel .m2 { background: #EAE5D0 url('/img/leftmenu.gif') repeat; color: #66081c; font: normal 10pt Verdana, Arial; padding: 5px 0 5px 20px; }
#leftpanel #m2s { background: #F4F2E8 url('/img/leftmenu2.gif') repeat; font-weight: bold; }
#leftpanel .m3 { background: #EAE5D0 url('/img/leftmenu.gif') repeat; color: #66081c; font: normal 8pt Verdana, Arial; padding: 5px 0 5px 40px; }
#leftpanel #m3s { font-weight: bold; font-size: 9pt; }
#leftpanel .m4 { background: #EAE5D0 url('/img/leftmenu.gif') repeat; color: #66081c; font: normal 8pt Verdana, Arial; padding: 5px 0 5px 60px; }
#leftpanel #m4s { font-weight: bold; font-size: 9pt; }
#leftpanel a { font-weight: normal !important; text-decoration: none !important; color: #66081c !important; }
#leftpanel a:hover, #leftpanel a:hover div
{ color: #C81A26 !important; }
#language { position: absolute; right: 5px; bottom: 0; }
#language a { font: bold 10pt/28px Arial; vertical-align: middle; color: white; text-decoration: none; }
#language a:hover { color: #803232; }
#header { height: 80px; background: url('/img/bloor.png') top repeat-x; }
* html #header { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bloor.png', sizingMethod='scale'); }
#content { margin-top: 140px; margin-left: 211px; }
#text { position: relative; top: -70px; padding: 10px 3% 0; }
#text p { margin-top: .5em; font: 10pt Verdana, Arial; color: #272727; }
#text p.logoplus { padding-left: 235px; min-height: 56px; background: url('/img/roltek.jpg') 0 0 no-repeat; }
#text .important { line-height: 25px; padding-left: 25px; background-image: url('/img/imp.gif'); background-position: 0 0; background-repeat: no-repeat; text-align: left !important; }
* html #text p.logoplus { height: 56px; }
#text h1 { margin: 1em auto .5em; font: bold 13pt Verdana, Arial; color: #70031b; text-align: center;}
#text h1.mark { width: 230px; background: url('/img/h3.gif') 0 50% no-repeat; color: #fff; margin-bottom: 1em; line-height: 26px; padding: 0 8px;}
#text h2 { margin-left: 10px; margin-top: 1em; font: 13pt Verdana, Arial; color: #70031b; text-align: left; }
#text h2.mark { color: #a00; }
#text h3 { font: 12pt Verdana, Arial; color: #70031b; text-align: left; margin-top: 1em; vertical-align: text-bottom !important; }
#text h3 img { vertical-align: text-bottom !important; }
#text h3.mark { width: 230px; background: url('/img/h3.gif') 0 0 no-repeat; color: #fff; margin-bottom: 1em; line-height: 26px; padding: 0 8px; }
#text h4 { margin: .5em auto; font: bold 11pt Verdana, Arial; color: #70031b; text-align: center;}
#text td, #text th { font: normal 10pt Verdana, Arial; color: #272727; }
#text img { margin: .5em 5px; }
#text .rgt { float: right; text-align: right; }
#text .lft { float: left; text-align: left; }
#text img.inline { margin: 4px 2px 0 6px !important; vertical-align: baseline; }
#text .one { display: block; margin: .5em auto; }
#text .photo { border-style: solid; border-width: 3px; border-color: #EEE #CCC #CCC #EEE; margin-top: 10px; }
#text .p { font: 10pt Verdana, Arial !important; color: #272727 !important; }
#text th, #text td { padding: 10px; vertical-align: top; }
* a img { border: none 0; }
#text .komplekt table { width: 99%; border-collapse: collapse; margin-top: 1em; margin-bottom: 1.5em;}
#text .komplekt th { background-color: #803232; border-bottom: solid 1px #A0A1A6; color: #7C7C7C; font: 11pt Verdana,Arial; padding: 5px 25px; text-align: center; }
#text .komplekt td { border-bottom: solid 1px #70031b; color: #444; font: 10pt Verdana,Arial; padding: 8px 15px; text-align: center; background-color: #F3F0DF; }
#text .code { display: block; padding-top: .5em; border-collapse: collapse; font: normal 10pt Verdana, Arial; color: #272727; margin: 0 auto;}
#text .code td { padding: .3em .5em; border: solid 1px #70031b; text-align: left; vertical-align: top; background-color: #F3F0DF; }
#text .code th { padding: .3em .5em; border: solid 1px #70031b; text-align: center; vertical-align: middle; font-weight: normal; background-color: #F3F0DF; }
#text .code .th { text-align: center; }
#text span { color: #900020; font-weight: bold; }
#text a { font: inherit; color: #70031b; text-decoration: underline; }
#text hr { width: 80%; border: solid 1px #B0AD9D; margin: 1.5em 0 1em; text-align: left; }
#text ol { margin-top: .5em; margin-left: 2em; font: 10pt Verdana, Arial; color: #272727; list-style: decimal outside; }
#text ul { margin-top: .5em; margin-left: 2em; font: 10pt Verdana, Arial; color: #272727; list-style: disc outside; }
#text .opa { margin-top: .5em; margin-left: 2em; font: 12pt Verdana, Arial; color: #70031b; list-style: decimal outside; }
#text .opa li { font: 10pt Verdana, Arial; color: #272727; margin-top: 5px; }
#text .excel a, #text .pdf a { text-decoration: none; }
#text .pdf { line-height: 26px; background: url('/img/pdf.gif') 0 0 no-repeat; }
#text .pdf a { padding-left: 30px; }
#text .excel a:hover, #text .pdf a:hover { color: #C81A26; }
#text h2 img { margin: 0 10px 0 -10px !important; vertical-align: middle; }
#text #menu3 { margin-bottom: 10px; }
#text #menu3 a, #menu3 span
{ margin-right: 20px; font: 9pt/20px Arial; color: #D66D10; text-decoration: none; }
#text #menu3 a:hover { color: #66081c; }
#text #menu3 span { color: #66081c; }
#text .patent { margin: 1em 2% 0 1% !important; width: 45%; height: auto; max-width: 400px; }
* html #text .patent { width: expression(parseInt(this.parentNode.offsetWidth)>890?'400px':'45%') !important; }
/*#text .shema { margin: 1em 0 0 !important; width: 92%; height: auto; max-width: 800px; }
* html #text .shema { width: expression(parseInt(this.parentNode.offsetWidth)>870?'800px':'92%') !important; }*/
#text .shema { display: none; }
#text .shemasmall { margin: 1em 0 0 !important; width: 95%; max-width: 670px; }
* html #text .shemasmall { width: expression(parseInt(this.parentNode.offsetWidth)>728?'670px':'92%') !important; }
#russia { margin: 0 !important; width: 92%; height: auto; max-width: 867px; }
* html #russia { width: expression(parseInt(this.parentNode.offsetWidth)>942?'867px':'92%') !important; }
#text .inner { text-decoration: none !important; border-bottom: solid 1px #E3DCC9; }
#text .inner:hover { border-color: #70031b; }
#text ul.mark li { list-style-type: none; font-size: 12pt; color: #a00; margin-bottom: .5em; line-height: 25px; padding-left: 25px; background-image: url('/img/imp.gif'); background-position: 0 0; background-repeat: no-repeat; text-align: left !important; }
#text .els td { font: 10pt Verdana, Arial; color: #272727; padding: 0 10px 10px 0; vertical-align: top; }
#text .big { border: none 0; }
#text .big th { font: bold 11pt Arial; padding: 15px 10px 2px; border: none 0; color: #272727; text-align: center; vertical-align: middle; border: none 0; }
#text .big td { font: 10pt Tahoma; padding: 2px 10px; border: none 0; color: #272727; text-align: center; vertical-align: bottom; border: none 0; }
#text .big img { margin-bottom: 3px; border-style: solid; border-width: 3px; border-color: #EEE #CCC #CCC #EEE; }
#text .col2 { border: none 0; }
#text table.col2 { width: 800px; }
#text td.col2 { width:50%; padding: 20px 40px 20px 0; text-align: left; vertical-align: top; }
#text th.col2 { width: 50%; padding: 20px 40px 20px 0; text-align: center; vertical-align: top; }
#text .hid { border: none 0; }
#text td.hid { padding: 10px 20px 10px 0; text-align: left; vertical-align: top; font: 10pt Arial; color: #000; }
#text th.hid { padding: 10px 20px 10px 0; text-align: center; vertical-align: top; font: bold 10pt Arial; color: #000; }
#text .w250 { width: 250px !important; }
#text .w50 { width: 50px !important; }
#text .color { display: inline-block; vertical-align: baseline; height: 15px; width: 25px; border: solid 1px #000; margin: 0 0 1px; }
#text .topmarg { margin-top: 3em !important; }
#list { border: none 0; border-collapse: collapse; border-spacing: 0; margin: 1em auto; width: 85%; }
#list td { vertical-align:middle; padding: 5px .8em; cursor:hand; vertical-align: middle; background-color: #F2EDD8; border-top: solid 1px #FAF6EC; border-bottom: solid 1px #FAF6EC;}
#list .space { background: none !important; height: .8em; overflow: hidden; }
#list .n { width:3em; text-align:center; border-left: solid 1px #FAF6EC;}
#list .n a { text-decoration: none; }
#list .i { text-align:center; }
#list .t { text-align:left; font: 12pt Verdana, Arial; border-right: solid 1px #FAF6EC;}
#hidden { display: none; }
button.script { width: auto; height: 30px; padding: 4px 1em; font: 10pt Arial; color: #66081c; background: #F4B846 url('/img/menu2.gif') repeat-x;
border: outset 2px; vertical-align: middle; }
button.script:hover { border: inset 2px; }
.form3 td { padding: 2px .3em; }
.form3 .input2 { width: 300px; }
.form3 .input2 input,.form3 textarea
{ width: 98%; overflow: hidden; padding: 1px; font: 9pt Arial;
border: solid 1px silver; }
.form3 textarea { height: 100px; }
.submit { margin: 3px; padding: 2px .5em; font: 9pt Arial; background-color: silver; }
#text .right { text-align: right !important; }
#text .center { text-align: center !important; }
#text .red { color: #70031b !important; }
#text .bot { vertical-align: bottom !important; }
h2.year { margin-top: 0 !important; }
#mynews { display: block; margin: 1em 0 0 0; }
#mmm { width: 120px; text-align: left; vertical-align: top; }
* html #mmm { margin-top: -70px; }
#mmm .mns { display: block; width: 100px; text-align: center; font: 11pt/15pt Arial; text-decoration: none; background-color: white; color: #803232; padding: 2px auto; }
#mmm .mns:hover { background-color: transparent; }
#mmm #thisMonth { display: block; width: 100px; text-align: center; font: 11pt/15pt Arial; background-color: #803232; color: white; padding: 2px auto; }
#news { vertical-align: top; }
#news .newsDate { margin: 0 !important; font-size: 11pt/15pt Arial; background-color: #803232; color: white; width: 12em; text-align: center; padding: 20px auto; }
#news .newsTitle { color: #900020; margin: 0 !important; font-size: 11pt; }
#news .newsText { margin: 0 0 1.5em 0 !important; font-size: 9pt; }
#footer { padding: 1em 0; position: absolute; left: 0; bottom: 0; width: 100%; background-color: #bbb7a5; text-align: left; }
#footer span { margin: 0 1em; color: white; cursor: help; font: 12pt Times, serif; }
#footer #npuBeT { float: right; cursor: default; }
#arj a { font-size: 9pt; }
#printing { text-align: right; padding-right: 1em; }
#bPrint img { vertical-align: middle; margin: 5px; border: none 0; }
#printing a { font: bold 9pt Verdana, Arial; color: black; text-decoration: none; }
#printing a:hover { color: #66081c; }
#bBack { display: none; }
#forprint { display: none; text-align: center; font: 8pt Arial; }
#forprint span { font: 8pt 'Courier New'; }
@media print {
#top, #leftpanel, #header,#gorizont, #menu3
{ display: none !important; }
* { background: white !important; color: black !important; }
body { width: 100% !important; }
#content { padding: 0 !important; margin: 0 !important; width: 100% !important;}
#text { top: 0; padding: 0 !important; margin: 0 !important; width: 100% !important;}
#text .pro100 { width: 90%; height: auto; }
#text .pro70 { width: 60%; height: auto; }
#text .pro50 { width: 40%; height: auto; }
#printing { display: none !important; }
#footer { position: static; padding: 1cm 0 .5cm !important; }
#text .shema { width: 99% !important; display: block !important; }
#text .shemasmall { display: none !important; }
#forprint { display: none !important; }
}
#rama { width: 99%; height: 285px; position: relative; overflow: hidden; }
#rama #nbr { width: auto; height: 250px !important; position: absolute; }
#rama #nbr .pic { margin-bottom: 30px !important; }
#rama #anc1 { display: block; position: absolute; left: 0; bottom: 0; }
#rama #anc2 { display: block; position: absolute; right: 0; bottom: 0; }
#rama .ank { font: 12pt Arial; color: #444; text-decoration: none; cursor: w-resize; }
#rama .ank:hover { color: #aae !important; }
#text .v { width: 160px; }
#text .g { width: 360px; }
/*
div { border: solid 1px red; }
div div { border-color: green; }
div div div { border-color: blue; }
div div div div { border-color: black; }
div div div div div { border-color: silver; }
p { border: dotted 1px red; }
ul { border: dashed 1px green; }
*/
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: 2; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}