html, body {height: 100%; padding: 0; margin: 0; font: 11px Arial, Helvetica, sans-serif; color: #1f1916;}
body {background: #859fad}

h1, h2, h3, h4, h5, h6, p, ul, form, input, select, textarea {padding: 0; margin: 0; list-style: none;}
h1 {}
h2 {}

input, textarea {border: 1px solid #87a1af; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 1px;}
input {height: 18px;}

.btnOK {display: block; padding: 0; border: none; height: 22px; width: 40px; text-align: center; line-height: 22px; text-decoration: none;
        background: url(../images/btnOK_bg.gif) repeat-x 0 0; font-weight: bold; color: #fff; cursor: pointer;}
.btnOK:hover {background: url(../images/btnOK_bg_hover.gif) repeat-x 0 0; color: #fff}
.btnOK:active {background: url(../images/btnOK_bg_active.gif) repeat-x 0 0; color: #fff}

a {text-decoration: underline; color: #5b86bc;}
a:hover {color: #f58120;}
a:active {color: #999999;}

img {border: none;}
hr {height: 1px; font-size: 0;}
.hr {height: 1px; font-size: 0; border-top: 1px dashed #7e7c7e}

/* --------------------------------------------------- */

.main_outer {position: relative; min-height: 100%; margin: auto;background: #d9dfe3}

#menu {position: relative; height: 36px; background: url(../images/menu_bg.gif) repeat-x 0 0}
#menu ul {height: 34px;}
#menu ul li {float: right; height: 34px;}
#menu ul li a {display: block; float: left; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; height: 34px; line-height: 34px; background: url(../images/menu_item_bg.gif) repeat-x 0 top; padding: 0 15px}
#menu ul li a:hover {background-position: 0 bottom}
#menu ul li a:active {background-position: 0 center}
#menu ul li.separator {width: 2px; background: url(../images/menu_separator.gif) no-repeat 0 0}

#menu ul li a span {display: block; height: 34px; cursor: pointer;}
#menu ul li a span.about {width: 87px; background: transparent url(../images/menu_about_txt.gif) no-repeat center center}
#menu ul li a:hover span.about {background: transparent url(../images/menu_about_txt_hov.gif) no-repeat center center}
#menu ul li a:active span.about {background: transparent url(../images/menu_about_txt_act.gif) no-repeat center center}
#menu ul li a span.serv {width: 48px; background: transparent url(../images/menu_serv_txt.gif) no-repeat center center}
#menu ul li a:hover span.serv {background: transparent url(../images/menu_serv_txt_hov.gif) no-repeat center center}
#menu ul li a:active span.serv {background: transparent url(../images/menu_serv_txt_act.gif) no-repeat center center}
#menu ul li a span.shops {width: 131px; background: transparent url(../images/menu_tovar.gif) no-repeat center center}
#menu ul li a:hover span.shops {background: transparent url(../images/menu_tovar_hov.gif) no-repeat center center}
#menu ul li a:active span.shops {background: transparent url(../images/menu_tovar_act.gif) no-repeat center center}
#menu ul li a span.faq {width: 28px; background: transparent url(../images/menu_faq_txt.gif) no-repeat center center}
#menu ul li a:hover span.faq {background: transparent url(../images/menu_faq_txt_hov.gif) no-repeat center center}
#menu ul li a:active span.faq {background: transparent url(../images/menu_faq_txt_act.gif) no-repeat center center}
#menu ul li a span.inet {width: 131px; background: transparent url(../images/menu_inet_txt.gif) no-repeat center center}
#menu ul li a:hover span.inet {background: transparent url(../images/menu_inet_txt_hov.gif) no-repeat center center}
#menu ul li a:active span.inet {background: transparent url(../images/menu_inet_txt_act.gif) no-repeat center center}
#menu ul li a span.contact {width: 68px; background: transparent url(../images/menu_contact_txt.gif) no-repeat center center}
#menu ul li a:hover span.contact {background: transparent url(../images/menu_contact_txt_hov.gif) no-repeat center center}
#menu ul li a:active span.contact {background: transparent url(../images/menu_contact_txt_act.gif) no-repeat center center}

#menu .links {position: absolute; left: 55px; top: 12px;}
#menu .links img {margin-right: 30px;}

.menu {margin: 10px 0 0 0;}
.menu li {background: url(../images/menu_folder.gif) no-repeat 0 0; padding: 0 0 10px 25px;}
.menu li ul {margin-left: -17px;}
.menu li ul li {height: 20px; line-height: 20px; background: url(../images/menu_dot.gif) no-repeat 0 0; padding: 0 0 0 30px;}
.menu li ul li.last {background: url(../images/menu_dots.gif) no-repeat 0 0;}
.menu span {color: #5b86bc;}

.header {height: 180px; background: #f0f1f6 url(../images/header.jpg) no-repeat right top; border-bottom: 2px solid #87a1af;}
.header .content {padding: 20px 0 0 50px; color: #4b86ba; font-weight: bold;}
.header .content b {font-size: 18px; font-family: Tahoma;}

#content {position: relative; padding: 23px 15px 75px 15px; height: 1%; background: url(../images/content_bg_top.gif) repeat-x 0 0}
#content .left_col {position: relative; float: left; width: 230px;}
#content .center_col {position: relative; margin: 0 185px 0 250px;}
#content .right_column {position: relative; float: right; width: 165px; text-align: center;}

.white_box-1 {background: #fff;}
.white_box-1 .t {background: url(../images/white_box-1_t.gif) repeat-x left top;}
.white_box-1 .r {background: url(../images/white_box-1_r.gif) repeat-y right top}
.white_box-1 .b {background: url(../images/white_box-1_b.gif) repeat-x left bottom; height: 1%;}
.white_box-1 .l {background: url(../images/white_box-1_l.gif) repeat-y left top}
.white_box-1 .lt {background: url(../images/white_box-1_lt.gif) no-repeat left top}
.white_box-1 .rt {background: url(../images/white_box-1_rt.gif) no-repeat right top}
.white_box-1 .rb {background: url(../images/white_box-1_rb.gif) no-repeat right bottom}
.white_box-1 .lb {background: url(../images/white_box-1_lb.gif) no-repeat left bottom}

.white_box-2 {background: #fff;}
.white_box-2 .t {background: url(../images/white_box-1_t.gif) repeat-x left top}
.white_box-2 .r {background: url(../images/white_box-1_r.gif) repeat-y right top}
.white_box-2 .b {background: url(../images/white_box-1_b.gif) repeat-x left bottom; height: 1%;}
.white_box-2 .l {background: url(../images/white_box-1_l.gif) repeat-y left top}
.white_box-2 .lt {background: url(../images/white_box-2_lt.gif) no-repeat left top}
.white_box-2 .rt {background: url(../images/white_box-2_rt.gif) no-repeat right top}
.white_box-2 .rb {background: url(../images/white_box-1_rb.gif) no-repeat right bottom}
.white_box-2 .lb {background: url(../images/white_box-1_lb.gif) no-repeat left bottom}

.white_box-3 {background: #fff; height: 110px;}
.white_box-3 .lt {background: url(../images/white_box-3_lt.gif) no-repeat left top; height: 100%;}
.white_box-3 .rt {background: url(../images/white_box-3_rt.gif) no-repeat right top; height: 100%;}
.white_box-3 .rb {background: url(../images/white_box-3_rb.gif) no-repeat right bottom; height: 100%;}
.white_box-3 .lb {background: url(../images/white_box-3_lb.gif) no-repeat left bottom; height: 100%;}

.white_box-1 .content, .white_box-2 .content {padding: 10px 15px; padding-bottom: 20px;}

.footer {position: relative; margin: auto; margin-top: -50px; height: 50px; line-height: 40px; color: #fff; background: #859fad url(../images/footer_bg_top.gif) repeat-x 0 0}

/* ----------------- common styles --------------------*/
.fLeft {float: left}
.fRight {float: right}
.fClear {clear: both}
.centr {text-align: center} 

.fArl {font-family: Arial !important}
.fThm {font-family: Tahoma !important}
.fVrd {font-family: Verdana !important}
.f10 {font-size: 10px !important}
.f11 {font-size: 11px !important}
.f12 {font-size: 12px !important}
.f13 {font-size: 13px !important}
.f14 {font-size: 14px !important}
.f15 {font-size: 15px !important}
.f16 {font-size: 16px !important}
.f17 {font-size: 17px !important}
.f18 {font-size: 18px !important}
.f19 {font-size: 19px !important}
.f20 {font-size: 20px !important}
.f22 {font-size: 22px !important}
.f24 {font-size: 24px !important}

.under {text-decoration: underline; }

.c-hot_red {color: #f58120 !important}
.c-white {color: #fff !important}
.fBold {font-weight: bold;}

.m0 {margin: 0 !important}
.mAuto {margin: auto}

.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt30 {margin-top: 30px !important}
.mt40 {margin-top: 40px !important}
.mt50 {margin-top: 50px !important}

.mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important}
.mr30 {margin-right: 30px !important}
.mr40 {margin-right: 40px !important}
.mr50 {margin-right: 50px !important}

.mb5 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: 15px !important}
.mb20 {margin-bottom: 20px !important}
.mb30 {margin-bottom: 30px !important}
.mb40 {margin-bottom: 40px !important}
.mb50 {margin-bottom: 50px !important}

.ml5 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important}
.ml30 {margin-left: 30px !important}
.ml40 {margin-left: 40px !important}
.ml50 {margin-left: 50px !important}

.p0 {padding: 0 !important}
.p5 {padding: 5px !important}
.p20 {padding: 20px !important}

.pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt30 {padding-top: 30px !important}
.pt40 {padding-top: 40px !important}
.pt50 {padding-top: 50px !important}

.pr5 {padding-right: 5px !important}
.pr10 {padding-right: 10px !important}
.pr15 {padding-right: 15px !important}
.pr20 {padding-right: 20px !important}
.pr30 {padding-right: 30px !important}
.pr40 {padding-right: 40px !important}
.pr50 {padding-right: 50px !important}

.pb5 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb15 {padding-bottom: 15px !important}
.pb20 {padding-bottom: 20px !important}
.pb30 {padding-bottom: 30px !important}
.pb40 {padding-bottom: 40px !important}
.pb50 {padding-bottom: 50px !important}

.pl2 {padding-left: 2px !important}
.pl5 {padding-left: 5px !important}
.pl10 {padding-left: 10px !important}
.pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important}
.pl30 {padding-left: 30px !important}
.pl40 {padding-left: 40px !important}
.pl50 {padding-left: 50px !important}
.dot { list-style-type:disc}