@charset "utf-8";

@font-face {
    font-family: 'Helvetica-ConthRegular';
    src: url('font/helvcond-webfont.eot');
    src: url('font/helvcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvcond-webfont.woff') format('woff'),
         url('font/helvcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*=========================== RESET YUKS! =========================*/
html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, 
address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, 
thead,  th {
margin: 0;padding: 0;border: 0;outline: 0; /*font-size: 100%;*/ font-family:Arial, sans-serif;
vertical-align: baseline;background:transparent;color:#333;}
body {line-height: 1; margin:0; padding:0;background:#fff url(images/bg_header.jpg) 0px 0px repeat-x; height:100%; position:relative; overflow-x:hidden;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}del {text-decoration: line-through;}a, a:visited, a:hover{text-decoration:none;}
.no_style{list-style:none;}
.clearfix{clear:both;}
/*============================ END RESET ===========================*/
/*============================ RICH TEXT / TINYMCE /CKEDITOR ===========================*/
.rich_text {line-height:18px;font-size:12px;color:#717171;font-family:Arial;}
.rich_text p{line-height:18px;font-size:12px;color:#888888;font-family:Arial;}
.rich_text ol li{line-height:18px;font-size:12px;color:#888888;font-family:Arial;}
.rich_text ul li{line-height:18px;font-size:12px;color:#888888;font-family:Arial;}
.rich_text p i{font-size:18px;color:#888888; font-weight:bold; font-family:Arial;}
.rich_text p img{float:left; margin:0px 50px 20px 0px;}
.rich_text h1{line-height:18px;font-size:12px;color:#676767;font-family:Arial;}
.rich_text h2{line-height:18px;font-size:12px;color:#676767;font-family:Arial;}
.rich_text h3{line-height:18px;font-size:13px;color:#676767;font-family:Arial;}
.rich_text h4{line-height:18px;font-size:13px;color:#70c176;font-family:Arial; font-weight:normal;}
.rich_text .uniq_text{line-height:18px;font-size:43px;color:#fecb39;font-family:Arial; font-weight:bold;}
.rich_text span{line-height:30px;font-size:25px;color:#a8a8a8;}

/*============================ HEADER ===========================*/

.wrapall{width:100%;position:relative;}

.wrap_top{width:900px;position:relative; height:170px;margin:0px auto;}
	.logo{position:absolute; top:0px; left:-2px;}
	.secondary_menu{position:absolute; top:5px; right:0px; width:230px;}
		.secondary_menu a{font-size:11px; color:#aaa; float:left;margin:3px 0px 0px 15px;}
		.secondary_menu a:hover, .secondary_menu a.active{color:#eb891a; }
		.secondary_menu .pil_lang{margin-left:15px;font-size:11px; color:#aaa; float:left; background:url(images/bg_lang.jpg) no-repeat; width:102px;height:20px; padding:3px 3px 0px 10px;}
		.secondary_menu .pil_lang span{color:#c5c5c4; font-size:11px;}
		.secondary_menu .pil_lang a{float:right; margin:1px 0px 0px 5px;}
	.img_header{position:absolute; top:35px; right:0px;}

	.main_menu{position:absolute; top:120px; right:0px;}
		.main_menu li{float:left; margin-left:15px;}
		.main_menu li a{font-size:14px; color:#555555;display:block; padding:13px 0px 0px 0px;border-top:3px solid transparent;text-transform: uppercase;}
		.main_menu li a:hover, .main_menu li a.active{border-top:3px solid #eb891a; background:url(images/panah_menu.png) top center no-repeat;}
	
.wrap_center{width:900px;position:relative;margin:0px auto;}

	.slide_home{width:900px;position:relative;}
	.slide_home #next_slide{position:absolute; bottom:20px; right:10px; z-index:9;}
	.slide_home #prev_slide{position:absolute; bottom:20px; right:50px; z-index:9;}
	.img_slide_home{width:900px;height:370px;position:relative;background:#464646;}
		.img_slide_home li{float:left; width:900px;}
		.img_slide_home li img{float:left; width:450px;}

	.highlight_text{float:left; width:450px;margin-top:140px;}
		.highlight_text h1{background:#eb891a; padding:5px 15px 5px 40px; color:#fff; font-size:19px; width:220px; font-weight:normal; margin-top:0px;}
		.highlight_text p{margin:20px 0px 0px 40px; color:#ededed; font-size:12px; width:330px; line-height:18px;}
		.highlight_text p i{color:#ededed; font-size:12px; }
	
	
	
	.shortcut_home{width:900px; float:left; margin:10px 0px 0px 0px;}
		.shortcut_home .shortcut_product{width:268px; float:left; margin:0px 0px 0px 0px;}
		.shortcut_home .shortcut_news{width:300px; float:left; margin:0px 0px 0px 0px; background:url(images/bg_gradasi_shortcut.jpg) top left no-repeat; padding-left:16px; min-height:195px;}
			.shortcut_home .shortcut_news .shortcut_news_text{width:130px; float:left; margin:0px 0px 0px 0px;}
			.shortcut_home .shortcut_news .shortcut_news_text h2{font-size:13px; color:#565656;}
			.shortcut_home .shortcut_news .shortcut_news_text .date{font-size:11px; color:#ec5f00;margin:5px 0px 10px 0px;}
			.shortcut_home .shortcut_news .shortcut_news_text p{font-size:12px; color:#888888; margin-bottom:10px; line-height:17px;}
			.shortcut_home .shortcut_news .img_shortcut {width:143px; height:91px; position:relative; display:block; float:right;}
			.shortcut_home .shortcut_news .img_shortcut .frame{position:absolute; top:0px; left:0px;}
			
		.shortcut_home div .shortcut_title{font-size:15px; color:#717171; font-weight:normal; margin-bottom:20px;}
		.shortcut_home div .detail{font-size:12px; color:#015599;}
		.shortcut_home div .detail:hover{color:#dbebf8;}
		
	.page_title{width:900px; background:url(images/border_title.jpg) bottom left repeat-x; padding:10px 0px 12px 0px; border-top:1px solid #c4c4c4; margin-bottom:20px; font-size:20px; color:#454545;}	
	.page_title span{font-weight:bold; font-size:20px; color:#454545;}	
	
	.submenu{width:198px; float:left;}
		.submenu li{width:198px; float:left; border-bottom:1px solid #cecece;}
		.submenu li a{width:175px;display:block; padding:7px 0px 7px 23px; font-size:13px; color:#848484; background:url(images/panah_submenu.jpg) 0px 8px no-repeat;}
		.submenu li a:hover, .submenu li a.active{color:#eb891b; background:url(images/panah_submenu_active.jpg) 0px 8px no-repeat;}
		
	.content_box_right{width:677px; float:left;margin-left:25px;}
	.content_box_right .content_title{font-size:19px; color:#636363; font-weight:normal; margin:3px 0px 25px 0px; }
	
	.mission{margin-left:0px;width:677px;}
	.mission li{margin-bottom:10px; list-style:none; width:677px; float:left;}
	.mission li span{color:#888888; float:left;display:block; width:580px; font-size:18px; margin-left:16px; padding-top:13px; line-height:22px;}
	.mission li span.number{display:block; width:50px; height:40px; background:#aaa; color:#fff; float:left;margin-left:0px; padding:10px 0px 0px 0px; text-align:center;line-height:28px;}
	
	
	.content_box_nonSub{width:900px;}
	
	.cat_product_box{width:900px; margin:20px 0px 20px 0px; border-bottom:1px solid #b5b5b5; padding-bottom:20px;}
	.cat_product_box .title_cat{font-size:19px; font-weight:normal; color:#636363; background:url(images/panah_cat_product.jpg) 0px 2px no-repeat; padding-left:20px;}
	.cat_product_box p{line-height:18px;font-size:12px;color:#888888;font-family:Arial; margin:10px 0px 0px 20px;}
	
	#popup_product{width:100%; background:url(images/spacer.png); position:fixed; top:0px; left:0px; z-index:9999; display:none;}
	#popup_product .product_detail{width:872px; height:628px; margin:20px auto; background:url(images/bg_popup.jpg); position:relative;}
 	#popup_product .product_detail .frame_top{position:absolute; top:0px; right:0px; z-index:10000;}
 	#popup_product .product_detail .btn_close_popup{position:absolute; bottom:200px; right:20px; z-index:10000;}
	#popup_product .product_detail .product_detail_content{width:872px; height:628px; position:relative;}
	#popup_product .product_detail .product_detail_content .img_box{width:845px; height:397px; position:absolute; top:13px; left:13px}
	#popup_product .product_detail .product_detail_content .title_description{ position:absolute; top:420px; left:30px; }
	#popup_product .product_detail .product_detail_content .title_description h1{margin-bottom:10px; float:left; width:400px; font-size:13px;}
	#popup_product .product_detail .product_detail_content .product_description{width:810px; height:140px; position:absolute; top:440px; left:30px; overflow:hidden;}
	#popup_product .product_detail .product_detail_content .product_description .general_description{width:370px; float:left; }
	#popup_product .product_detail .product_detail_content .product_description .specification{width:380px; float:left; margin-left:30px;}
	#popup_product .product_detail .product_detail_content .product_description .specification ul{}
	#popup_product .product_detail .product_detail_content .product_description .specification ul li{margin-bottom:10px; border-bottom:1px dotted #787676;background:url(images/panah_spec.jpg) 0px 3px no-repeat; padding:0px 0px 5px 15px; list-style:none;}
	
	#scrollpane{position:relative;overflow:hidden;margin:0px; padding:5px 10px 5px 0px; height:140px; width:825px;}
		.jspTrack {position: absolute;cursor: pointer;right:0px; width:10px; background:#181818;}
		.jspContainer{z-index:1;overflow:hidden;position: relative;}
		.jspDrag{position: relative; cursor: pointer; background:#2d2d2d;width:10px;}
		.jspPane{position: absolute; padding:0px;}		
	
	.project_list{width:900px;margin:0px;}
	.project_list .border_project{width:900px;margin:0px;clear:both;border-bottom:1px dotted #dddddd;}
	.project_list li{float:left;margin:30px 0px 20px 46px; text-align:center;}
	.project_list li span{color:#717171; font-size:12px; font-weight:bold;}
	.project_list li a{padding:5px; border:1px solid #a6a6a6;display:block; cursor:default;}
	
	.news_list{width:677px; float:left;}
		.news_list li{width:677px; float:left; border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-bottom:20px;}
		.news_list li .img_news:hover img{opacity:0.5; filter:alpha(opacity=50);}
		.news_list li .img_news{width:202px; height:142px;display:block;position:relative; float:left; overflow:hidden;}
		.news_list li .img_news .frame{width:202px; height:142px;position:absolute; top:0px; left:0px; z-index:2; background:url(images/certificate_frame.gif) no-repeat;}
		.news_list li .news_text{width:440px;float:right;}
		.news_list li .news_text h1{color:#717171; font-size:12px;}
		.news_list li .news_text h1 a{color:#717171; font-size:12px;}
		.news_list li .news_text h1 a:hover{color:#000;}
		.news_list li .news_text i{margin:2px 0px 0px 0px; color:#eb891b; font-size:11px;}
		.news_list li .news_text p{color:#898989; font-size:12px; margin-top:10px;}
		.news_list li .news_text .more{margin-top:15px;color:#fff; font-size:12px; background:url(images/bg_readmore.jpg) no-repeat; width:86px; text-align:center; display:block; font-weight:bold; padding:7px 0px 7px 21px;}
		.news_list li .news_text .more:hover{color:#000;}
	
	.event_list{width:677px; float:left;}
		.event_list li{width:677px; float:left; border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-bottom:20px;}
		.event_list li .event_date{margin-top:2px;font-weight:bold;width:48px; height:50px; float:left; color:#fff; font-size:18px; background:url(images/bg_date_event.jpg) no-repeat; text-align:center; line-height:18px; padding-top:6px;}
		.event_list li .img_event{margin:0px 10px 0px 10px;width:202px; height:142px;display:block;position:relative; float:left;overflow:hidden;}
		.event_list li .img_event:hover img{opacity:0.5; filter:alpha(opacity=50);}
		.event_list li .img_event .frame{width:202px; height:142px;position:absolute; top:0px; left:0px; z-index:2; background:url(images/certificate_frame.gif) no-repeat;}
		.event_list li .event_text{width:390px;float:right;}
		.event_list li .event_text h1{color:#717171; font-size:12px;}
		.event_list li .event_text h1 a{color:#717171; font-size:12px;}
		.event_list li .event_text h1 a:hover{color:#000;}
		.event_list li .event_text i{margin:2px 0px 0px 0px; color:#eb891b; font-size:11px;}
		.event_list li .event_text p{color:#898989; font-size:12px; margin-top:10px;}
		.event_list li .event_text .more{margin-top:15px;color:#fff; font-size:12px; background:url(images/bg_readmore.jpg) no-repeat; width:86px; text-align:center; display:block; font-weight:bold; padding:7px 0px 7px 21px;}
		.event_list li .event_text .more:hover{color:#000;}
		
	#page_navigation{width:677px; float:left;}
		#page_navigation a{background:url(images/bgpagination.jpg) 0px -22px no-repeat; margin:2px; padding:5px 0px 5px 0px; font-size:12px; color:#303030; width:23px; text-align:center; display:block; float:left; font-weight:bold;}
		#page_navigation a.next_link, #page_navigation a.previous_link{background:url(images/bgnextpagination.jpg) no-repeat;width:53px;}
		#page_navigation a.next_link:hover, #page_navigation a.previous_link:hover{opacity:.7; filter:alpha(opacity=70);}
		#page_navigation a:hover, #page_navigation a.active_page{background-position:0px 0px; color:#fff;}
	
	.news_detal_box{width:677px; float:left;}
	.news_detal_box h1{font-size:13px; color:#848484;}
	.news_detal_box .date{margin:0px 0px 0px 0px; color:#eb891b; font-size:11px; font-style:italic;}
	.news_detal_box p img{margin:0px 15px 10px 0px; padding:5px; border:1px solid #f0f0f0;}
	.news_detal_box .sosmed_box{width:677px; border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; padding:5px 0px 5px 0px; margin-top:20px;}
	.news_detal_box .sosmed_box span{float:left; font-size:12px; color:#848484;}
	.news_detal_box .sosmed_box .sosmed_share{float:left; margin-left:10px;}
	.news_detal_box .sosmed_box .back{float:right; padding-left:12px; background:url(images/panah_back.jpg) 0px 4px no-repeat; display:block;font-size:12px; color:#848484; margin-top:7px;}
	.news_detal_box .sosmed_box .back:hover{color:#000;}
	
	
	.map{position:relative; width:667px; height:266px;}
	.map .point{position:absolute; width:36px; height:41px; display:block; background:url(images/pentul_map.png);}
	.map .point:hover{background:url(images/pentul_map_hover.png);}
	
	.distribution_place_box{}
	.distribution_place{}
	.distribution_place h1{font-size:13px; color:#eb891a; margin-bottom:10px;}
	
	.table_distribution{width:668px; border:1px solid #e4e4e4;}
	.table_distribution tr td{font-size:12px; color:#787878;border:1px solid #fff; background:#f2f2f2; text-indent:10px;}
	.table_distribution tr.title_table td{font-weight:bold; background:#eb891a; color:#fff;}
	.table_distribution tr.propinsi td{font-weight:bold; background:#d2d2d2; color:#fff;}
	
	.map_1{position:absolute; top:140px; right:80px; width:320px; height:152px;}
	.map_2{position:absolute; top:450px; right:80px; width:320px; height:152px;}
	.map_location .frame_left{position:absolute; top:0px; left:0px; width:50px; height:152px; background:url(images/frame_map_left.png) no-repeat; z-index:20;}
	.map_location .frame_right{position:absolute; top:0px; right:0px; width:12px; height:152px; background:url(images/frame_map_right.png) no-repeat; z-index:20;}
	.map_location .frame_top{position:absolute; top:0px; left:48px; width:260px; height:6px; background:url(images/frame_map_top.jpg) repeat-x; z-index:20;}
	.map_location .frame_bottom{position:absolute; bottom:0px; left:48px; width:260px; height:6px; background:url(images/frame_map_bottom.jpg) repeat-x; z-index:20;}
	
	.form{}
	.form tr td{color:#676767; font-size:12px;}
	.form tr td .text_field{color:#676767; font-size:12px; width:350px; border:1px solid #cfcfcf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:5px;}
	.form tr td .textarea_field{color:#676767; font-size:12px; height:100px; width:350px; max-width:350px; min-width:350px;border:1px solid #cfcfcf;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:5px;}
	.form tr td .submit{margin-top:5px;color:#fff; font-size:12px; background:url(images/bg_submit.jpg) no-repeat; width:86px; text-align:center; font-weight:bold; padding:7px 0px 7px 0px; border:0px;}
		
	.ym_box{width:430px; height:72px; background:url(images/bg_ym.jpg)no-repeat; position:relative;}
	.ym_box .cs{ top:30px; left:62px; position:absolute;}
	
.wrap_bottom{width:100%;position:relative; height:128px; background:url(images/bg_footer.jpg) repeat-x; margin-top:20px;}
	
	.footer{width:900px;position:relative;margin:0px auto;}
		.footer .footer_menu{position:absolute; top:32px; left:0px;}
		.footer .footer_menu li{float:left;margin-right:20px;}
		.footer .footer_menu li a{font-size:11px; color:#fafafa;text-transform: uppercase;}
		.footer .footer_menu li a:hover, .footer .footer_menu li a.active{color:#a0a0a0;}
	.footer .facebook_link{position:absolute; top:28px; right:0px; }
	.footer .facebook_link span{position:relative; top:-10px; color:#fafafa; font-size:11px;}
	.footer .copy{position:absolute; top:95px; left:0px; color:#888888; font-size:11px;}