html,body{
margin: 0;
padding:0;
font: 100%/1.4em Tahoma,Arial,'Arial Narrow', sans-serif;
color: #000;
background: url(../images/bg/main_bg.jpg) repeat-x ;
height:100%;

}

#div_rm_main{
height:100%;min-height:100%; width:100%;text-align:left;position:absolute;z-index:99;}


a{color: #d40000; text-decoration:underline ;}
a:hover{text-decoration:none ; color: #ff4848;}
a img,img{border: none;}

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
/*border: 0;
font-weight: inherit;
font-style: inherit;
*/font-size: 100%;
font-family: inherit;
list-style-type: none;
}
h1{
color: #000;
background: url(../images/icons/headers_text.gif) no-repeat;
padding-left: 26px;
font: 22px Tahoma,sans-serif;
margin-bottom: 20px;

}
ul.list{ margin-bottom: 16px; }
ul.list li{ margin-left: 24px; padding-left: 12px; background: url(../images/bullet.gif) no-repeat 0 0.55em; line-height: 1.4em; }
* h1{height: 17px;line-height: 17px;voice-family: "\"}\""; voice-family: inherit; height: auto; line-height: 17px;}
h1{font: 22px Tahoma,sans-serif;line-height: 17px;}
h3{font: 18px Tahoma,sans-serif;padding-bottom: 5px;color: #000;}
p{padding-bottom: 15px;}
#bg_content{margin: 0 auto 0 auto; background: transparent url(../images/bg/content_bg.gif) no-repeat 50% 0;  text-align: center;  }

/**+HTML #bg_content{height: expression((this.parentNode.offsetWidth) - 419 + 'px');}*/
#header{height: 324px; background: url(../images/bg/main_bg.jpg) repeat-x;}
#content{width:980px;height:auto;margin: 0 auto 0 auto;text-align: left; background: #b7b6a7; min-height: 650px;}
*+HTML #content{height: inherit;} 
*HTML #content{
height:expression(this.scrollHeight < 650? "650px" : "auto" );
}
#footer{height: ; text-align: center; width: 980px; margin: 0 auto;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
 /*  mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */

#header .header{padding-top: 36px; font: 11px Tahoma,sans-serif;background: url(../images/bg/htop_rep.gif) repeat-x 0 0;}
.lang{color: #d40000;padding-left: 12px;padding-bottom: 8px;}
.lang img{vertical-align: top;margin:0 8px 0 21px;}
.conts{background: #b7b6a7; position: absolute; width: 980px; top: 58px;}
.conts .tl{background: url(../images/corners/htl.gif) no-repeat;}
.conts .tl .tr{background: url(../images/corners/htr.gif) no-repeat 100% 0; height: 270px; overflow: hidden; padding: 0 20px;}


.menu_top{color: #930000;font:bold 12px Tahoma,sans-serif;padding: 7px 0 6px 12px;text-transform: uppercase;}
.menu_top a,.menu_top span{color: #393934;text-decoration: none; font-weight: normal;}
.menu_top a:hover{text-decoration: underline;color: #393934}
.login{float: right;font: 12px Tahoma,sans-serif;text-transform: uppercase;padding: 7px 12px 6px 0;}
.login a,.menu a{text-decoration: none; display: block; position: relative; z-index: 10;}
.login a:hover,.menu a:hover {color: #ff4848;}

.logo{background:url(../images/bg/header_bg.jpg) no-repeat 50% 0;height: 240px;}
.logo img{margin: 66px  0 0 54px;}
#text{font: 12px Tahoma,sans-serif;padding:19px 20px 9px 20px;}
.menu div{float: left;width:220px;margin-right: 20px;height: 269px;background:  url(../images/corners/menu.gif) no-repeat;text-align: center; overflow: hidden;font-size:11px;}
.menu div.none{margin-right: 0;}
.menu h3{font: 21px Tahoma,sans-serif; color: #fff;}
.menu h3 img{margin-right: 11px;vertical-align: middle;}
.menu h3 span{display: block;padding-top: 7px;padding-bottom: 21px;}
.menu p{width: 190px;margin: 0 auto;padding-top: 15px;color: #d40000; line-height: 14px;}
.menu div a.about,.menu div a.how,.menu div a.comp,.menu div a.ref{
display: block;
}

.menu div a.about{background: url(../images/icons/icons_1.gif) no-repeat 50% 0;}
.menu div a.about:hover{background: url(../images/icons/icons_1a.gif) no-repeat 50% 0;}
.menu div a.how{background: url(../images/icons/icons_2.gif) no-repeat 50% 0;}
.menu div a.how:hover{background: url(../images/icons/icons_2a.gif) no-repeat 50% 0;}
.menu div a.comp{background: url(../images/icons/icons_3.gif) no-repeat 50% 0;}
.menu div a.comp:hover{background: url(../images/icons/icons_3a.gif) no-repeat 50% 0;}
.menu div a.ref{background: url(../images/icons/icons_4.gif) no-repeat 50% 0;}
.menu div a.ref:hover{background: url(../images/icons/icons_4a.gif) no-repeat 50% 0;}



.menu span{display: block;}
.menu span.about{background: url(../images/icons/icons_1.gif) no-repeat 50% 0;}
.menu span.how{background: url(../images/icons/icons_2.gif) no-repeat 50% 0;}
.menu span.comp{background: url(../images/icons/icons_3.gif) no-repeat 50% 0;}
.menu span.ref{background: url(../images/icons/icons_4.gif) no-repeat 50% 0;}

a.powered{
position:absolute;margin-left:740px;padding:0;margin-top:-15px;font:11px tahoma,sans-serif;color:#3c3c3c;
}
.info{
color: #3c3c3c;
}
.left {position:relative;width:410px; height: 198px; overflow: hidden; float:left;display:inline; background: url(../images/corners/quot.gif) no-repeat;}
.right {position:relative;width:248px; height: 198px;float:right; overflow: hidden; }
.centrecontent {height: auto;margin:0 268px 0 428px; height: 198px; background: url(../images/corners/present.gif) no-repeat;}
*HTML .centrecontent{margin:0 260px 0 425px;}
.centrecontent div.bgs{text-align: center;width: 100%;background: url(../images/icons/presentation.gif) no-repeat 50% 23px;}
*HTML .centrecontent div.bgs{text-align: center;width: 100%;background: url(../images/icons/presentation.gif) no-repeat 50% 22px;}
*+HTML .centrecontent div.bgs{text-align: center;width: 100%;background: url(../images/icons/presentation.gif) no-repeat 50% 22px;}
.centrecontent a.pres{display:block;background: url(../images/icons/presentation.gif) no-repeat 50% 0;}
.centrecontent a.pres:hover{background: url(../images/icons/presentation_a.gif) no-repeat 50% 0;}

.left div.bgs{height: 100%;}
.left div.bgs div{ background-position: 25px 23px;background-image: url(../images/icons/quote.jpg); background-repeat: no-repeat;}
*HTML .left div.bgs div{ background-position: 25px 3px; background-repeat: no-repeat;}
*+HTML .left div.bgs div{ background-position: 25px 3px; background-repeat: no-repeat;}

.contacts{
background: url(../images/corners/present.gif) no-repeat;
height: 198px;
overflow: hidden;
margin-bottom: 17px;
}
.downloads,.downloads_d{
background: url(../images/corners/download.gif) no-repeat;
height: 64px;
overflow: hidden;
}


.downloads a{display: block;background: url(../images/icons/download.gif) no-repeat;}
.downloads a:hover{background: url(../images/icons/download_a.gif) no-repeat;}
.downloads_d a{display: block;background: url(../images/icons/download_d.gif) no-repeat;}
.downloads_d a:hover{background: url(../images/icons/download_a_d.gif) no-repeat;}

.left div.bgs,.centrecontent div.bgs,.downloads div.bgs,.downloads_d div.bgs,.contacts div.bgs{
height: 100%;
display: table;
}
*HTML .left div.bgs,*HTML .centrecontent div.bgs,*HTML .downloads div.bgs,*HTML .downloads_d div.bgs,*HTML .contacts div.bgs{display:  block;}
*+HTML .left div.bgs,*+HTML .centrecontent div.bgs,*+HTML .downloads div.bgs,*+HTML .downloads_d div.bgs,*+HTML .contacts div.bgs{display:  block;}

.left div.bgs div,.centrecontent div.bgs div,.downloads div.bgs div,.downloads_d div.bgs div,.contacts div.bgs div{
height: 100%;
display: table-cell;
vertical-align: middle;
padding-left: 20px;
padding-right: 20px;
}
.left div.bgs div{
padding-left: 116px;
padding-right: 38px;
}

*HTML .left div.bgs div,*HTML .centrecontent div.bgs div,*HTML .downloads div.bgs div,*HTML .downloads_d div.bgs div,*HTML .contacts div.bgs div{ height: auto; display: block; margin-top: expression(((parentNode.offsetHeight/2)-parseInt(offsetHeight)/2)  <0 ? "0" : (parentNode.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px') ;}
*+HTML .left div.bgs div,*+HTML .centrecontent div.bgs div,*+HTML .downloads div.bgs div,*+HTML .downloads_d div.bgs div,*+HTML .contacts div.bgs div{ height: auto;display: block; margin-top: expression(((parentNode.offsetHeight/2)-parseInt(offsetHeight)/2)  <0 ? "0" : (parentNode.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px') ;}
.left div.bgs h3{
padding-bottom: 14px;
}
.contacts div.bgs p{
padding-bottom: 0;
line-height: 23px;
}

#footer{
font: 10px Tahoma,sans-serif;
color: #fff;
}
#footer a{
color: #fff;
}
#footer .f_rep{
width: ;
margin: 0 auto;
background: url(../images/bg/footer_rep.gif) repeat-y 50% 0;
padding: 0 0;
}
#footer .top{
background: url(../images/bg/footer_top.gif) no-repeat 50% 0;
height: 9px;
overflow: hidden;
}
#footer .bott{
background: url(../images/bg/footer_bot.gif) no-repeat 50% 100%;
height: 31px;
overflow: hidden;
}
.text_field p,.text_field h2,.text_field h3,.text_field h4{padding-bottom: 15px;padding-left: 21px; padding-right: 20px; font: 12px Tahoma,sans-serif;line-height: 14px;}
.text_field p.vew{
position: relative;
margin-top:-10px;
z-index: 2;
}
.text_field h2,.text_field h3,.text_field h4{
font-weight: bold;
padding-bottom: 4px;
}
.text_field h2.big{
color: #000;
font: 22px Tahoma,sans-serif;
padding-bottom: 8px;
padding-left: 0;
}
.text_field div.pad  h2.big{ padding-left: 21px; }
.text_field .tl{background:#dfded3 url(../images/corners/mtl.gif) no-repeat 0 0;}
.text_field .tr{background: url(../images/corners/mtr.gif) no-repeat 100% 0; height: 10px;}
.text_field .repeat{ background:#dfded3;  color: #4c4c4c; border-bottom: 1px solid #dfded3; }
*html .text_field .repeat{
height: 267px;
}
.text_field .brep{background:#dfded3 url(../images/corners/mb_rep.gif) repeat-x 0 100%; position: relative;}
.text_field .bl{background: url(../images/corners/mbl.gif) no-repeat 0 100%; margin-bottom: 3px;}
.text_field .br{background:url(../images/corners/mbr.gif) no-repeat 100% 100%; height: 18px; overflow: hidden;}

.text_field .pad{padding: 10px 20px 0 20px;}
.text_field .abtl{background:#ebeae0 url(../images/corners/ht_tl.gif) no-repeat; margin-bottom: 15px;}
.text_field .abtl .abtr{background: url(../images/corners/ht_tr.gif) no-repeat 100% 0;}
.text_field .abtl .abtr .abbl{background: url(../images/corners/ht_bl.gif) no-repeat 0 100%;}
.text_field .abtl .abtr .abbl .abbr{background: url(../images/corners/ht_br.gif) no-repeat 100% 100%; padding-top: 15px;}


.item_tl{background: url(../images/corners/item_tl.gif) no-repeat; position: relative;  }
.item_tr{background: url(../images/corners/item_tr.gif) no-repeat 100% 0; height: 10px; overflow: hidden;}
.item_bl{background: url(../images/corners/item_bl.gif) no-repeat; position: relative; }
.item_br{background: url(../images/corners/item_br.gif) no-repeat 100% 0; height: 10px; overflow: hidden;}

table.data{
margin-top: 20px!important;
}
td.bord{border-left:1px solid #f0f0eb;border-right:1px solid #f0f0eb;background: url(../images/bg/item.jpg) no-repeat 50% 50%; padding-top: 6px; vertical-align: top;}
td.bord div{ min-height: 134px; font: 12px Tahoma,sans-serif; color: #4c4c4c;}
td.bord div p{
width:163px;
padding-bottom: 10px;
padding-right: 0;
padding-left: 0;
margin-left: 20px;
}
*html td.bord div p{width: 70%;voice-family: "\"}\""; voice-family: inherit;width:163px;}
td.bord div{ min-height: 134px; font: 12px Tahoma,sans-serif; color: #4c4c4c;}

*html td.bord div{height:134px;}
td.bott_rep{background:#e3e2d8 url(../images/item/bott_rep.gif) repeat-x 0 100%;}
td.top_rep{background:#eaeae2 url(../images/item/bott_rep.gif) repeat-x;}

th.hed{vertical-align: bottom;text-align: center;font: normal 20px 'Arial Narrow',sans-serif;color: #fff; padding-bottom: 14px;}
div.hed_l{background: url(../images/item/grey_l.gif) no-repeat; padding-left: 10px;}
div.hed_r{background: url(../images/item/grey_r.gif) no-repeat 100% 0; padding-right: 10px;}
div.hed_rep{background: url(../images/item/grey_rep.gif) repeat-x; height: 37px; overflow: hidden; line-height: 28px;}
div.hed_rep span{display: block;background: url(../images/item/grey_arr.gif) no-repeat 50% 100%;padding-bottom: 8px;}
.w35{width: 35px; display: block;}
.h20{height: 20px;display: block;}
th.headd{vertical-align: middle;text-align: center;background-repeat: repeat-y;background-position: 50% 0;}
th.arr{ vertical-align: middle;}
th.arr div{width: 20px;background-repeat: no-repeat;background-position:0 50%;}

th.head_top,th.head_bott{background-repeat: no-repeat;}
th.head_top{background-position: 50% 0;}
th.head_bott{background-position: 50% 0;}
th.head_top div,th.head_bott div{height: 10px; width: 30px; overflow: hidden;}

tr.red th.headd{background-image: url(../images/item/red_rep.gif);}
tr.green th.headd{background-image: url(../images/item/green_rep.gif);}
tr.violett th.headd{background-image: url(../images/item/violett_rep.gif);}
tr.gold th.headd{background-image: url(../images/item/gold_rep.gif);}

tr.red th.arr div{background-image: url(../images/item/red_arr.gif);}
tr.green th.arr div{background-image: url(../images/item/green_arr.gif);}
tr.violett th.arr div{background-image: url(../images/item/violett_arr.gif);}
tr.gold th.arr div{background-image: url(../images/item/gold_arr.gif);}

tr.red th.head_top{background-image: url(../images/item/red_top.gif);}
tr.green th.head_top{background-image: url(../images/item/green_top.gif);}
tr.violett th.head_top{background-image: url(../images/item/violett_top.gif);}
tr.gold th.head_top{background-image: url(../images/item/gold_top.gif);}

tr.red th.head_bott{background-image: url(../images/item/red_bot.gif);}
tr.green th.head_bott{background-image: url(../images/item/green_bot.gif);}
tr.violett th.head_bott{background-image: url(../images/item/violett_bot.gif);}
tr.gold th.head_bott{background-image: url(../images/item/gold_bot.gif);}

div.big_img{float: left;}
.reff{
padding-bottom: 60px;
background: url(../images/bg/separ.gif) repeat-x 0 95%;
position: relative;
}
.float{
float: left;
}
.bord{
background: #fff;
padding: 2px;
border: 1px solid #b7b6a7;
margin-bottom: 15px;
clear: both;
}
div.description{
margin-left: 450px;
}
div.description table{
width:445px;
margin-bottom: 20px;
}

div.description table th,div.description table td{
border-bottom: 3px solid #dfded3;
color: #4c4c4c;
vertical-align: top;
font: 12px Tahoma,sans-serif;
padding: 2px 5px 5px 23px;
}
div.description table th{
font: bold 11px Tahoma,sans-serif;
background: #d2d2cd;
padding: 2px 5px 20px 5px;
}
div.description table td p{
padding-left: 0;
padding-right: 0;
font-size:12px;
}
div.view{
background: url(../images/bg/separ.gif) repeat-x;
padding-top: 21px;
}
div.view span.online,div.view span.demo{
float: left;
display: block;
margin-right: 20px;
color: #fff;
text-align: center;
}
div.view span.online span,div.view span.demo span{
display:block;
padding: 0 5px;
}
div.view a{
display: block;
color: #fff;
background-repeat:repeat-x;
padding: 6px 3px 4px 3px;
font: 11px Tahoma,sans-serif;
text-decoration: none;
line-height: 10px;
}
div.view a:hover{ color: #fff; }
div.view span.online{background: url(../images/corners/link_l.gif) no-repeat;}
div.view span.demo{background: url(../images/corners/link1_l.gif) no-repeat;}
div.view span.online span{background: url(../images/corners/link_r.gif) no-repeat 100% 0;}
div.view span.demo span{background: url(../images/corners/link1_r.gif) no-repeat 100% 0;}
div.view span.online a{background-image: url(../images/corners/link_rep.gif);}
div.view span.demo a{background-image: url(../images/corners/link1_rep.gif);}


div.contact_list{margin-left: 462px;}
div.contact_list p,div.contact_list h3{padding-right: 0;}
div.contact_list h3 {
padding-top: 30px;
padding-bottom: 6px;
}
div.contact_list div{float: left;width: 210px;}


.fl_top{
background:#fff;position:absolute;top:0; z-index:100; height: 100%;width:100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;
}

.flash{
position:absolute;top:0;top:230px; z-index:102; height:400px;width:100%;
}


.form{ background:#f1f0e4;float:right;width:430px;color:#000;margin-left:10px;padding-bottom:6px; border:1px solid #b7b6a7;margin-bottom:10px; }
.form  h3{ border-bottom:1px solid #cecece;padding-bottom:6px;padding-top:5px; padding-left: 26px; background:#a9a89a;margin-bottom:10px; color: #fff; font:bold `12px Arial,sans-serif; }
.form div{ border-top:1px solid #f1f1f1;padding:0;height:22px;background:#fff; margin-bottom: 4px;border-bottom:1px solid #f1f1f1;margin: 0 20px; }

.form p{ float:right;padding-right: 0; padding-top:1px;padding-left: 0; padding-bottom: 0;  }
.form p.lll{ float:left;width:90px; padding-left: 8px; line-height:18px;  }


form{margin: 0;padding: 0;}
input, textarea{font: 11px Tahoma,sans-serif;color: #000; padding: 0 0 0 0; margin: 0 0 0 0;}
 select{font: 11px Tahoma,sans-serif;color: #000;margin: 0; background: #fff;}
*HTML input, *HTML select, *HTML textarea{margin-top: -1px;margin-bottom: -1px;}
*+HTML input, *+HTML select, *+HTML textarea{margin-top: -1px;margin-bottom: -1px;}
html:root select{margin-top: -1px;margin-bottom: -1px; height: 18px;}
* HTML input, * HTML select, * HTML textarea{margin: 0;}
input.text,input.textt_small{border: 1px solid #b7b6a7;height: 18px;background: #fff;padding-left: 5px; width: 240px; vertical-align: middle;}
*HTML input.text{height: 20px;width:250px;voice-family: "\"}\""; voice-family: inherit;height: 18px;width: 240px;}

input.text_small{width: 80px; text-align: center; padding: 0;}
input.button{font:bold 11px Tahoma,sans-serif;border: 0;background: url(../images/bg/htop_rep.gif) repeat-x 0 100%;text-align: center;color: #fff;height: 20px;  vertical-align: middle; padding: 0 7px 0 10px; margin-top: 1px;  }

.search input.button{margin-left: 10px;}
html:root input.button{padding: 1px 4px 2px 7px;}
*+HTML input.button{padding: 0 4px 0 7px;}
*HTML input.button{padding: 0 4px 0 7px;}
*+HTML .quest  input.button{padding: 0 0 0 0;}
*HTML .quest  input.button{padding: 0 0 0 0;}


.pricesTable {width:100%;border-left:1px solid black;border-bottom:1px solid black}
.pricesTable th {background-color:gray;color:white;font-size:15px;font-weight:bold;padding:10px;text-align:center;border-right:1px solid black;border-top:1px solid black}
.pricesTable td {background-color:white;font-size:12px;padding:10px;border-right:1px solid black;border-top:1px solid black}