﻿#main { margin:0; padding: 0 0 0 0; width:100%; height: 1239px; background-image: url(images/bg_web.jpg); background-repeat:repeat}
#main2 { margin:0; padding: 0 0 0 0; width:100%; height: auto; background-image: url(images/bg_web.jpg); background-repeat:repeat}
#isi{ width:960px; height:1158px; margin:0 auto; padding:10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; text-align:center; background-color:#FFFFFF;-moz-box-shadow: 0px 2px 5px #000000; -webkit-box-shadow: 0px 2px 5px #000000; box-shadow: 0px 2px 5px #000000;}
#isi2{ width:960px; height:1678px; margin:0 auto; padding:10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; text-align:center; background-color:#FFFFFF;-moz-box-shadow: 0px 2px 5px #000000; -webkit-box-shadow: 0px 2px 5px #000000; box-shadow: 0px 2px 5px #000000;}

#top{width:960px; text-align:center; margin:0 auto; padding:0; height:533px}
#top_inner_logo { width:100%; margin:0 auto; padding:15px 0 0 10px; height:110px; text-align:left}
#top_inner_menu { width:865px; padding:0 0 0 12px; height:66px; text-align:left}
#top_inner_header{ width:930px; margin:0 auto; padding:0; height:332px; background-image:url(images/bg_header.png); background-position:bottom; background-repeat:no-repeat}


#content{width:100%; text-align:center; margin:0 auto; padding:0; height:auto}
#content_inner { width:100%; text-align:center; margin:0 auto; padding:0; height:114px}
#content_inner_lwd { width:980px; margin:0 auto; padding:0; height:114px}

#content_side { width:100%; margin:0 auto; padding:0; height: 450px; background-image:url(images/batas_vertikal.jpg); background-position:center; background-repeat:no-repeat}
#content_side_in { width:980px; margin:0 auto; padding:0; height: 450px}
#content_side_left { width:490px; float:left; margin:-4px 0 0 -30px; padding:0; height: auto}
#content_side_right { width:460px; float:left; margin:0 auto; padding:0 0 0 57px; height: auto}
#content_latest { width:100%; margin:0 auto; padding:0; height:454px; background-image:url(images/list_tv.jpg); background-repeat:repeat-x}
#content_latest_bg { width:980px; margin:0 auto; padding:0; height: 454px; background-image:url(images/tv.png); background-position:right; background-repeat:no-repeat}
#content_latest_left { width:420px; float:left; margin:0 auto; padding:0; height: auto}
#content_latest_right { width:557px; float:left; margin:0 auto; padding:40px 3px 0 0; height: auto}
#thee{ width:30px; float:left; font:normal 37px tahoma;color:#8AC2D1;text-decoration:none;line-height:37px;margin:0 auto;padding:17px 0 0 8px; text-align:left}
#hard{ width:40px; float:left; font:normal 54px tahoma;color:#FFFFFF;text-decoration:none;line-height:37px;margin:0 auto;padding:40px 0 0 40px; text-align:left}
#work{ width:40px; float:left; font:bold 82px arial black;color:#FFFFFF;text-decoration:none;line-height:50px;margin:0 auto;padding:14px 0 15px 83px; text-align:left}
#thee2{ width:30px; float:left; font:normal 37px tahoma;color:#B5B5B5;text-decoration:none;line-height:37px;margin:0 auto;padding:20px 0 0 5px; text-align:left}
#hard2{ width:40px; float:left; font:normal 54px tahoma;color:#555555;text-decoration:none;line-height:37px;margin:0 auto;padding:47px 0 0 40px; text-align:left}
#work2{ width:40px; float:left; font:bold 82px arial black;color:#3B3B3B;text-decoration:none;line-height:50px;margin:0 auto;padding:17px 0 15px 53px; text-align:left}

