* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* -- HTML settings -- */
HTML, BODY {height: 100%;}
BODY {margin: 0; padding: 0; background: #fff url(../img/bg.gif) 0 30px repeat-x; color: #000; font-family: tahoma, arial, verdana, sans-serif; min-width: 780px;}
IMG {border: 0;}
INPUT, SELECT {font: 11px tahoma, arial, verdana, sans-serif; color: #282828;}
TEXTAREA {font: 11px tahoma, arial, verdana, sans-serif; color: #282828; background: #fff}

INPUT.grayborder {font: 11px tahoma, arial, verdana, sans-serif; color: #000; border:1px solid #ACACAC; height: 19px;}
HTML>BODY INPUT.grayborder {height: 17px;}
HTML:ROOT INPUT.grayborder {height: 19px;}

FORM {margin: 0;}

.error_total {font: 12px tahoma, arial, verdana, sans-serif; color: #ff0000; background: url(../img/error.gif) 0 1px no-repeat; padding: 0 0 3px 20px;}
.error_msg {font: 10px tahoma, arial, verdana, sans-serif; color: #ff0000; padding: 0 1px 3px;}

A:link {color: #007CE5; text-decoration: underline;}
A:visited {color: #666;}
A:hover {color: #F9343B;}

.none {text-decoration: none;}
.under {text-decoration: underline;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}
.show_hide {display: none;}
#images {width:0; height: 0; position: relative;}
#images IMG {width:1px; height: 1px; position: absolute;}

.clear {clear: both; width: 100%;}
.clear SPAN, .stub SPAN {display: none;}

/* --language -- */
.lang {height:0; position: relative;}
.lang SPAN {position: absolute; right: 6px; top: -22px; font-size: 12px;}
.lang A:link, .lang A:visited, .lang A:hover {color: #007CE5;}

/* --bannner -- */
.bb A:link, .bb A:visited {display: block; background: url(../img/hard_hat_big.jpg) 50% 45px no-repeat; padding: 120px 15px 15px; //width: 100%; height=199px; min-height: 64px; font: normal 24px Arial, sans-serif; color: #007CE5; text-decoration: none; text-align: center;}
.bb A:hover {color: #F9343B; text-decoration: none;}
.bb SPAN {font: normal 12px tahoma; display: block; padding-top: 2px;}

.bs1 A:link, .bs1 A:visited {width: 115px; height: 115px; display: block; background: url(../img/bg_banner1.gif) 50% 7px no-repeat; padding: 55px 0 0; //width: 100%; font: bold 11px tahoma; color: #007CE5; text-decoration: none; text-align: center; white-space: nowrap;}
.bs1 A:hover {color: #F9343B; text-decoration: none;}
.bs1 SPAN {font: normal 9px/10px arial; display: block; padding-top: 5px;}

.bs2 A:link, .bs2 A:visited {width: 115px; height: 115px; display: block; background: url(../img/bg_banner2.gif) 50% 13px no-repeat; padding: 55px 0 0; //width: 100%; font: bold 11px tahoma; color: #007CE5; text-decoration: none; text-align: center; white-space: nowrap;}
.bs2 A:hover {color: #F9343B; text-decoration: none;}
.bs2 SPAN {font: normal 9px/10px arial; display: block; padding-top: 5px;}

/* -- H# rules -- */
H1 {font-size: 14px; color: #4F4F4F; margin: 0 0 15px;}
H1 STRONG {color: #F9343B;}

H2 {font-size: 13px; color: #4F4F4F; margin: 15px 0;}
H3 {font-size: 12px; color: #282828; margin: 15px 0;}

H6 {font-size: 10px; color: #4F4F4F; margin: 0 0 20px; font-weight: normal;}
H6 SPAN {color: #007CE5; background: url(../img/arrow_red.gif) 50% 5px no-repeat;}
H6 A:link, H3 A:visited, H3 A:hover {color: #007CE5; text-decoration: underline;}

#trowel {position: absolute; top: 0; left: 40px; width: 187px; height: 109px; display: block; background: url(../img/trowel.gif) 100% 0 no-repeat;}
#trowel SPAN {display: none;}

#wrapper, #footer {padding: 0 40px 0; width:100%; width:expression(document.body.clientWidth < 760? "760px": "100%" );}
#wrapper {height=100%; min-height: 100%;}
#content {padding-bottom: 120px; font-size: 12px;}
#content TABLE {font-size: 12px; color: #282828;}

#top-table {width:100%; height: 30px;}
#top-table TD {height: 30px; white-space: nowrap;}
#top-table A:link, #top-table A:visited, #top-table A:hover {color: #007CE5; text-decoration: underline;}
.stub A:link, .stub A:visited, .stub A:hover {color: #007CE5; text-decoration: underline;font-size:12px;text-decoration:none}
#top-table SPAN A:link, #top-table SPAN A:visited, #top-table SPAN A:hover {color: #F9343B; text-decoration: underline;}

#navbar {float:left; margin-left: 50px; width: 60%; background: url(../img/bg_navbar.gif) repeat-x;}
#navbar TD {height: 22px; background: url(../img/bg_navbar_separator.gif) 100% 0 no-repeat;}
#navbar #sub TD {background: url(../img/bg_navbar_separator_sub.gif) 100% 0 no-repeat;}

#navbar A {display: block;  height: 22px; padding: 4px 10px 0; font: bold 11px tahoma, arial, verdana, sans-serif; color: #4F4F4F; text-align: center; text-decoration: none;}
#navbar A.active {color: #F9343B;}

#navbar TD#navbar-left A {background: url(../img/bg_navbar_left.gif) no-repeat; padding-left: 15px;}
#navbar #sub TD#navbar-left A {background: url(../img/bg_navbar_left_sub.gif) no-repeat; padding-left: 15px;}
#navbar TD#navbar-right {background: url(../img/bg_navbar_right.gif) 100% 0 no-repeat;}
#navbar #sub TD#navbar-right {background: url(../img/bg_navbar_right_sub.gif) 100% 0 no-repeat;}
#navbar TD#navbar-right A {padding-right: 15px;}

#banner-block1 {margin-top: 10px; margin-bottom: 25px; width: 100%;}
#banner-block1 TD {text-align: center;}

#slogan {font: 11px/11px tahoma, arial, verdana, sans-serif; color: #4f4f4f; padding: 3px 0 0 11px; height: 25px;}

.left {float: left;}
.right {float: right;}

.arrow-gray {background: url(../img/arrow_gray.gif) 0 5px no-repeat; padding-left: 6px;}
.arrow-red {background: url(../img/arrow_red.gif) 0 5px no-repeat; padding-left: 6px;}
.arrow-red-big {background: url(../img/arrow_red_big.gif) 0 3px no-repeat; padding-left: 10px;}
.arrow-blue-big {background: url(../img/arrow_blue_big.gif) 0 3px no-repeat; padding-left: 10px;}

.arrow-lnk {background: url(../img/arrow_visited.gif) 0 5px no-repeat; padding-left: 10px; margin: 0 0 3px;}
.arrow-lnk a:link {color: #007CE5; text-decoration: underline;}
.arrow-lnk a:visited {color: #666; text-decoration: underline;}
.arrow-lnk a:hover {color: #F9343B; text-decoration: underline;}

.arrow-lnk-alt {width:100%; margin: 0 0 4px;}
HTML>BODY .arrow-lnk-alt {background: none; width: auto; padding: 0 10px 0 4px;}

.dotted {background: url(../img/bg_dotted.gif) 50% 50% no-repeat;}

/* -- Font color -- */
.black {color: #000;}
.blue {color: #007CE5;}
.gray {color: #4F4F4F;}
.gray_light {color: #666;}
.red {color: #F9343B;}

/* -- Font size -- */
.size10 {font-size: 10px;}
.size11 {font-size: 11px;}
.size12 {font-size: 12px;}

/* -- Universal framebox rules-- */
.g-top {width: 100%; background: #FCFCFC url(../img/corners/g_top.gif) 0 0 repeat-x;}
.g-left {background: url(../img/corners/g_left.gif) 0 0 repeat-y;}
.g-right {background: url(../img/corners/g_right.gif) 100% 0 repeat-y;}
.g-bottom {background: url(../img/corners/g_bottom.gif) 0 100% repeat-x;}
.g-topleft {background: url(../img/corners/g_topleft.gif) 0 0 no-repeat;}
.g-topright {background: url(../img/corners/g_topright.gif) 100% 0 no-repeat;}
.g-bottomleft {background: url(../img/corners/g_bottomleft.gif) 0 100% no-repeat;}
.g-bottomright {background: url(../img/corners/g_bottomright.gif) 100% 100% no-repeat;}

.t-top {width: 100%; background: #FFF url(../img/corners/t_top.gif) 0 0 repeat-x;}
.t-left {background: url(../img/corners/t_left.gif) 0 0 no-repeat;}
.t-right {background: url(../img/corners/t_right.gif) 100% 0 no-repeat; height=160px; min-height: 160px;}
#content .t-top TD, .t-top TD {color: #4f4f4f;}

.box-head {width: 100%; background: url(../img/corners/g_head.gif) repeat-x; position: relative;}
.box-head DIV {display: block;  background: url(../img/corners/g_head_left.gif) no-repeat;}
.box-head H1 {margin: 0; background: url(../img/corners/g_head_right.gif) 100% 0 no-repeat; height: 26px; padding: 6px 10px 0px 27px; color: #4F4F4F; font: bold 11px tahoma, arial, verdana, sans-serif;}
.box-head a:link, .box-head a:visited, .box-head a:hover {position: absolute; top:0; left: 0; display: block; width:100%; height: 26px; text-decoration: none; color: #4F4F4F; padding: 6px 10px 0px 27px; font: bold 11px tahoma, arial, verdana, sans-serif;}


/* -- Tables rules -- */
#index_table {width: 100%;}
#index_table TD {vertical-align: top; width: 33%; padding: 0 10px 10px 0;}
#index_table IMG {border: 1px solid #C5C5C5; margin: 0 8px 0 2px;}

#layout_table {width: 100%;}
#layout_table TD {vertical-align: top;}
#layout_table TD TD {vertical-align: middle;}
.layout_content {width:100%; padding-right:25px;line-height:17px}
.layout_content STRONG {font-weight: normal;}

.forum_table {background: url(../img/corners/g_head.gif) repeat-x;}
.forum_table TH {background: url(../img/corners/g_separator.gif) 100% 50% no-repeat; height: 26px; padding: 0 10px; text-align: left; font-size: 11px; color: #4F4F4F;}
.forum_table TD {padding: 4px 10px; border-bottom: 1px solid #ebebeb;}
.forum_table TD TD {padding: 0; border: 0;}


/* -- Fotter rules -- */
#foot {position: relative; width: 100%; height: 0;}
#footer {position: absolute; top: -90px; left: 0; height: 90px; background: url(../img/bg_footer.gif) repeat-x;}
#footer TABLE {width: 100%;}
#footer TD {height: 90px; vertical-align: top; padding: 14px 0 7px;}
#footer A:link, #footer A:visited, #footer A:hover {color: #007CE5; text-decoration: underline;}
#footer .links_part {color: #666; width:100%; padding-left:34px;}
#footer .links_part A:link, #footer .links_part A:visited, #footer .links_part A:hover {color: #666; text-decoration: none;}

/* -- Login Form -- */
#login-form {position: absolute; background: #fff; border: 1px solid #808080; top: 175px; left: 50%; width: 250px; height: 175px; padding-top: 10px; margin-left: -125px; z-index: 101;}

#login-content {display: none; position: absolute; background: #BDBDBD; top: 178px; left: 50%; width: 250px; height: 175px; margin-left: -122px; z-index: 100;} 
#login-content/* */ {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../img/png_dot.png'); background: transparent;}
HTML>BODY #login-content {background: transparent url(../img/png_dot.png);}

/* -- Message Form -- */
#message-form {position: absolute; background: #fff; border: 1px solid #808080; top: 175px; left: 50%; width: 250px; height: 175px; padding-top: 10 10 0 10; margin-left: -125px; z-index: 101;}

#message-content {display: none; position: absolute; background: #BDBDBD; top: 178px; left: 50%; width: 250px; height: 175px; margin-left: -122px; z-index: 100;} 
#message-content/* */ {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../img/png_dot.png'); background: transparent;}
HTML>BODY #message-content {background: transparent url(../img/png_dot.png);}


/* -- all icons -- */
.ico_user {background: url(../img/icons/user.gif) 0 50% no-repeat; height:16px; padding-left: 18px; display: block; height:16px; line-height: 16px; line-height=15px;}
.ico_write {background: url(../img/icons/write.gif) 0 50% no-repeat; height:16px; padding-left: 18px; display: block; height:16px; line-height: 16px; line-height=15px;}


.pr_domen    { color: #808080 }
.pr_a        {text-decoration: none; font-size: 12px; font-weight: bold }
.pr_tab    { border:1px solid #BDBDBD; font-family:Verdana; font-size:11px; color:#000000; width:450px; background-color:#FCFCFC; }

.a {font-size:9px;margin:5px 0 5px 0;height:15px;line-height:9px;color:#bbbbbb}
div.a A:link {color: #bbbbbb; text-decoration: none;}
div.a A:visited {color: #bbbbbb; text-decoration: none;}
div.a A:hover {color: #bbbbbb; text-decoration: none;}

/* -- Tags -- */
#tags {width: 100%;}
#tags A:link, #tags A:visited, #tags A:hover { display: block; float: left; line-height: 20px; padding: 0 0 6px 6px;}
.h1 , .h2, .H3, .h4, .h5, .h6 {}
.h6 {font-size: 10px;}
.h5 {font-size: 12px;}
.h4 {font-size: 14px;}
.h3 {font-size: 16px; font-weight: bold;}
.h2 {font-size: 18px; font-weight: bold;}
.h1 {font-size: 20px; font-weight: bold;}