/* utpchel.ru - stylesheet  */
/* v 1.0                    */
/* scalable site-form       */

/* main: html, body, etc */

html, body {
    padding: 0; margin: 0;
    font-family: Tahoma, Arial; font-size: 12px;
    min-height:100%; height: 100%;
}
body { background: #e5e6e8; color: #000;}

html * { position: relative; }
td, tr, th, tbody, thead { position: static; }
div, form, table, td, ol, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
div { position: relative; display: block;}

a img { border: 0;  }
a {  text-decoration: underline; border: 0; color: #325a88; }
a:hover { text-decoration: none; }

li { margin-left: 10px; }

.justified { text-align: justify; }

.right_link { text-align: right; margin-top: 5px; font-size: 11px;}
.right_link a { color: #cc2229; text-decoration: none; }
.right_link a:hover { color: #cc2229; text-decoration: underline; }
.main_wrap {
    min-width: 1000px;
    width: expression((document.documentElement.clientWidth<1000)?'1000px':'100%');
    height: 100%; min-height: 100%;
}
html>body .main_wrap {
    height: auto;
    width: auto;
}

.c__table { border-collapse: collapse; display: table; width: 100%;}
.c__table .c__td { width: 100%; vertical-align: top; position: relative; display: block; }
.break { clear:both; font-size: 1px; height: 0px; max-height: 0px; position: relative; visibility: visible; display: block; }

/* header */
.header_line_bg { 
    position: absolute; left: 0px; top: 0px; width: 100%; height: 120px; z-index: 5;
    background: #c0c1c5;
}
.header_line { 
    height: 120px; z-index: 25;
    margin-right: 400px;
}

.languages { position: absolute; z-index: 50; left: 25px; top: 15px; width: 150px; height: 16px; font-size: 10px; display: none; }
.languages a { display: block; width: 45px; text-align: center; border: 1px solid #fff; background: #bb2921; color: #fff; text-decoration: none; margin-right: 5px; float: left; }
.languages a.active { border: 1px solid #000; background: #fff; color: #000; }

/* menu */
.menu_line {
    padding: 0; margin: 0; list-style: none;
    float: left; margin-top: 60px; padding: 0px 15px; z-index: 50;
    font-size: 12px; font-family: Tahoma, Arial; font-weight: bold;
    text-transform: uppercase; overflow: hidden;
}
.menu_line li {
    padding: 0; margin: 0; list-style: none;
    display: block; float: left; padding: 0px 10px; margin: 10px 0px;
    color: #000;
    border-right: 2px solid #fff;    
}

.menu_line .last { border-right: 0px; }

.menu_line a {
    text-decoration: none;
    color: #000;
}
.menu_line a:hover { text-decoration: underline; }
.menu_line .active a { color: #cc2229; }

.menu_line .line {
    margin-left: 5px;
    //float: left;
    max-height: 2px; height: 2px; background: #cc2229 url(/i/red_line_end.png) right top repeat-y;
    width: expression((this.parentNode.clientWidth-45)+'px');
}
html>body .menu_line .line { margin-left: 10px; }

.page_image { position: absolute; right: 0px; top: 0px; width: 615px; height: 315px; z-index: 20; }
.page_image div { width: 615px; height: 315px; }
.page_image div img { display: none; }
html>body .page_image div img { display: block; width: 615px; height: 315px; }

/* right_block */
.right_block_bg {
    position: absolute; width: 420px; height: 320px; right: 0px; top: 0px; z-index: 10;
    background: #c0c1c5;
}
.right_block { position: absolute; width: 420px; height: 320px; right: 0px; top: 0px; z-index: 30; }
.right_block .logo {
    position: absolute; left: 15px; top: 46px; width: 69px; height: 51px;
}
.right_block .date {
    position: absolute; left: 0px; bottom: 0px;
    border-left: 15px solid #bb2921; background: #000;
    color: #fff; padding: 3px 15px; font-size: 10px; white-space: nowrap;
}
.right_block .date span { text-transform: uppercase; }

.right_content { width: 400px; float: right; padding-top: 210px; }
.right_content h2 { margin-left: -60px;  padding-left: 60px; width: 390px; }
/*html>body .right_content h2 { padding-left: 50px; }*/
/* center */
.center_bg {
    position: absolute; left: 0px; right: 420px; top: 120px; bottom: 0px; z-index: 10;
    width: expression((this.offsetParent.offsetWidth-420)+'px');
    height: expression((this.offsetParent.offsetHeight-120)+'px');
    background: #d5d6d9;
}
html>body .center_bg { width: auto; height: auto; }
.center_bg_2 {
    position: absolute; left: 0px; right: 420px; top: 120px; height: 200px; z-index: 25;
    width: expression((this.offsetParent.offsetWidth-420)+'px');
    background: #d5d6d9;
    opacity: .8;
    filter:alpha(opacity=80);

}
html>body .center_bg_2 { width: auto; }

.h1_outer { margin-bottom: 20px; background: #e5e6e8 url(/i/h1_bg.png) right top repeat-y; margin-right: 1px;}
html>body .h1_outer { margin-right: 0px; }
h1 { 
    font-size: 13px; font-family: Tahoma, Arial; font-weight: bold; color: #8a8fa1;
    text-transform: uppercase;
    padding: 5px 75px 5px 15px;
}
.h1_outer .line {
    max-height: 2px; height: 2px; background: #cc2229 url(/i/red_line_end_soft.png) right top repeat-y;
    font-size: 1px;
    clear: both; top: 2px; margin-top: -2px;
}

h2, h3 { background: #c0c1c5; color: white; font-weight: bold; font-size: 12px; padding: 5px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 5px;}
.center_block { margin-right: 420px; z-index: 30;}

.center_block .menu { margin: 0; padding: 0; list-style: none; float: left; width: 145px; clear: left; z-index: 40; position: relative; }
.center_block .menu_w_m { margin-bottom: 40px; z-index: 60;}
*html .center_block .menu li { height: 1%; margin-bottom: 0;}
.center_block .menu li {
    list-style: none; padding: 0; margin: 0;
}
.center_block .menu a {
    display: block; padding: 5px 10px;
    border-top: 1px solid #fff; color: #000;
    background: #c0c1c5; text-decoration: none; text-transform: lowercase;
}
.center_block .menu a:hover { text-decoration: none; background: #8a8fa1; color: #fff; }
.center_block .menu a.active  { background: #8a8fa1; color: #fff; }
.center_block .menu .first { }
.center_block .menu .last {  border-bottom: 1px solid #fff; }

.center_block .submenu { position: absolute; left: 135px; width: 145px; top: 0px; display: none; }
.center_block .submenu a { width: 125px; z-index: 100; }
.center_block .hover .submenu { display: block; position: absolute; left: 135px; width: 145px; top: 0px; }

.center_block .promo { margin-bottom: 40px; float: left; clear: left; width: 145px; }
.center_block .promo .text_block { padding: 0px 10px; font-size: 11px; }

.center_block .center_content { margin-left: 165px; height: 1%; line-height: 1.3em; z-index: 30;}

.center_block .center_content .inside_block { padding-right: 20px; }

.hr {
    margin: 5px 0px;
    height: 1px; background: #cc2229 url(/i/red_line_end_soft.png) right top repeat-y;
    font-size: 1px;
}

.bsmenu {
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    margin: 12px 0;
    padding: 0;
}

.bsmenu li {
    float: left;
    margin-right: 24px;
    padding: 0px;
}
.bsmenu li.active a  {
    color: #CC2229;
}
/* pages */
.pages { font-size: 11px; }
.pages span { margin: 0px 2px; color: #cc2229; }
.pages a span { color: #000; }
.pages a { text-decoration: none; color: #000; }
.pages a:hover { text-decoration: underline; }

/* section */
.section { margin-bottom: 10px; }
.section .title { font-weight: bold; margin-bottom: 5px; }
.section .title .date { color: #cc2229; margin-right: 40px; }


/* form */
.feedback { }
.feedback .error { color: red; }
.feedback p { margin-bottom: 10px; }
.feedback label { display: block; }
.feedback input, .feedback textarea { border: 1px solid #8a8fa1; width: 380px; padding: 0px 2px; }
.feedback input.radio { width: auto; margin-right: 20px; border: 0; }
.feedback select { border: 1px solid #8a8fa1; }
.feedback textarea { height: 120px; }
.feedback .submit input { width: auto; font-weight: bold; }
.p-list td {
    padding-bottom: 5px; }
}


/* price */
.price { clear: both; }
.price table { width: 100%; border-collapse: collapse; table-layout: fixed; border-bottom: 1px solid #d5d6d9;  }
.price table td { padding: 2px 5px; border: 1px solid #d5d6d9; }
.price table .h td { font-weight: bold; background: #d5d6d9; text-align: center; border: 1px solid #e5e6e8; }

.price table .h td.last { border-right: 1px solid #d5d6d9; }
.price table .h td.first { border-left: 1px solid #d5d6d9; }

.fixed_header table .h { display: none; }
.fixed_header { height: 10px; overflow: auto; overflow-y: auto; overflow-x: hidden; margin-bottom: -20px; }
html>body .fixed_header { margin-bottom: 0px; }
.price table td.first  { width: 43%; }
.auto-width table td.first { width: auto; }
.price table td.numeric { text-align: center; }
.price table .even td { }
/*.price table tr { behavior: expression( !this.flag ? this.flag = (this.onmouseover=setHover, this.onmouseout=unsetHover, true) : '' ); }
html>body .price table tr { behavior: none; }*/
/*.price table tr:hover td { background: #fff; }*/
.price table tr.hover td { background: #fff; }
.price table td { height: 36px; vertical-align: top; }
.price table .h td { height: auto; vertical-align: middle; }
.fixed_header table .hidden { display: none; }

.table_selectors dt { float: left; padding: 3px 0px; padding-top: 3px; }
.table_selectors dt.width { width: 95px;  }
.table_selectors dt.br { clear: left; }
.table_selectors dd { margin: 0; padding: 0; padding-bottom: 3px; margin-left: 10px; float: left; margin-right: 20px; }

.table_selectors dd input { border: 1px solid #8a8fa1; padding: 0px 2px; }
.table_selectors dd select { border: 1px solid #8a8fa1;  }

.fixed_header { padding-left: 1px;  left: -1px; }



/* partners */
.partner { margin-bottom: 5px; }

.partner .name { background: url(/i/plus.gif) left 2px no-repeat; padding-left: 15px; cursor: pointer;  }
.partner .cnt { display: none; padding-left: 15px; }

.partner_on .name { background: url(/i/minus.gif) left 2px no-repeat; font-weight: bold; }
.partner_on .cnt { display: block; padding-left: 15px; padding-top: 5px; }

/* informers */
.informer { padding-bottom: 10px; border-bottom: 1px solid #c0c1c5; margin-bottom: 10px; }

.weather_tab { border-collapse: collapse; margin: 0px 20px; text-align: left;}
.weather_tab td { width: 80px; text-align: center; padding: 1px 5px; }
.weather_tab .weather_capt { text-align: center; }

.weather_tab .weather_capt, .weather_tab .weather_day { font-weight: bold; }
.weather_tab .weather_day {  padding-right: 30px; text-align: left; }

.currency_tab { border-collapse: collapse; margin: 0px 20px; text-align: left; margin-bottom: 20px;  }
.currency_tab td { width: 80px; text-align: center; padding: 1px 5px; }
.currency_tab .money_country { font-weight: bold; }
.currency_tab .rate0 { width: 120px; }

.time_tab {  }
.time_tab td { padding: 5px 20px; font-weight: bold; }
.time_tab div { font-weight: normal; font-size: 18px; }
.time_tab div span { font-weight: normal; }
.time_tab div.an span { visibility: hidden; font-weight: normal; }

/* pipe calculator */
.pipe_calc {}
.pipe_calc .info { text-align: right; font-size: 10px; font-style: italic; height: 12px; }
.pipe_calc dt { float: left; clear: left; width: 150px; padding: 3px 0px; padding-top: 3px; }
.pipe_calc dd { margin: 0; padding: 0; padding-bottom: 3px; margin-left: 150px; }

.pipe_calc dd input { border: 1px solid #8a8fa1; padding: 0px 2px; }
.pipe_calc dd select { border: 1px solid #8a8fa1; width: 200px; }
/*html>body .pipe_calc dd select { width: auto; }*/

.pipe_calc dd.submit { }
.pipe_calc dd.submit button { margin: 0px; border: 1px solid #8a8fa1; }

/* footer */
.footer_null {  clear: both; height: 70px; }

.footer {
    position: absolute; left: 0px; z-index: 40; right: 420px; bottom: 0px;
    width: expression((this.offsetParent.offsetWidth-420)+'px');
    top: expression((this.offsetParent.offsetHeight-this.offsetHeight)+'px');
    border-top: 1px solid #c0c1c5;
    padding: 10px 0px;
    font-size: 11px;
}
hrml>body .footer { top: auto; width: auto; }
.footer .left { margin: 10px; margin-bottom: 0px; float: left; width: 150px;}
.footer .banners { margin-right: 20px;}
.footer .banners .banner { margin: 5px 2px; float: right; }

.flex {
    position: absolute; bottom: 10px; right: 20px; width: 200px; z-index: 50;
    top: expression((this.offsetParent.offsetHeight-this.offsetHeight-20)+'px');
}
.flex span { float: left; }
html>body .flex { top: auto; }
.flex a {
    display: block; padding-left: 10px; padding-top: 27px;
    font-size: 10px; color: #838485; text-decoration: none; 
    font-weight: bold; 
}
.flex a:hover { color: #cc2229; }


#errorString {
  margin:5px;
  font-weight:bold;
  color:red;
}