/* { border: 1px solid red; }*/

html {}

html, body { width: 100%; height: 100%; }
body { font: 1em Georgia, serif; background: #f7f6f6 url(/i/d.gif) no-repeat; background-attachment: fixed; color: black; padding: 0; margin: 0; position: relative; }
img { border: 0; }
table { width: 100%; border-collapse: collapse; border: 0; }
td, th { padding: 0; vertical-align: top; text-align:left; border: 0; }
p { margin-top: 0; margin: 0px; }

a { color: #0033ff; }
a:visited { color: #3333cc !important; }
a:hover {color: #6bc561 !important; }

.clear { clear: both; overflow: hidden; height: 0px; font-size: 0; }
.lclear { clear: left; }
.rclear { clear: right; }

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
small { font-size: 90% !important; }
.png { -background-image: none !important; -background-position: left top; }

.link { color: #0033ff; border-bottom: 1px dashed #0033ff; cursor: pointer; cursor: hand; zoom: 1; }

.outer { position: relative; overflow: hidden; max-width: 1500px; min-width: 1000px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? '1000px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1500 ? '1500px' : '100%' ); }

/*.layout { margin: 0 4% 0 4%; }*/
.layout { padding: 0 4% 0 4%; }

.header { margin-top: 15px;}

.header .logo { position: relative; left: -10px; float: left; margin-bottom: 2.5em; }
ul.service { margin: 0; padding: 8px 0 0 0; }
ul.service li { list-style: none; display: inline; margin-right: 7px; }
ul.service li img { background: black; }
ul.service li a:hover img { background: #6bc561; }
ul.service li.selected img { background: #6bc561; }

.header ul.auth { float: right; white-space: nowrap; margin: 0; padding: 0; }
.header ul.auth li { float: left; display: block; list-style: none; padding-left: 35px; font-size: 110%; }
.header ul.auth li.login { font-size: 90%; margin-top: 0.25em; white-space: nowrap; position: relative; }
.header ul.auth li.login img { margin-right: 7px; background: #0033ff; position: absolute; right: 2.1em; top: 2px; //top: 3px; }
.header ul.auth li.login a:hover { zoom: 1; }
.header ul.auth li.login a:hover img { background: #6bc561; }

.header ul.auth li.logout { font-size: 90%; margin-top: 0.25em; white-space: nowrap; position: relative; }
.header ul.auth li.logout img { margin-right: 7px; background: #0033ff; position: absolute; right: 2.7em; top: 2px; //top: 3px; }
.header ul.auth li.logout a:hover { zoom: 1; }
.header ul.auth li.logout a:hover img { background: #6bc561; }


.left { width: 30%; float: left; }
.content { float: left; margin-left: 7%; width: 50%; }
.full { width: 62%; }
.full p { width: 80%; }
.content h1 { font-size: 180%; margin: 0 0 1em 0; padding: 0; position: relative; z-index: 2; }
.content h2 { font-size: 110%; margin: 0 0 0.6em 0; padding: 0; font-style: italic; position: relative; left: -2em; }
.content h2 span { background: #495965; color: white; padding: 0 3px; }
.content p { font-size: 85%; line-height: 150%; margin-bottom: 2em; }
.content ul, .column ul { margin:0 0 2em 1em; padding:0 0 0 1.3em; font-size: 90%; }
.content ul li, .column ul li { list-style-image:none; list-style-position:inside; list-style-type:none; margin-bottom:0.5em; line-height:150%; }
* html .content ul li, * html .column ul li { behavior:expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">&mdash;&nbsp;</span>' + this.innerHTML : '' ); text-indent:expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-2.3em' : 0 ); }
.content ul>li, .column ul>li { text-indent:-1.3em; }
.content ul>li:before, .column ul>li:before { content:'\2014\a0'; }
.content ol { padding:0 0 0 2.5em; margin:0 0 1em 0; }
.content ol li { list-style-position:outside; list-style-type:decimal; margin-bottom:0.5em; line-height:150%; }
.content p.before-list, .column .before-list { margin-bottom:0.5em; }
.content table { width: auto; margin-bottom: 2em; }
.content table th { font-size: 80%; text-align: left; border-bottom: 1px solid #CCC; padding: 0 2em 0.5em 1em; }
.content table td { padding: 0.8em 2em 0.8em 1em; font-size: 90%; }
.content .big { font-size: 100%; margin-top: 0.8em; }
.column h2 { font-size: 90%; position: relative; left: -3px; margin-top: 0; }
.column h2 span { background: #6bc561; color: white; padding: 1px 3px; }
.column ul { font-size: 75%; margin-bottom: 3em; }
.column ul li { line-height: 140%; }
.column .big { font-size: 120%; line-height: 130%; }
.column p { font-size: 75%; line-height: 140%; margin-bottom: 1.3em; width: 80%;  }

.menu h1, .news h1, .programm h1, .comment h1 { background: #495965; color: white; float: left; font-size: 150%; margin-top: 0; padding: 0px 10px 0 8px; position: relative; left: -8px; margin-bottom: 0.4em; }

.menu { zoom: 0; }
.menu ul { clear: left; margin: 0 0 2.5em 0; //margin-bottom: 1.5em; padding: 0px; zoom: 1; }
.menu.small { font-size: 80%; }
.menu ul li { list-style: none; font-size: 110%; margin-bottom: 0.5em; zoom: 1; clear: left; }
.menu ul li a { color: #495965; }
.menu ul li a:visited { color: #495965 !important; }
.menu ul li a:visited:hover { color: #6bc561 !important; }
.menu ul li.selected { background: none; } 
.menu ul li.selected span { background: #6bc561; color: white; padding: 0 3px; position: relative; left: -3px; }
.menu ul li#menu-contact span { color: #6bc561; display: block; position: relative; left: -0.4em; position: relative; }
.menu ul li#menu-contact i, .menu ul li#menu-contact em { display: block; position: absolute; left: -28px; top: -0.2em; width: 19px; height: 39px; background: url(../i/contacts.gif) no-repeat; }
.menu ul li#menu-contact.selected { background: #6bc561; float: left; position: relative; left: -60px; padding-left: 60px; padding-bottom: 0.5em; margin-bottom: 0; }
.menu ul li#menu-contact.selected b, .menu ul li#menu-contact.selected strong { color: white; font-weight: bold; }
.menu ul li#menu-contact.selected span { color: white; background: none; left: -0.6em; }
.menu ul li#menu-contact.selected i, .menu ul li#menu-contact.selected em { background-image: url(/i/contacts_selected.gif); width: 21px; height: 33px; left: -27px; }
.menu ul li.disabled { color: #BBBBBB; text-decoration: underline; }

.menu ul li.big { font-size: 300%; position: relative; top: -0.05em; line-height: 100%; padding-bottom: 0; background: none; }

.news h1 { background: #6bc561; margin-bottom: 0.7em; //margin-bottom: 0em; }
.news h1 a { color: white; }
.news h1 a:hover { color: #f7f6f6 !important; }
.news h1 a:visited { color: white !important; }
.news dl { clear: left; }
.news dt { margin: 0 0 1.5em 0; padding: 0; font-size: 75%; }

#fun { width: 70%; //width: 69%; float: left; margin-bottom: 0.5em; }
#fun .wrapper { width: 613px; height: 530px; margin: 0 auto; background: url(../i/home-fun-bg.jpg) no-repeat; position: relative; }
#fun ul.service { position: absolute; left: 187px; top: 254px; width: 100px; }

#fun .position { color: #85CD7A; //background: #f7f6f6; //line-height: 90%; font-size: 400%; position: absolute; left: 483px; top: 227px; //top: 235px; margin-top: -0.8em; white-space: nowrap; }
#fun .position span { font-size: 50%; }

#fun .manager { position: absolute; left: 0; top: 0; }
#fun .manager .text { position: absolute; color: black; font-size: 70%; //font-size: 70%; display: none; }
#fun .manager .text span { display: block; margin: 21px 18px; //margin: 0px 18px !important; //top: 21px; position: relative; z-index: 1; zoom: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); background: #CCEABF; }
#fun .manager .text div { position: absolute; left: 0; top: 0; }

#fun .m1 { display: block; left: 95px; top: 45px; }
#fun .m1 .text { width: 179px; height: 102px; background: url(../i/cloud2.png); left: 35px; top: -85px; //background-image: none; }
#fun .m1 .text div { //width: 179px; //height: 102px; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/cloud2.png', sizingMethod='scale'); }

#fun .m2 { display: block; left: 35px; top: 165px; }
#fun .m2 .text { width: 164px; height: 102px; background: url(../i/cloud1.png); left: -127px; top: -80px; //background-image: none; }
#fun .m2 .text div { //width: 164px; //height: 102px; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/cloud1.png', sizingMethod='scale'); }

#fun .m3 { display: block; left: 350px; top: 130px; }
#fun .m3 .text { width: 139px; height: 101px; background: url(../i/cloud3.png); left: -30px; top: -85px; //background-image: none; }
#fun .m3 .text div { //width: 139px; //height: 101px; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/cloud3.png', sizingMethod='scale'); }

#fun .m4 { display: block; left: 100px; top: 335px; }
#fun .m4 .text { width: 179px; height: 104px; background: url(../i/cloud4.png); left: -145px; top: 24px; //background-image: none; }
#fun .m4 .text div { //width: 179px; //height: 104px; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/cloud4.png', sizingMethod='scale'); }
#fun .m4 .text span { margin-top: 36px; //top: 36px; }

#fun .m5 { display: block; left: 350px; top: 285px; }
#fun .m5 .text { width: 135px; height: 102px; background: url(../i/cloud5.png); left: 5px; top: -84px; //background-image: none; }
#fun .m5 .text div { //width: 135px; //height: 102px; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/cloud5.png', sizingMethod='scale'); }
#fun .control { width: 38px; height: 38px; left: 285px; top: 210px; //top: 190px; background: url(../i/fun_control.png); //background-image: none; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/fun_control.png', sizingMethod='scale'); position: absolute; z-index: 1; cursor: pointer; }


.programm { margin-right: 35%; margin-bottom: 4em; }
.programm h1 { font-size: 230%; margin-bottom: 1em; }
.programm ol { clear: left; margin: 0; padding: 0; }
.programm ol li { list-style: none; margin-left: 3.5em; font-size: 90%; zoom: 1; position: relative; margin-bottom: 3em; line-height: 140%; }
.programm ol li strong { font-size: 130%; font-weight: normal; color: #6bc561; }
.programm ol li span { display: block; left: -1em; font-size: 400%; line-height: 110%; text-align: right; top: -0.64em; //top: -0.6em; width: 0.95em; position: absolute; color: #6bc561; }

.announce { float: right; width: 26%; margin-bottom: 2em; }
.announce h1 { margin: 0.6em 0 0 0; padding: 0; color: #cc0000; font-size: 150%; position: relative; }
.announce h1 i, .announce h1 em { width: 31px; height: 33px; position: absolute; left: -45px; top: 1px; background: url(/i/hot.gif) no-repeat; }
.announce img { position: relative; left: -18px; margin-bottom: -18px; }
.announce p { position: relative; z-index: 1; font-size: 90%; line-height: 150%; }

.comment h1 { position: relative; z-index: 1; margin-bottom: -0.6em; }
.comment .wrapper { clear: left; margin-left: 3.2em; position: relative; zoom: 1; }
.comment .wrapper .text { width: 70%; position: absolute; bottom: 1px; left: 170px; }
.comment .wrapper .text p { margin-bottom: 1em; padding-left: 0.6em; text-indent: -0.6em; //text-indent: -0.55em; font-size: 90%; position: relative; }
.comment .wrapper .text p.sign { text-indent: 0; margin-bottom: 0; color: white; }
.comment .wrapper .text p.sign strong { font-weight: normal; font-size: 120%; }
.comment .wrapper .text p.sign span { background: #6bc561; padding: 1px 0; }

#Footer { border-top: 1px solid black; margin-top: 4em; padding-top: 0.2em; padding-bottom: 3em; zoom: 1; }
#Footer .search { float: right; width: 26%; }
#Footer .search * { margin-bottom: 0; }
#Footer .search input { width: 100%; }
#Footer .copyright { font-size: 75%; }

#FormLogin { position: fixed; -position: absolute; z-index: 1000; top: 0; -top: expression(eval(document.documentElement.scrollTop) + "px"); left: 0; width: 100%; height: 100%; display: none; overflow: hidden; }
#FormLogin, #FormLogin * { zoom: 1; }
#FormLogin .back { position: absolute; width: 100%; height: 100%; background: black; opacity: 0.5; left: 0; top: 0; }
#FormLogin .form { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#FormLogin .form div.in { width: 40%; height: 50%; background: white; left: 30%; top: 25%; position: absolute; border: 1px solid #666666; }
#FormLogin .form div.in .wrapper { padding: 5% 10%; }
#FormLogin .form div.in h1 { background: #6bc561; margin-bottom: 1em; //margin-bottom: 0em; float: left; color: white; font-size: 150%; padding: 0px 10px 0 8px; position: relative; left: -8px; }
#FormLogin .form div.in form { clear: left; }
#FormLogin .form div.in form label { display: block; font-size: 90%; }
#FormLogin .form div.in form input { margin-bottom: 1em; }
#FormLogin .form div.in form div.checkbox { margin-bottom: 1em; margin-top: -0.5em; }
#FormLogin .form div.in form div.checkbox input { margin-bottom: 0; }
#FormLogin .form div.in form div.checkbox label { display: inline;  }
#FormLogin .form div.in form div.submit input { margin-bottom: 0; }
#FormLogin .form div.in form div.submit small { font-size: 75% !important;  }


#FormLoginNew .form div.in .wrapper { padding: 5% 10%; }
#FormLoginNew .form div.in h1 { background: #6bc561; margin-bottom: 1em; //margin-bottom: 0em; float: left; color: white; font-size: 150%; padding: 0px 10px 0 8px; position: relative; left: -8px; }
#FormLoginNew .form div.in form { clear: left; }
#FormLoginNew .form div.in form label { display: block; font-size: 90%; }
#FormLoginNew .form div.in form input { margin-bottom: 1em; }
#FormLoginNew .form div.in form div.checkbox { margin-bottom: 1em; margin-top: -0.5em; }
#FormLoginNew .form div.in form div.checkbox input { margin-bottom: 0; }
#FormLoginNew .form div.in form div.checkbox label { display: inline;  }
#FormLoginNew .form div.in form div.submit input { margin-bottom: 0; }
#FormLoginNew .form div.in form div.submit small { font-size: 75% !important;  }

.map { left: -50px; margin-top: -60px; position: relative; margin-right: -50px; }
.question span.link { font-size: 150% !important; }
.question p { margin-bottom: 1em; }

form.data label { background: #6bc561; color: white; padding: 0 2px; font-size: 90%; }
form.data input, form.data textarea { display: block; margin-bottom: 1.5em; margin-top: 0.3em; }
form.data .long { width: 27em; }
form.data .middle { width: 18em; }
form.data .check { margin-top: -0.5em; margin-bottom: 1em; }
form.data .check img { border: 1px solid #CCCCCC; position: relative; top: -1px; }
form.data .check input { display: inline; width: 5em; margin: 0; }
form.data table { width: auto; }
form.data table, form.data table td { padding: 0; margin: 0; }
form.data table td { padding-right: 10px; }
form.data p { margin-bottom: 0.5em; line-height: 130%; }
form.data ol, form.data ol li { list-style: none; margin: 0; padding: 0; position: relative; }
form.data ol { margin: 1.5em 0 2em 0; }
form.data ol li i { position: absolute; color: #6bc561; left: -2.3em; top: -0.15em; width: 2em; text-align: right; font-size: 150%; font-style: normal; }
.column .long { width: 20em !important; }

.content p.file { padding-left: 2.4em; line-height: 140%; position: relative; left: -0.3em; zoom: 1; }
.content p.file i, .content p.file em { position: absolute; left: 0; top: 0; width: 28px; height: 35px; background: url(/i/icos.gif) no-repeat left top; }
.content p.pdf i, .content p.pdf em { background-position: -28px 0; }
.content p.file b, .content p.file strong { display: block; font-size: 130%; font-weight: normal; }
.content p.file span { color: #666666; }

.hidden { display: none; }

.module { width: 50%; //width:49.5%; float: left; }
.module h2 { left: 0; margin-right: 0; margin-bottom: 0.3em; font-style: normal; width: 80%; position: relative; }
.module h2 i { position: absolute; width: 1em; margin-left: -1.15em; //margin-left: -2.8em; top: -0.55em; text-align: right; font-size: 260%; font-style: normal; }
.module p { font-size: 80%; }

.color1 h2, .color1 h2 a { color: #6bc561; }
.color2 h2, .color2 h2 a { color: #ef8200; }
.color3 h2, .color3 h2 a { color: #0072cf; }
.color4 h2, .color4 h2 a { color: #ad4068; }

dl.articles, dl.articles dt, dl.articles dd { margin: 0; padding: 0; }
dl.articles dt { font-size: 120%; margin-bottom: 0.6em; }
dl.articles dt span { display: block; font-size: 70%; color: #666; position: relative; left: -2.6em; }
dl.articles dd { font-size: 90%; line-height: 140%; margin-bottom: 2.5em; }

p.date { font-size: 80%; font-style: italic; color: #666; }
h2.question { left: 0em; font-weight: bold; }
pre { font-family: "Courier New", serif; font-size: 90%; }


/*.stats { width: 450px; height: 232px; background: url(/i/part_bg.gif) no-repeat; margin-bottom: 2em; margin-top: -0.4em; position: relative; left: -65px; color: white; }*/
.stats { width: 150%; position: relative; margin-right: -100%; height: 251px; padding-top: 35px; background: url(/i/stat_bg.jpg) no-repeat left top; margin-bottom: 1em; margin-top: -2.3em; position: relative; left: -65px; color: white; }
.stats .in { padding: 10px 0 0 66px; }
.stats h2 { left: 0; font-style: normal; font-size: 140%; text-decoration: underline; margin-bottom: 0.8em; }
.stats dl, .stats dl dt, .stats dl dd { margin: 0; padding: 0; }
.stats dl { font-size: 90%; }
.stats dl dd { margin-bottom: 1.2em; }
.stats dl dd span { font-size: 200%; line-height: 80%; }

.banners { width: 120%; }
.banners h3 { font-size: 150%; margin-bottom: 0.3em; }
.banners span.link { font-size: 75%; }
.banners .part { width: 184px; float: left; }

.no-top h2 { margin-top: 0.2em; }

.framed, .framed .f_r, .framed .f_b, .framed .f_l, .framed .f_c { float: left; position: relative; z-index: 1; width: auto; height: auto; margin: 0; padding: 0; }
.framed .f_tt, .framed .f_rr, .framed .f_bb, .framed .f_ll { display: none; }
.framed { margin: 0 26px 13px 0; background: url('/i/hint-t.png') no-repeat left top; //background: none; }
.framed .f_r { left: 26px; background: url('/i/hint-r.png') no-repeat right top; //background: none; }
.framed .f_b { top: 26px; background: url('/i/hint-b.png') no-repeat right bottom; //background: none; }
.framed .f_c { float: none; position: relative; left: 26px; top: -13px; padding: 1px 0; margin: 0 26px 0 0; background: white; }
.framed .f_l { left: -26px; padding: 13px 0; background: url('/i/hint-l.png') no-repeat left bottom; //background: none; }
* html .framed .f_r, * html .framed .f_b, * html .framed .f_l { height: 0; }
* html .framed .f_tt, * html .framed .f_rr, * html .framed .f_bb, * html .framed .f_bb *, * html .framed .f_ll, * html .framed .f_ll * { display: block; position: absolute; left: 0; top: 0; }
* html .framed .f_tt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/hint-t.png,sizingMethod=crop); }
* html .framed .f_rr { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/hint-r.png,sizingMethod=crop); }
* html .framed .f_tt, * html .framed .f_bb { width: expression( parentNode.offsetWidth ); height: 30px; }
* html .framed .f_rr, * html .framed .f_ll { width: 26px; height: expression( parentNode.offsetHeight ); }
* html .framed .f_bb, * html .framed .f_ll { overflow: hidden; }
* html .framed .f_bb * { width: 3000px; height: 26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/hint-b.png,sizingMethod=crop); }
* html .framed .f_ll * { width: 26px; height: 3000px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/hint-l.png,sizingMethod=crop); }
* html .framed .f_rr, * html .framed .f_bb * { right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll, * html .framed .f_ll *, * html .framed .f_bb, * html .framed .f_bb * { bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }

.code { position: relative; margin-bottom: 1em; height: 1.2em; }
.code .framed { position: absolute; left: -26px; top: -27px; display: none; }
.code textarea { display: none; }
.code .framed textarea { display: block; margin-top: 0.5em; width: 30em; }

.text_banner { margin-bottom: 1.5em; }
.text_banner p { margin-bottom: 0; }
.text_banner .code { font-size: 75%; }
strong.big { font-size: 150% !important; font-weight: normal; }

.small { font-size: 75%; }
#for_generate_link { width: 30em; margin-right: 0.5em; }

.half { width: 49.5%; margin-top: 1em; float: left; text-align: center; }

.wide { width: 100%; float: left; }
.compare { margin-top: 2em; clear: left; }
.compare div.name { width: 36.5%; //width: 37%; margin-right: 0.5%; float: left; font-size: 130%; position: relative; overflow: hidden; line-height: 90%; padding-bottom: 1em; }
.compare div.name span { position: absolute; margin-left: 0.2em; margin-top: 0.5em; //margin-top: 0.7em; width: 3000px; border-top: 1px solid #6bc561; }
.compare div.name big { line-height: 110%; position: relative; top: -0.2em; }
.compare .value { float: left; width: 31%; font-size: 85%; line-height: 150%; }
.compare .value div { margin-right: 10%; }
.wide .comment { margin: 3em 0; font-size: 75%; line-height: 160%; width: 65%; }
.wide table { margin-bottom: 4em; }
.wide th { font-weight: normal; font-size: 110%; text-align: left; border-bottom: 1px solid #dedddd; padding-bottom: 0.2em; }
.wide th.bronze { color: #926f12; }
.wide th.silver { color: #7e9da6; }
.wide th.gold { color: #c49902; }
.wide td { font-size: 75%; padding: 1.5em 20px 0 0; line-height: 150%; }
.wide td.name { font-size: 90%; line-height: 130%; padding: 1.2em 50px 0 0; }
.wide tr.price td.name { font-size: 160%; padding-top: 0.4em; }
.wide td strong { font-size: 150%; font-weight: normal; }
.wide th, .wide td { //padding-left: 5px; }