@charset "utf-8";
/*======================================================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: Verdana, Arial, Helvetica, sans-serif;
vertical-align: baseline;background:transparent; line-height:20px;}
body {	line-height: 1; margin:0; padding:0;height:100%;}
ol, ul { list-style: none; list-style-type: square; }
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;}
/*======================================================END RESET======================================================*/
.bg{background:#849092}
.bg_header{background:url(images/bg_bg_header.png) repeat-x}
.bg_footer{background:url(images/bg_footer.png) repeat-x bottom}
.wrap{ width:900px; margin-left:auto; margin-right:auto; text-align:justify}

.header{height:100px; padding-left:50px; padding-top:35px; padding-bottom:16px}
.logo_header{height:75px; width:289px; background:url(images/logo_promitmen.png)}
.spacer{height:2px; background:#FFFFFF}
.menu_top{height:33px; background:#7e7e7e; margin-right:50px}
.footer{height:110px; color:#FFFFFF; text-align:right; padding-right:50px; font-size:x-small; padding-top:7px}
.search{float:right; margin-top:17px}
.search_button{float:right; margin-top:17px; margin-right:50px}
.menu_top_buttton { float:right; margin-top: 5px;}
.menu_top_buttton a{height:33px; background:#7e7e7e; padding-left:20px; padding-right:20px; padding-top: 5px; padding-bottom: 10px; font-size: 11pt; font-family: Trebuchet MS; color: #FFFFFF}
.menu_top_buttton a:visited { color: #FFFFFF }
.menu_top_buttton a:hover{background:#939393}
.spacer_menu_top{width:1px; height:33px; background:#FFFFFF; float:right}
.text{float:right; margin-right:60px; margin-top:-60px}

/* home */
.image_home{height:342px; width:900px; background:url(images/image_tentang.png) no-repeat}
.content_home{width:900px; padding-bottom:20px}
.home_kiri{width:250px; float:left; padding-left:50px; margin-top:50px; font-size:small}
.home_kanan{width:550px; padding-left:300px; padding-top:30px; padding-bottom:30px; color:#FFFFFF}
.menu_home{width:250px; height:411px; margin-top:7px; float:left}
.menu_home_curve{width:30px; height:34px; background:url(images/curve_homemenu.png); float:left}
.menu_home_top{width:220px; height:34px; background:#7e7e7e; float:left}
.menu_home_spacer{width:250px; height:2px; background:#FFFFFF; float:left}
.menu_home_button{width:250px; height:50px; float:left; background:#7f7367}
.menu_home_button_spacer{width:250px; height:1px; background:#FFFFFF; float:left}
.menu_home_bottom{width:250px; height:17px; background:url(images/bg_button_home_bottom.png); float:left}
.menu_home_button a{width:220px; height:50px; background:#7f7367; float:left; padding-left:30px;}
.menu_home_button a:hover{background:#aa9989}
.home_kiri a{color:#CCCCCC}
.home_kiri a:hover{color:#FFFFFF}

/* layanan */
.image_layanan{height:342px; width:900px; background:url(images/image_layanan.png) no-repeat}
.layanan_kanan{width:520px; padding-left:330px; padding-top:30px; padding-bottom:30px; color:#FFFFFF}
.menu_layanan{width:230px; float:left; margin-left:50px; margin-top:250px}
.menu_layanan_top{width:230px; height:129px; background:url(images/menu_layanan_top.png)}
.menu_layanan_bottom{width:230px; background:url(images/menu_layanan_bottom.png) bottom; padding-bottom:30px}
.menu_layanan_middle{width:210px; background:#4d4d4d; color:#FFFFFF; float:left; padding-left:20px; padding-top:15px; padding-bottom:15px; font-size:small}
.menu_layanan_title{margin-left:30px; padding-top:10px; padding-bottom:10px}
.menu_layanan_middle a{color:#FFFFFF}
.menu_layanan_middle a:hover{color:#999999}
.menu_layanan_blank{height:200px}
.layanan_kanan a{color:#FFFFFF; text-decoration:none}
.layanan_kanan a:hover{text-decoration:underline}

.submenu_layanan_dd{height:41px; position:relative}
.submenu_layanan_dd_1 a{width:150px; background:url(images/dd_konsultasi_bg.png) no-repeat; float:left; position:absolute}
.submenu_layanan_dd_2 a{width:150px; background:url(images/dd_pelatihan_bg.png) no-repeat; float:left; position:absolute; margin-left:130px}
.submenu_layanan_dd_3 a{width:225px; background:url(images/dd_sisteminformasi_bg.png) no-repeat; float:left;  position:absolute;  margin-left:259px}
.submenu_layanan_dd_4 a{width:150px; background:url(images/dd_konsultasi_bg.png) no-repeat; float:left; position:absolute; margin-top:43px}
.submenu_layanan_dd_5 a{width:150px; background:url(images/dd_pelatihan_bg.png) no-repeat; float:left; position:absolute; margin-left:130px; margin-top:43px}
.submenu_layanan_dd_1 a:hover{background:url(images/dd_konsultasi_bgh.png) no-repeat}
.submenu_layanan_dd_2 a:hover{background:url(images/dd_pelatihan_bgh.png) no-repeat}
.submenu_layanan_dd_3 a:hover{background:url(images/dd_sisteminformasi_bgh.png) no-repeat}
.submenu_layanan_dd_4 a:hover{background:url(images/dd_konsultasi_bgh.png) no-repeat}
.submenu_layanan_dd_5 a:hover{background:url(images/dd_pelatihan_bgh.png) no-repeat}
.submenu_layanan_dd_1s a{width:150px; background:url(images/dd_konsultasi_bgs.png) no-repeat; float:left; position:absolute}
.submenu_layanan_dd_2s a{width:150px; background:url(images/dd_pelatihan_bgs.png) no-repeat; float:left; position:absolute; margin-left:130px}
.submenu_layanan_dd_3s a{width:225px; background:url(images/dd_sisteminformasi_bgs.png) no-repeat; float:left;  position:absolute;  margin-left:259px}
.submenu_layanan_dd_4s a{width:150px; background:url(images/dd_konsultasi_bgs.png) no-repeat; float:left; position:absolute; margin-top:43px}
.submenu_layanan_dd_5s a{width:150px; background:url(images/dd_pelatihan_bgs.png) no-repeat; float:left; position:absolute; margin-left:130px; margin-top:43px}
P {text-indent:10pt}


.image_dd{height:342px; width:900px; background:url(images/image_dd.jpg) no-repeat}
.image_ddk{height:342px; width:900px; background:url(images/image_ddk.jpg) no-repeat}
.image_ddp{height:342px; width:900px; background:url(images/image_ddp.jpg) no-repeat}
.image_dds{height:342px; width:900px; background:url(images/image_dds.jpg) no-repeat}
.image_ddmk{height:342px; width:900px; background:url(images/image_mk.jpg) no-repeat}
.image_ddid{height:342px; width:900px; background:url(images/image_idea.jpg) no-repeat}

.image_rs{height:342px; width:900px; background:url(images/image_rs.jpg) no-repeat}
.image_rsk{height:342px; width:900px; background:url(images/image_rsk.jpg) no-repeat}
.image_rsp{height:342px; width:900px; background:url(images/image_rsp.jpg) no-repeat}
.image_rss{height:342px; width:900px; background:url(images/image_rss.jpg) no-repeat}

.image_sdm{height:342px; width:900px; background:url(images/image_sdm.jpg) no-repeat}
.image_sdmk{height:342px; width:900px; background:url(images/image_sdmk.jpg) no-repeat}
.image_sdmp{height:342px; width:900px; background:url(images/image_sdmp.jpg) no-repeat}
.image_sdms{height:342px; width:900px; background:url(images/image_sdms.jpg) no-repeat}

.image_prod{height:342px; width:900px; background:url(images/image_produk.jpg) no-repeat}
.image_psdm{height:342px; width:900px; background:url(images/image_psdm.jpg) no-repeat}
.image_psp{height:342px; width:900px; background:url(images/image_psp.jpg) no-repeat}
.image_paudit{height:342px; width:900px; background:url(images/image_paudit.jpg) no-repeat}
.image_pcs{height:342px; width:900px; background:url(images/image_pcs.jpg) no-repeat}
.image_prs{height:342px; width:900px; background:url(images/image_prs.jpg) no-repeat}
.image_pin{height:342px; width:900px; background:url(images/image_pin.jpg) no-repeat}

/* tentang kami */
.image_tentang{height:342px; width:900px; background:url(images/image_home.png) no-repeat}
.image_visi{height:342px; width:900px; background:url(images/image_visi.png) no-repeat}

/* klien dan partner */
.image_klien{height:342px; width:900px; background:url(images/image_klien.png) no-repeat}

/* kontak */
.image_kontak{height:342px; width:900px; background:url(images/image_kontak.png) no-repeat}
.menu_kontak_top{width:230px; height:129px; background:url(images/menu_kontak_top.png)}

.content_home{background-color: rgba(0,0,0,0.5)}
.text_home{color:#ffffff}
.text_home a{color:#FFFFFF}
.text_home a:visited{color:#FFFFFF}
.text_home a:hover{text-decoration:underline}



/* engineering */
.banner_enginnering{height:195px; width:900px; background:url(images/engineering%20banner.png) no-repeat}
.head_engineering{color:#fcba63; font-size:xx-large; font-style:strong}
.subhead_engineering{color:#fcba63; font-size:x-large; font-style:strong}
.minihead_engineering{color:#fcba63; font-size:large; font-style:strong}
.readmore_t{float:right; font-size:small; color:#bed63a}

/* training */
.banner_training{height:195px; width:900px; background:url(images/training%20banner.png) no-repeat}
.head_training{color:#bed63a; font-size:xx-large; font-style:strong}
.subhead_training{color:#bed63a; font-size:x-large; font-style:strong;}
.minihead_training{color:#bed63a; font-size:large; font-style:strong}

/* odp */
.banner_odp{height:195px; width:900px; background:url(images/odp%20banner.png) no-repeat}
.head_odp{color:#e44044; font-size:xx-large; font-style:strong}
.minihead_odp{color:#e44044; font-weight:bold}
.content_odp{color:#FFFFFF; font-weight:normal; line-height:150%}

/* as */
.banner_as{height:195px; width:900px; background:url(images/appso%20banner.png) no-repeat}
.head_as{color:#AEDEE4; font-size:xx-large; font-style:strong}
.subhead_as{color:#AEDEE4; font-size:x-large; font-style:strong}
.pict{width:275px; float:left}
.content_as{width:500px; padding-left:300px;}
.readmore_s{float:right; font-size:small; color:#AEDEE4}
.minihead_as{color:#AEDEE4; font-size:large; font-style:strong}

/* training manajemen 191026 */
.banner_trm{height:195px; width:900px; background:url(images/appso%20banner.png) no-repeat}
.head_trm{color:#AEDEE4; font-size:xx-large; font-style:strong}
.pictitle_trm{color:#bed63a; font-size:medium; font-weight: bold;}
.subhead_trm{color:#AEDEE4; font-size:x-large; font-style:strong}
.pict{width:275px; float:left}
.content_trm{width:800px;}
.readmore_trm{float:right; font-size:small; color:#AEDEE4}
.minihead_trm{color:#AEDEE4; font-size:large; font-style:strong}

/* training manajemen 191219 */
.subhead_trm2 {color:#bed63a; font-size: large;   font-style:strong}
.div_subhead {width:500px; padding-left:300px;}


/* CSS FOR PRODUCTS */

.border_product {
	width: 160px;
	height: 160px;
	border: 5px;
	border-left-style: solid;
	border-left-color: #C0C0FF;
	border-right-style: solid;
	border-right-color: #C0C0FF;
	background-color: #758081;
	float: left;
	position: relative;
}

.img_product {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.subhead_product {
	color: #C0C0FF;
	font-size: x-large;
	font-style: strong;
}

.content_product {
	width: 375px;
	padding-left: 190px;
	padding-top: 20px;
}

.readmore_product {
	float: right;
	font-size: small;
	color: #C0C0FF;
}

.panel_power {
	border: 5px;
	border-top-style: solid;
	border-top-color: #C0C0FF;
	border-bottom-style: solid;
	border-bottom-color: #C0C0FF;
}

.head_power {
	color:#C0C0FF;
	font-family: "Trebuchet MS", Helvetica, Georgia, Serif;
	font-size:xx-large;
}

.subhead_power {
	color:#C0C0FF;
	font-family: "Trebuchet MS", Helvetica, Georgia, Serif;
	font-size:x-large;
}

/* unvisited link */
a.more_power:link {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-family: "Trebuchet MS", Helvetica, Georgia, Serif;
    font-size:small;
}

/* visited link */
a.more_power:visited {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-family: "Trebuchet MS", Helvetica, Georgia, Serif;
    font-size:small;
}

/* mouse over link */
a.more_power:hover {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-family: "Trebuchet MS", Helvetica, Georgia, Serif;
    font-size:small;
}

/* selected link */
a.more_power:active {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-family: "Trebuchet MS", Helvetica, Georgia, Serif;
    font-size:small;
}



.panel_cooling {
	border: 5px;
	border-top-style: solid;
	border-top-color: #C0C0FF;
	border-bottom-style: solid;
	border-bottom-color: #C0C0FF;
}

.head_cooling {
	color:#C0C0FF;
	font-size:xx-large;
}

.subhead_cooling {
	color:#C0C0FF;
	font-size:x-large;
}

/* unvisited link */
a.more_cooling:link {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}

/* visited link */
a.more_cooling:visited {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}

/* mouse over link */
a.more_cooling:hover {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}

/* selected link */
a.more_cooling:active {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}



.panel_leak {
	border: 5px;
	border-top-style: solid;
	border-top-color: #C0C0FF;
	border-bottom-style: solid;
	border-bottom-color: #C0C0FF;
}

.head_leak {
	color:#C0C0FF;
	font-size:xx-large;
}

.subhead_leak {
	color:#C0C0FF;
	font-size:x-large;
}

/* unvisited link */
a.more_leak:link {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}

/* visited link */
a.more_leak:visited {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}

/* mouse over link */
a.more_leak:hover {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}

/* selected link */
a.more_leak:active {
    color: rgba(0,0,0,0.5);
    padding: 10px;
    background-color: #C0C0FF;
    font-size:small;
}


.border_cooling {
	width: 200px;
	height: 200px;
	border: 5px;
	border-left-style: solid;
	border-left-color: #C0C0FF;
	border-right-style: solid;
	border-right-color: #C0C0FF;
	background-color: #758081;
	float: left;
	position: relative;
}

.border_leak {
	width: 40%;
	height: auto;
	display: inline;
	float: left;
	margin: 35px;
	border: 5px;
	border-left-style: solid;
	border-left-color: #C0C0FF;
	border-right-style: solid;
	border-right-color: #C0C0FF;
	background-color: #758081;
}