@charset "utf-8";
/* CSS Document by Cablesoft 2010*/

/*Basic*/
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:url(../img/bg.jpg) repeat-x #ececec; }
img{ vertical-align:middle; margin:0 2px; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#448ccb; text-decoration:underline; }

/*Gereral*/
#container{ margin-top:15px; }
#links{ text-align:right; }

/*Navigation*/
#nav{ z-index:10; }
#nav ul{ height:28px; width:504px; margin:15px auto 0 auto; }
#nav ul li { float:left; width: 84px; height: 28px;  background:url(../img/navitems.gif) 0 0 no-repeat; display: block; }
#nav ul a { width: 84px; height: 28px; display: block; }
#nav #navitem1 { left:0px;   background-position: 0px    0; }
#nav #navitem2 { left:84px;  background-position: -84px  0; }
#nav #navitem3 { left:168px; background-position: -168px 0; }
#nav #navitem4 { left:252px; background-position: -252px 0; }
#nav #navitem5 { left:336px; background-position: -336px 0; }
#nav #navitem6 { left:420px; background-position: -420px 0; }
#nav #navitem1.active{ background:url(../img/navitems.gif)  0px   -28px no-repeat; }
#nav #navitem2.active{ background:url(../img/navitems.gif) -84px  -28px no-repeat; }
#nav #navitem3.active{ background:url(../img/navitems.gif) -168px -28px no-repeat; }
#nav #navitem4.active{ background:url(../img/navitems.gif) -252px -28px no-repeat; }
#nav #navitem5.active{ background:url(../img/navitems.gif) -336px -28px no-repeat; }
#nav #navitem6.active{ background:url(../img/navitems.gif) -420px -28px no-repeat; }
#nav #navitem1 a:hover{ background:url(../img/navitems.gif)  0px   -28px no-repeat; }
#nav #navitem2 a:hover{ background:url(../img/navitems.gif) -84px  -28px no-repeat; }
#nav #navitem3 a:hover{ background:url(../img/navitems.gif) -168px -28px no-repeat; }
#nav #navitem4 a:hover{ background:url(../img/navitems.gif) -252px -28px no-repeat; }
#nav #navitem5 a:hover{ background:url(../img/navitems.gif) -336px -28px no-repeat; }
#nav #navitem6 a:hover{ background:url(../img/navitems.gif) -420px -28px no-repeat; }

/*Index*/
#banner{ margin-bottom:20px; position:relative; }
#banner #banner_vi{ position:absolute; right:0; top:-50px; }
#wp-products{ margin:20px 0 0 0; padding-top:10px; text-align:center; height:280px; background:url(../img/bg-products.gif) no-repeat; }
#wp-news{ margin:20px 0 0 0; padding:20px 18px 0 18px;height:280px; background:url(../img/bg-news.gif) no-repeat; }
#wp-news li{ padding:5px 0 8px 0; background: url(../img/bg-border-dot.gif) repeat-x bottom; }
#wp-news #sildepod{ height:150px; margin-top:10px; padding:12px; background:url(../img/bg-slidepod.gif) no-repeat center top; position:relative;  }
#wp-news #sildepod ul{ position:absolute; right:12px; top:12px; }
#wp-news #sildepod ul li{ background:url(../img/slideitem.gif); height:16px; width:18px; padding:2px 0 0 0; text-align:center; float:left; }
#wp-news #sildepod ul li a:hover{ text-decoration:none; }
#wp-news #sildepod ul li.active{ background:url(../img/slideitem_h.gif); }
#wp-news #sildepod ul li.active a{ color:#FFF; }
#sildecontent{ margin-top:10px; }
#slideAd{ float:left; width:294px; text-align:center; }
#slidePrev{ float:left; width:20px; }
#slideNext{ float:right; width:20px; }
#wp-cooperates{ margin:20px 0 0 0; padding-top:10px; height:280px; background:url(../img/bg-cooperates.gif) no-repeat; }
#wp-cooperates li{ width:215px; padding:10px 0; background:url(../img/bg-cooperates-item.gif) center bottom no-repeat; text-align:center; }
.btn_more{ position:absolute; right:0px; }

/*Sidebar*/
#sidebar{ background:url(../img/bg-sidebar.jpg) no-repeat top center; min-height:360px; height:360px; padding:15px 0; }
#sidebar #title{ margin:5px 10px 15px 20px; }
#sidebar ul{ position:absolute; width:230px; }
#sidebar li{ position:relative; left:4px; padding:6px 0 1px 20px;  background:url(../img/sidebar_li.gif) no-repeat; height:20px; }
#sidebar li.active{ background:url(../img/sidebar_li_active.gif) no-repeat; color:#FFF; }
#sidebar li a{ text-decoration:none; }
#sidebar li.active a{ color:#FFF; text-decoration:none; }
#sidebar li.active a:hover{ color:#FF0; }

/*Textarea General*/
#txtarea #title{ padding:2px 0 15px 0; margin-bottom:15px; background:url(../img/bg-border-dot.gif) repeat-x bottom; }

/*Textarea Products*/
#txtarea #pd-article{ padding-bottom:20px; position:relative;  }
#txtarea #pd-article #pd-1{ position:absolute; top:310px; left:30px; }
#txtarea #pd-article #pd-2{ position:absolute; top:370px; left:240px;}
#txtarea #pd-article #pd-3{ position:absolute; top:310px; left:450px;}
#txtarea #pd-article ul{ padding-top:10px; }
#txtarea #pd-article ul li{ padding:3px 0; list-style:url(../img/img-arrow.gif); text-align:left; }
#txtarea #pd-article #pd-1 li{ margin-left:70px; }
#txtarea #pd-article #pd-2 li{ margin-left:40px; }
#txtarea #pd-article #pd-3 li{ margin-left:20px; }

/*Footer*/
#footer{ margin-top:0px; margin-bottom:35px; padding-top:8px; background:url(../img/bg-footer-border.jpg) top center no-repeat; }
#footer #logo{ float:left; }
#footer #copyright{ float:left; width:500px; margin-left:10px; line-height:18px; }
#footer #ref{ float:right; }