@charset "utf-8";
body, h1, h2, h3, h4, ol, ul, li, input	{ margin:0; padding:0; }
body	{ background:#c0d4c4; font-family:'open_sansregular' , Arial, Helvetica, sans-serif; }

a.downdoc	{ background:url(../images/ico_download.gif) 0 0 no-repeat; width:280px; height:50px; display:block; overflow:hidden; }
a:hover.downdoc	{ background:url(../images/ico_download.gif) 0 -50px no-repeat; width:280px; height:50px; display:block; overflow:hidden; }

img , a img	{ border:none; }

ul.unggul	{ font:normal 16px/18px 'open_sansregular' , Arial, Helvetica, sans-serif; list-style-image:url(../images/ico_list.png); margin:10px 0 30px 20px; }
ul.unggul li	{ padding:4px 0 4px 10px; }

ol.unggul	{ font:normal 16px/18px 'open_sansregular' , Arial, Helvetica, sans-serif; margin:10px 0 30px 50px; }
ol.unggul li	{ padding:4px 0 25px 10px; }
ol.unggul p	{ max-width:520px; margin:5px 0 10px 0; }
ol.unggul h2	{ max-width:520px; margin:5px 0 0px 0; font:normal 16px/18px 'open_sansregular' , Arial, Helvetica, sans-serif; }
ol.unggul img	{ padding:10px 0; }

ol.unggul2	{ font:normal 16px/18px 'open_sansregular' , Arial, Helvetica, sans-serif; margin:10px 0 30px 50px; }
ol.unggul2 li	{ padding:4px 0 15px 10px; }
ol.unggul2 p	{ max-width:520px; margin:0px 0 0px 0; }
ol.unggul2 h2	{ max-width:520px; margin:5px 0 0px 0; font:normal 16px/18px 'open_sansregular' , Arial, Helvetica, sans-serif; }
ol.unggul2 img	{ padding:10px 0; }

table.binamarga	{ font:normal 13px/25px Arial, Helvetica, sans-serif; color:#000; margin-top:5px; }
table.binamarga strong	{ font:bold 14px/16px Arial, Helvetica, sans-serif; color:#000; }
table.binamarga td	{ padding:7px 10px; }

.box_contact	{ width:330px; }

.box_lang	{ height:20px; overflow:hidden; background:#8cc63f; padding:10px 20px 5px 20px; font:normal 11px/11px Arial, Helvetica, sans-serif; color:#dbdbdb; border-radius:0 0 5px 5px; }
.box_lang a	{ font:normal 12px/12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding-left:25px; }
.box_lang a:hover , .box_lang a.active	{ color:#fff000; }

.box_index	{ width:600px; height:180px; overflow:hidden; color:#fff; }
.box_index h1 , .box_index h1 a	{ font:bold 18px/22px 'open_sansregular'; color:#fff; text-decoration:none; }
.box_index h1 a:hover	{ color:#444; }
.box_index h2 , .box_index h2 a	{ font:normal 14px/20px 'open_sansregular'; color:#fff; text-decoration:none; }
.box_index h3 , .box_index h3 a	{ font:bold 11px/16px 'open_sansregular'; color:#fff000; text-decoration:none; text-align:right; }
.box_index h3 a:hover	{ text-decoration:underline; }
.box_index p	{ font:normal 13px/18px 'open_sansregular'; max-height:90px; overflow:hidden; margin:10px 0 15px 0; }
.box_index .gbr	{ width:270px; height:180px; overflow:hidden; }
.box_index .gbr img	{ width:270px; height:180px; }
.box_index .teks	{ width:290px; height:160px; overflow:hidden; padding:12px 20px 8px 20px; }

.box_r1	{ width:330px; background:url(../images/bg_shadow_up.jpg) bottom center no-repeat; font:normal 12px/18px 'open_sansregular'; color:#000; }
.box_r1 td	{ padding:2px 0; }
.box_r1 a	{ color:#888; }
.box_r1 h1	{ font:bold 15px/15px 'open_sansregular'; color:#fff; }
.box_r1 h1 a	{ color:#fff; text-decoration:none; }

.box_search	{ width:273px; height:35px; border-radius:18px; border:1px solid #888; background:#fff; }
.box_search input	{ }
.box_search input.search	{ width:200px; height:25px; margin:4px 5px 0 18px; float:left; border:none; font:italic 14px/14px Arial, Helvetica, sans-serif; color:#888; }
.box_search input.btn	{ float:right; margin:0 2px 0 0; }

.content	{ width:1000px; min-height:1000px; background:#fff url(../images/bg_content.jpg) top center no-repeat; padding:30px 0 10px 0; }


.contact h1	{ font:bold 26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.contact h2	{ font:normal 18px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.contact h3	{ font:normal 13px/20px Arial, Helvetica, sans-serif; text-align:justify; margin-bottom:20px; }
.contact p	{ font:normal 16px/24px Arial, Helvetica, sans-serif; text-align:justify; max-width:580px; }
.contact h4 { color: #333; font: normal 13px Arial; margin: 12px 0 3px 0; }
input.pesan { width: 450px; height: 30px; border-radius: 3px; border-top: 1px solid #d3d3d3; border-left: none; border-right: none; border-bottom: none; margin: 5px 0; padding: 0 5px; color: #666; background:#f1f1f1; }
textarea.pesan { min-width: 460px; width: 460px; max-width: 460px; min-height: 110px; height: 110px; max-height: 200px; border-radius: 3px; border-top: 1px solid #d3d3d3; border-left: none; border-right: none; border-bottom: none; margin: 5px 0;
color: #666; background:#f1f1f1; }
select.form3	{ border-radius: 3px; border-top: 1px solid #d3d3d3; border-left: none; border-right: none; border-bottom: none; margin: 5px 0; padding: 0 5px; color: #666; background:#f1f1f1; width:200px; height:30px; }

.footer	{ padding:40px 0; text-align:center; font:normal 14px/18px 'open_sansregular'; color:#fff; width:1000px; margin:0 auto;  }
.footer a	{ color:#fff; text-decoration:none; }

.header	{ height:100px; width:1000px; }

.headline	{ width:600px; height:351px; overflow:hidden; }
.headline img	{ width:600px; height:300px; }

.logo_part .w180 img	{ width:160px; margin-bottom:10px; }
.logo_part h3 , .logo_part h3 a	{ font:bold 12px/16px 'open_sansregular'; color:#000; text-decoration:none; }

ul.nav a	{ cursor:pointer; }

ul.nav	{ position:relative; height:30px; width:1000px; background:url(../images/crissXcross.png) top left repeat-x; padding:10px 0 0 0; text-align:center; font:normal 13px/18px 'open_sansregular'; }
ul.nav li	{position: relative;list-style: none;display: inline-block; padding:0 25px; }
.nav li a	{ color:#fff; text-decoration:none;}
.nav a:hover , .nav a.active	{ color:#ffff00; }
ul.nav li:hover .main {color: #ffff00;} 
ul.nav li .sub-nav-wrapper {display: block;position: absolute;z-index: 99;margin-left: -20px;} 
ul.nav li .sub-nav-wrapper .sub-nav {width: 200px;margin-top: 10px;background: #181818; }
ul.nav li:hover .sub-nav-wrapper {} 
ul.nav li .sub-nav-wrapper .sub-nav li {list-style: none;display: block;margin: 0;padding: 0;text-align: left; } 
ul.nav li .sub-nav-wrapper .sub-nav li:first-child {} 
ul.nav li .sub-nav-wrapper .sub-nav li:last-child {border: none;} 
ul.nav li .sub-nav-wrapper .sub-nav li a {display: block;padding: 11px 20px; } 
ul.nav li .sub-nav-wrapper .sub-nav li:hover {background: #000;}
a, ul.nav li .sub-nav-wrapper .sub-nav li {transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}

ul.nav li .sub-nav-wrapper2 {display: block;position: absolute;z-index: 99;margin-left: -20px;} 
ul.nav li .sub-nav-wrapper2 .sub-nav {width: 150px;margin-top: 10px;background: #181818; }
ul.nav li:hover .sub-nav-wrapper {} 
ul.nav li .sub-nav-wrapper2 .sub-nav li {list-style: none;display: block;margin: 0;padding: 0;text-align: left; } 
ul.nav li .sub-nav-wrapper2 .sub-nav li:first-child {} 
ul.nav li .sub-nav-wrapper2 .sub-nav li:last-child {border: none;} 
ul.nav li .sub-nav-wrapper2 .sub-nav li a {display: block;padding: 11px 20px; } 
ul.nav li .sub-nav-wrapper2 .sub-nav li:hover {background: #000;}
a, ul.nav li .sub-nav-wrapper2 .sub-nav li {transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
 
ul.nav li .sub-nav-wrapper {pointer-events: none;opacity: 0;filter: alpha(opacity=0);top: 0; transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;}
ul.nav li .sub-nav-wrapper2 {pointer-events: none;opacity: 0;filter: alpha(opacity=0);top: 0; transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;}
 
ul.nav li:hover .sub-nav-wrapper {pointer-events: auto;opacity: 1;filter: alpha(opacity=100);top: 18px;}
ul.nav li:hover .sub-nav-wrapper2 {pointer-events: auto;opacity: 1;filter: alpha(opacity=100);top: 18px;}

.out_pal { width:1000px; margin:0 auto; }

.paging	{ font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:center; }
.paging a	{ padding:3px 9px; font:bold 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
.paging a:hover , .paging a.active	{ padding:3px 9px; background:#39b54a; color:#fff; border-radius:20px; }

.product h1	{ font:bold 26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.product h2	{ font:normal 18px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.product h3	{ font:normal 13px/20px Arial, Helvetica, sans-serif; text-align:justify; }
.product p	{ font:normal 16px/24px Arial, Helvetica, sans-serif; text-align:justify; max-width:580px; }

.profile	{ padding:0 25px 0 10px; }
.profile h1	{ font:bold 26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.profile p	{ font:normal 16px/24px Arial, Helvetica, sans-serif; text-align:justify; margin:25px 0; }

.project h1	{ font:bold 26px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.project h2 , .project h2 a	{ font:bold 16px/20px Arial, Helvetica, sans-serif; text-align:center; margin-top:10px; color:#333; text-decoration:none; }
.project h2 a:hover	{ color:#000; }
.project .list_pro	{ padding:0px 20px 0px 5px; width:270px; height:135px; float:left; overflow:hidden; margin:10px 0 20px 0; }
.project .list_pro .gbr img	{ width:270px; }

.project_det	{ padding:0 0 0 85px; }
.project_det h1	{ font:bold 26px/30px Arial, Helvetica, sans-serif; color:#333; margin-bottom:5px; }
.project_det h2	{ font:bold 20px/30px Arial, Helvetica, sans-serif; color:#333; margin-bottom:5px; }

.t_blue	{ background:url(../images/bg_boxblue.gif) no-repeat; height:20px; width:315px; padding:10px 0 15px 15px; }
.t_green	{ background:url(../images/bg_boxgreen.gif) no-repeat; height:20px; width:315px; padding:10px 0 15px 15px; }


/* STYLE */
.clearit	{ clear:both; }
.left	{ float:left; }
.right	{ float:right; }

.bg_blue	{ background:#3888c0; }
.bg_green	{ background:#4db849; }
.bg_lightgray	{ background:#eaf2de; }
.bg_lightgreen	{ background:#8cc63f; }
.bg_yellow	{ background:#f2eb18; }

.mb_15	{ margin-bottom:15px; }
.mb_20	{ margin-bottom:20px; }
.mb_30	{ margin-bottom:30px; }
.mb_35	{ margin-bottom:35px; }
.mb_40	{ margin-bottom:40px; }

.ml_10	{ margin-left:10px; }
.ml_15	{ margin-left:15px; }
.ml_20	{ margin-left:20px; }
.ml_25	{ margin-left:25px; }

.mr_25	{ margin-right:25px; }

.mt_10	{ margin-top:10px; }
.mt_15	{ margin-top:15px; }
.mt_20	{ margin-top:20px; }
.mt_25	{ margin-top:25px; }
.mt_30	{ margin-top:30px; }
.mt_40	{ margin-top:40px; }

.pb_20	{ padding-bottom:20px; }
.pb_30	{ padding-bottom:30px; }

.pl_15	{ padding-left:15px; }
.pl_25	{ padding-left:25px; }
.pl_35	{ padding-left:35px; }

.pt_10	{ padding-top:10px; }
.pt_40	{ padding-top:40px; }

.w180	{ width:180px; }
.w200	{ width:200px; }
.w330	{ width:330px; }
.w400	{ width:400px; }
.w600	{ width:600px; }


/* FONTS */

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}