.serve{ font:bold 12px arial;color:#6B6B6B;text-decoration:none;line-height:17px;margin:0 auto; text-align:left}
.rp{ font:bold 12px arial;color:#449FA1;text-decoration:none;line-height:17px;margin:0 auto; text-align:left}
.pack{ font:normal 12px arial;color:#5E5E5E;text-decoration:none;line-height:17px;margin:0 auto; text-align:left}

.txt-sam2{ color:#FFFFFF; font:normal 12px "Tahoma"; font-style: italic; line-height:15px;  text-align: justify; margin:0 0 5px 0; padding:0}
.nama_testi{ color:#FFFFFF; font:bold 13px "Tahoma"; font-style: italic; line-height:15px;  text-align: justify; margin:0 0 5px 0; padding:0}
.jdl_paket_web {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7F7F7F;
	text-transform: none;
	text-decoration: none;
	line-height: 180%;
}
.text-page{font:13px Calibri;/*border:1px solid #cab;*/color:#3a3a3a;line-height:20px;text-decoration:none;background:#ffe;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 2px #aaa;-moz-box-shadow:0 0 2px #aaa;-webkit-box-shadow:0 0 2px #aaa;margin:2px 3px;padding:2px;
transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
}
.text-page:hover{font:13px Calibri;color:#fff;/*border:1px solid #fd6701;*/line-height:20px;text-decoration:none;background:#69f;margin:2px 3px;padding:2px}
.news{font:12px verdana; color:#333;text-align:justify;line-height:15px;margin:0 auto;padding:3px}
.border_inactive{ background:#fff; border:1px solid #eee;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; box-shadow:0 0 1px #ccc; -moz-box-shadow:0 0 1px #ccc; -webkit-box-shadow:0 0 1px #ccc; -o-box-shadow:0 0 1px #ccc; -ms-box-shadow:0 0 1px #ccc; margin:5px;padding:5px}
#judul_inactive{font:normal 16px tahoma;line-height:17px;color:#1D8EB2;text-transform:capitalize;text-decoration:none;text-shadow:1px 1px 1px #ccc;margin:0 auto;padding:5px 0; text-align:left}
.rm_90{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F6CB39;
	text-transform: none;
	text-decoration: none;
	line-height: 180%;
}
.rm_90:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F1BD0B;
	text-transform: none;
	text-decoration: none;
	line-height: 180%;
}
.garis_bold{
font:bold 14px Calibri;color:#171717;text-decoration:none
line-height: 150%;
text-decoration: none;
border-bottom: solid 1px #E1E1E1;
border-left: solid 1px #E1E1E1;
border-top: solid 1px #E1E1E1;
} 
.garis{
font:normal 14px Calibri;color:#171717;text-decoration:none
line-height: 150%;
text-decoration: none;
border-bottom: solid 1px #E1E1E1;
border-left: solid 1px #E1E1E1;
border-top: solid 1px #E1E1E1;
} 
.garis_r{
font:garis_bold 14px Calibri;color:#171717;text-decoration:none
line-height: 150%;
text-decoration: none;
border-bottom: solid 1px #E1E1E1;
border-left: solid 1px #E1E1E1;
border-right: solid 1px #E1E1E1;
border-top: solid 1px #E1E1E1;
}


#package_side { width:100%; margin:0 auto; padding:0; height: 500px}
#package_side_in { width:980px; margin:0 auto; padding:0; height: 500px}
#package_side_left { width:460px; float:left; margin:0 auto; padding:60px 0 0 0; height: auto; text-align:left}
#package_side_right { width:520px; float:left; margin:0 auto; padding:0; height: auto}

#article_side { width:100%; margin:0 auto; padding:0; height: 230px; background-color:#1f1f1f}
#article_side_in { width:980px; margin:0 auto; padding:0; height: 230px}
#article_side_left { width:380px; float:left; margin:0 auto; padding:30px 0 0 0; height: auto; text-align:justify}
#article_side_mid { width:260px; float:left; margin:0 auto; padding:30px 0 0 0; height: auto; text-align:justify}
#article_side_right { width:340px; float:left; margin:0 auto; padding:0; height: auto}
.need {font: normal 16px arial;color:#FE9C2F;text-decoration:none; line-height:23px}
.need_tlp {font: normal 26px arial;color:#FFFFFF;text-decoration:none; line-height:36px}
.need_bb {font: normal 19px arial;color:#FFFFFF;text-decoration:none;  line-height:28px}
.need_we {font: normal 12px arial;color:#B6B6B6;text-decoration:none;  line-height:28px} 
.address {font: normal 19px arial;color:#E0E0E0;text-decoration:none;  line-height:28px}
.link_art {font: normal 12px arial;color:#B6B6B6;text-decoration:none;  line-height:28px}


#conten_oth{width:100%; text-align:center; margin:0 auto; padding:0; height:auto}
#conten_oth_inner { width:930px; margin:0 auto; padding:0; height: auto}
#conten_full { width:930px; float:left; margin:0 auto; padding:0 20px 0 0; height:275px; text-align:justify}
#conten_in_left { width:640px; float:left; margin:0 auto; padding:0 20px 0 0; height:390px; text-align:justify}
#conten_in_right { width:270px; float:left; margin:0 auto; padding:0; text-align:justify}
.wel {font: normal 20px Myriad Pro; color:#272727;text-decoration:none;line-height:25px; padding-bottom:4px}
#conten_in_left2 { width:645px; float:left; margin:0 auto; padding:0 15px 0 0; height: auto; text-align:justify;border-right:1px solid #DCE5E4}
#conten_in_right2 { width:254px; float:left; margin:0 auto; padding:0 0 0 15px; text-align:justify}

.jdl_service {font: bold 12px tahoma;color:#1A1A1A;text-decoration:none;  line-height:19px}
.jdl_service:hover {font: bold 12px tahoma;color:#0D0D0D;text-decoration:none;  line-height:19px}

.konten {font: normal 12px tahoma;color:#0D0D0D;text-decoration:none;  line-height:19px}
.konten2 {font: normal 12px tahoma;color:#0D0D0D;text-decoration:none;  line-height:17px}
.konten_cu{font: normal 12px tahoma;color:#0D0D0D;text-decoration:none;  line-height:8px}
.konten_putih {font: normal 12px tahoma;color:#FFFFFF;text-decoration:none;  line-height:17px}
#form_errorloc, #myform_errorloc{font:11px verdana;color:#4A4A4A; line-height:14px;font-style:italic;text-align:left;padding:5px}
.border_img {
	border:1.5px solid #B2B2B2;
	margin: 0px 8px 2px 0;
	line-height:17px; 
	-moz-border-radius:5px;
	border-radius:5px;
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1; 
} 

.border_img:hover {
	border:1.5px solid #B2B2B2;
	margin: 0px 8px 2px 0;
	line-height:17px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity:0.90; 
} 
.border_img_ {
	border:1.5px solid #CCCCCC;
	margin: 0px 8px 2px 0;
	line-height:17px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1; 
} 

.input,textarea,select,fieldset{ border-radius:2px; text-align:left;-moz-border-radius:2px;-webkit-border-radius:2px;font:12px Calibri;line-height:22px;margin:1px auto;padding:2px}
.input,textarea,select,fieldset:hover { background-color:#F3F3F3}

#pooter{width:980px; text-align:center; margin:0 auto; padding:0; height:17px}
#pooter_in_left { width:670px; float:left; margin-top:-8px; padding:0; height: 17px; text-align:left; font: normal 11.5px tahoma;color:#FFFFFF;text-decoration:none}
#pooter_in_right { width:305px; float:left; margin:-13px 0 0 0; padding:0 5px 0 0; text-align:right}

.copyright{font:normal 11px tahoma;color:#E5E5E5;text-decoration:none;line-height:14px;margin:0 auto;padding:0}
a.menu-bottom{font:normal 13px tahoma;color:#FFFFFF;text-decoration:none;text-transform:capitalize;line-height:18px;text-shadow:0 0 1px #4D1949;margin:0 0 0 -5px;padding:0 6px}
.lwd{font:normal 12px tahoma;color:#CBCBCB;text-decoration:none}
a.menu-bottom:hover{color:#CBCBCB; text-decoration:none}
.lwd_aktif{font:13px tahoma;color:#96436e;text-decoration:none; font-weight:bold}
.lwd:hover:hover{color:#FFFFFF; text-decoration:none}

.jdl_code2 { text-align:left; font: bold 15px arial;color:#A90700;text-decoration:none;  line-height:19px}
.jdl_code { text-align:left; font: bold 14px arial;color:#A90700;text-decoration:none;  line-height:19px}
.jdl_code:hover { text-align:left; font: bold 14px arial;color:#1E1E1E;text-decoration:none;  line-height:19px}

.jdl_code_h { text-align:left; font: bold 13px arial;color:#A90700;text-decoration:none;  line-height:19px}
.jdl_code_h:hover { text-align:left; font: bold 13px arial;color:#1E1E1E;text-decoration:none;  line-height:19px}

.border_bottom_news { border-bottom:solid; border-bottom-color:#FFFFF; border-width:0px; padding:0px  }
.border_bottom_news2 { border-bottom:solid; border-bottom-color:#CCCCCC; border-width:1px; padding:0 2px 0 2px}

.rm_blok2 {
	display:inline;
	background-color:#E3040B;
	border:1px solid;
	border-color:#E3040B #E3040B #E3040B #E3040B;
	margin-top:10px;
	padding:1px 5px 1px 5px;
	font-family: Tahoma;
	font-size: 13px;
	text-transform: capitalize;
	color: #E5E5E5;
	line-height:21px;
	border-radius:4px;
	text-decoration:none;
}
.rm_blok2:hover {
	display:inline;
	background-color:#686868;
	border:1px solid;
	border-color:#686868 #686868 #686868 #686868;
	margin:0px;
	padding:1px 5px 1px 5px;
	font-family: Tahoma;
	font-size: 13px;
	text-transform: capitalize;
	color: #FFFFFF;
	border-radius:4px;
	text-decoration:none;
}

#jdl_paket2 { text-align:left; font: normal 23px arial;color:#57BF3D;text-decoration:none;  line-height:23px}
#ket_paket{font:normal 12px tahoma;color:#707070;text-decoration:none; text-align:justify; padding:5px 0 5px 0}
#ket_paket2{font:normal 11px tahoma;color:#707070;text-decoration:none; text-align:justify; padding:5px 0 5px 0}
#apDiv85 {
	position:absolute;
	width:220px;
	height:200px;
	z-index:10000;
	left: 0px;
	right: 0px;
	bottom: 0px; text-indent:-10000px;	
}

#apDiv85:hover {
	vertical-align:middle; font:bold 14px tahoma;color:#FF0000;text-decoration: none;line-height:14px;
	position:absolute; text-indent:0px;
	width:222px;
	height:233px;
	z-index:10000;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top:110px;
	opacity: 0.7;
	-moz-border-radius: 14px;
	border-radius: 14px;
	top:0px; display:block; background-color:#CCCCCC;
	
}

.caption2{ color:#0b6ece; font:normal 16px Cagliostro, helvetica, "Century Gothic"; text-transform:capitalize; text-align:left; margin:0 auto; padding:0; text-shadow:2px 2px 1px #ccc}

.balancer{float:none;clear:both}

body{border-collapse:collapse;margin:0 auto;padding:0}