/* CSS Document */

.body {margin:0; padding:0; background:#eff1f3 url(i/bg_1.gif) repeat-x; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

img {border:0;}
div, form {margin:0; padding:0;}

input {padding:1px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

#header {height:84px; width:100%;}
#container {height:auto; width:100%;}
#container2 {height:auto; width:100%;}
#footer {height:120px; width:100%;}

.left {width:25%;}
.right {width:25%;}

a {text-decoration:underline; color:#51af0a;}
a:hover {text-decoration:none;}

a.left_menu {display:block; padding:1px 10px 16px 18px; background:url(i/dot_1.gif) left bottom no-repeat; text-decoration:none; font-size:10px; font-weight:bold; color:#808080; text-transform:uppercase;}
a.left_menu:hover {text-decoration:underline; color:#666;}

a.left_menu_a {display:block; padding:3px 3px 3px 5px; background:#FFF; text-decoration:none; font-size:10px; font-weight:bold; color:#808080; text-transform:uppercase;}
a.left_menu_a:hover {text-decoration:underline; color:#666;}

a.left_menu_2 {display:block; padding:2px 2px 2px 18px; background:url(i/arr_1.gif) 4px 6px no-repeat; font-size:10px;}

a.link1 {padding:1px 0 1px 10px; background:url(i/dot_5.gif) 2px 6px no-repeat; text-decoration:underline; font-size:10px; color:#225482; text-transform:lowercase;}
a.link1:hover {text-decoration:none;}

a.link2 {display:block; padding:1px 0 1px 12px; background:url(i/arr_1.gif) 2px 6px no-repeat; text-decoration:underline; font-size:10px; color:#225482; text-transform:capitalize;}
a.link2:hover {text-decoration:none;}

a.link3 {display:block; float:left; padding:1px 50px 1px 12px; background:url(i/dot_6.gif) 2px 6px no-repeat; text-decoration:none; font-size:10px; color:#333; text-transform:uppercase;}
a.link3:hover {text-decoration:underline;}

a.link4 {display:block; padding:1px 0 8px 14px; background:url(i/arr_1.gif) 2px 5px no-repeat; text-decoration:none; font-size:11px; font-weight:bold; color:#666;}
a.link4:hover {}

a.page {font-size:10px; padding:2px 5px; border:1px solid #dedede; font-weight:bold;}
a.page:hover {background:#CCC;}
a.page_a {font-size:10px; padding:2px 5px; border:1px solid #dedede; font-weight:bold; text-decoration:none; background:#dedede;}

.act {display:block; padding:1px 10px 16px 18px; background:url(i/dot_1.gif) left bottom no-repeat; text-decoration:none; font-size:10px;}

.btn1 {padding:1px; background:#FFF; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6ebf31; text-decoration:underline; border:0;}


.bg_2 {background:#FFF url(i/bg_2.gif) repeat-x;}
.bg_2_2 {background:#FFF url(i/bg_2.gif) bottom repeat-x;}
.bg_3 {background:url(i/bg_3.gif) repeat-x;}
.bg_4 {background:url(i/bg_4.gif) repeat-x;}
.bg_5 {background:#dee3e7 url(i/bg_5.gif) repeat-y;}
.bg_6 {background:url(i/bg_6.gif) bottom repeat-x;}
.bg_7 {background:url(i/bg_7.gif) bottom repeat-x;}
.bg_8 {background:#FFF url(i/bg_8.gif) no-repeat;}
.bg_10 {background:url(i/bg_10.gif) repeat-x;}


.bgc_1 {background:#FFF;}
.bgc_2 {background:#eff1f3;}
.bgc_3 {background:#dee3e7;}
.bgc_4 {background:#bcc5cd;}
.bgc_5 {background:#6ebf31;}
.bgc_6 {background:#cdd4da;}

.h1 {color:#FFF; font-size:10px; font-weight:bold;}
.h2 {color:#FFF; font-size:12px; font-weight:bold;}
.h3 {display:block; float:left; padding:3px 30px 20px 1px; background:url(i/dot_2.gif) right 3px no-repeat; font-size:12px; font-weight:bold; color:#666;}
.h4 {display:block; float:left; padding:3px 1px 20px 40px; background:url(i/dot_2.gif) 10px 3px no-repeat; font-size:12px; font-weight:bold; color:#666;}
.h5 {padding:3px 1px 12px 28px; background:url(i/dot_3.gif) 0px 3px no-repeat; font-size:14px; font-weight:bold; color:#6ebf31;}
.h6 {padding:3px 1px 3px 28px; background:url(i/dot_4.gif) 0 8px no-repeat; font-size:12px; font-weight:bold; color:#666; text-transform:uppercase;}
.h7 {padding:0 0 10px 0; font-size:12px; font-weight:bold; color:#6ebf31;}
.h8 {padding:0 0 3px 0; font-size:12px; font-weight:bold; color:#666;}

.h8 a {padding:0 0 3px 0; font-size:12px; font-weight:bold; color:#666; text-decoration:none;}

.h9 {background:#ebeef0 url(i/dot_7.gif) 8px 10px no-repeat; padding:10px 3px 10px 38px; margin:0 5px 0 0; font-size:12px; font-weight:bold; color:#666;}

.news1_box {clear:both; padding:2px 30px 8px 20px;}
.news1_date {color:#6f757f; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding:8px 0 5px 0;}
.news1_short {color:#6f757f; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 5px 0;}
.news2_box {padding:10px 30px 20px 0; font-size:11px;}
.news2_date {color:#6f757f; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding:1px 0 8px 20px; background:url(i/icon_list.gif) 0 4px no-repeat;}
.news2_name {font-weight:bold; padding:0 0 8px 20px; background:url(i/arr_1.gif) 3px 4px no-repeat;}
.news2_short {color:#6f757f; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 5px 0;}

.prod_name {font-weight:bold; padding:0 0 8px 20px; background:url(i/arr_1.gif) 3px 5px no-repeat;}
.prod_tech {font-weight:bold; padding:0 0 8px 20px; background:url(i/arr_1.gif) 3px 5px no-repeat;}
.prod_price {font-weight:bold; border:1px solid #CCC; padding:1px 5px 1px 5px; color:#51af0a;}

.info1 {margin:0px 20px 8px 20px; padding:3px; border:4px solid #a2adb7; background:#FFF;}
.info2 {padding:5px 12px 5px 12px; background:#FFF; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f757f;}
.info3 {padding:5px 12px 5px 12px; background:#cdd4da; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f757f;}
.info4 {padding:10px 20px 10px 30px; background:url(i/bg_9.gif) right top no-repeat;}

.counter_box {padding:10px 0 12px 0; text-align:center;}
.copy_box {height: 80px; padding:0 20px 0 20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f757f;}
.cont {padding:12px;}
.pages_bar {text-align:right; padding:1px 5px 10px 5px; background:url(i/bg_2.gif) bottom repeat-x;}
.pages_bar_2 {text-align:right; padding:8px 5px 3px 5px; background:url(i/bg_2.gif) top repeat-x;}

.img1 {margin:0 5px 5px 0; float:left;}
.img2 {margin:0 20px 10px 0; float:left;}

.clr_1 {color:#b90022;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.fix3px {margin-left:-3px;margin-right:-3px;}
html>body .fix3px {margin-left:0px;margin-right:0px;}
