@charset "UTF-8";
/* CSS Document */

/*
@font-face { font-family: ffmyriad; src: url('../fonts/MyriadPro-Regular.otf'); } 
@font-face { font-family: ffmyriad; font-weight: bold; src: url('../fonts/MyriadPro-Bold.otf'); }
*/

@font-face { font-family: msmincho; src: url('../fonts/MSMINCHO.TTF'); } 
@font-face { font-family: ffmyriad; src: url('../fonts/MyriadPro-Regular.otf'); } 
@font-face { font-family: ffmyriad; font-weight: bold; src: url('../fonts/MyriadPro-Bold.otf'); }

body {
	margin:0;
	padding:0;
	font:normal 13px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color: #333;
	line-height:140%;
	font-family:msmincho, ffmyriad
}
.bold {
	font-weight:bold;
}
.cangkang {
	width:1000px;
	margin:auto;
}
.header {
	background: url(../images/header.jpg) no-repeat;
	height:70px;
	padding:85px 0 0 40px;
}
.footer {
	background:#e3e3e3;
	padding:20px 10px;
	border-top:5px solid #d0d0d0;
	margin-top:20px;
}
.menu2 {
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 81%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(81%,#f7f7f7), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 81%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 81%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 81%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(top, #f7f7f7 81%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	border-bottom:0pc;
	height:auto;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #CCC;
}
.menu2 li {
	border-right:1px solid #CCC;
}
.menu {
	margin:5px 0px;
	border-bottom:1px solid #CCC;
	height:30px;
}
.menu ul {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.menu li {
	display:inline-block;
	font:bold 14px ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	margin-right:5px;
}
.menu li a {
	padding:5px 18px 5px 10px;
	color:#333;
	text-decoration:none;
}
.menu li a span {
	display:inline-block;
	width:5px;
	background:#666;
	height:12px;
	margin-right:5px;
}
.menu li a:hover {
	background:#F4F4F4;
}
.menu .home span {
	background:#F00;
}
.menu .home a.selected {
	background:#F00;
	color:#FFF;
}
.menu .service span {
	background:#9ed102;
}
.menu .service a.selected {
	background:#9ed102;
	color:#FFF;
}
.menu .about span {
	background:#b9348e;
}
.menu .about a.selected {
	background:#b9348e;
	color:#FFF;
}
.menu .contact span {
	background:#0077a3;
}
.menu .contact a.selected {
	background:#0077a3;
	color:#FFF;
}
.menu .job span {
	background:#00baff;
}
.menu .job a.selected {
	background:#00baff;
	color:#FFF;
}
.menu .article span {
	background:#ff7800;
}
.menu .article a.selected {
	background:#ff7800;
	color:#FFF;
}
.menu .career span {
	background:#FC0;
}
.menu .career a.selected {
	background:#FC0;
	color:#FFF;
}
.menu .language {
	float:right;
	font-size:12px;
	padding-top:5px;
}
.menu .language a {
	font-size:12px;
}
.breadcrumb {
	font:normal 12px msmincho, Tahoma, Geneva, sans-serif;
}
.headline {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.headline4 {
	background:url(../images/bg_hl.jpg) top center no-repeat;
	width:1050px !important;
	padding-top:25px;
	text-align:center;
	margin:auto;
	margin-bottom:20px;
}
.headline4 img {
	width:990px;
}
.headline4 a {
	-moz-box-shadow: 0px 0px 0px #ccc;
	-webkit-box-shadow: 0px 0px 0px #ccc;
	box-shadow: 0px 0px 0px #ccc;
}
.headline a {
	display:block;
	padding:5px;
	background:white;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
}
.headline2 {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.title {
	font:normal 24px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#89005d;
	letter-spacing:-0.5px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
}
.title span {
	color:#fe8300;
}
.title strong {
	display:block;
	font:normal 12px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#999;
}
.title2 {
	font:normal 18px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#89005d;
	letter-spacing:-0.5px;
	padding-bottom:10px;
}
.title3 {
	font:normal 18px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#89005d;
	letter-spacing:-0.5px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}
.c_1 {
	color:#89005d;
}
.btn_orange {
	display:inline-block;
	padding:5px 10px;
	color:#FFF;
	text-decoration:none;
	font:normal 11px ffmyriad, Arial, Helvetica, sans-serif;
	background:#F60;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn_orange:hover {
	opacity:0.8;
}
.link_ourser a{
	display:block;
	color:#666;
	text-decoration:none;
	padding:3px 0 0 0;
	font-size:12px;
}
.link_ourser a:hover {
	color:black;
}
.link_ourser strong {
	color:#86005b;
}
.list_employe {
	list-style:none;
	padding:0;
	margin:0;
}
.list_employe li {
	width:310px;
	float:left;
	margin:10px;
	font-size:12px;
}
.list_employe li .pic {
	border:4px solid #FFF;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	float:left;
	margin-right:15px;
}
.list_employe li strong {
	display:block;
	padding-bottom:4px;
}
.list_article {
	margin:0;
	padding:0;
	list-style:none;
}
.list_article li {
	float:left;
	width:290px;
	margin-right:20px;
	padding-right:20px;
	border-right:1px dotted #CCC;
}
.list_article li.end {
	border:0;
}
.list_article .date {
	font:normal 11px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#666;
}
.list_article_1 {
	list-style:none;
	padding:10px 0;
	margin:5px 0;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	clear:both;
}
.list_article_1 li {
	padding:10px 0px 10px 20px;
	background:url(../images/bullet_1.gif) 0px 15px no-repeat;
	border-bottom:1px dotted #E8E8E8;
}
.paging a {
	display:inline-block;
	padding:2px 8px;
	color:#333;
	text-decoration:none;
	border-radius:5px;
}
.paging a:hover , .paging a.selected {
	background:#E9E9E9;
}
.con_kiri {
	float:left;
	width:350px;
}
.con_kiri .pic {
	float:right;
	border:4px solid #FFF;
	margin-left:15px;
}
.con_kanan {
	float:right;
	width:600px;
	padding-left:20px;
	border-left:1px solid #CCC;
}
.list_contact {
	padding:0;
	margin:0;
	list-style:none;
}
.list_contact li {
	padding:5px 0 0 0 ;
}
.list_contact .satu {
	float:left;
	width:150px;
}
.list_contact .dua {
	float:right;
	width:400px;
}
.list_contact .input_1 {
	padding:5px;
	font:normal 12px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:360px;
}
.list_contact .input_2 {
	padding:5px;
	font:normal 12px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:50px;
}
.list_contact .input_3 {
	padding:5px;
	font:normal 12px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:150px;
}
.list_contact .input_4 {
	padding:5px;
	font:normal 12px msmincho, ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:360px;
	height:80px;
}
.list_contact .dua label {
	display:block;
	font-size:11px;
}
.pic1 {
	border:5px solid white;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
}
.link_1 a {
	background:url(../images/bullet_2.gif) 0px 5px no-repeat;
	padding:2px 0px 2px 15px;
	color: #666;
	font-size:12px;
	text-decoration:none;
	display:block;
}
.link_1 a:hover {
	text-decoration:underline;
}
.list_1 {
	margin:0;
	list-style:none;
	padding:0;
}
.list_1 li {
	background:url(../images/bullet_2.gif) 0px 5px no-repeat;
	padding:2px 0px 2px 15px;
	color: #666;
	font-size:12px;
	text-decoration:none;
	display:block;
}
.tab_tabel a {
	display:block;
	float:left;
	padding:5px 0;
	width:345px;
	margin-right:3px;
	background:#dcdcdc;
	color:#333;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tab_tabel_3 a {
	width:230px;
	font-weight:bold;
}
.tab_tabel a strong {
	display:block;
	font-weight:bold;
	font-size:14px;
}
.tab_tabel a.selected {
	background:#a60069;
	color:white;
}
.list_tabel {
	list-style:none;
	margin:0;
	padding:0;
	color:#333;
}
.list_tabel .head {
	background:#a60069;
	color:white;
	font-weight:bold;
	text-align:center;
}
.list_tabel .head_1 {
	background:#d9d9cb;
	color: #333;
	font-weight:bold;
	text-align:center;
}
.list_tabel .head_2 {
	background: #bfbfa8;
	color:white;
	font-weight:bold;
	text-align:center;
	border-top:4px solid white;
}
.list_tabel .warna {
	background:#f3f3e2;
}
.list_tabel li  {
	padding:7px 5px;
	background:#ffffec;
}
.list_tabel .satu {
	float:left;
	width:225px;
	text-align:left;
}
.list_tabel .dua {
	float:left;
	width:115px;
	text-align:center;
}
.list_tabel .tiga {
	float:left;
	width:340px;
	text-align:center;
}
.list_tabel .empat {
	float:left;
	width:170px;
	text-align:center;
}
.list_tabel .lima {
	float:left;
	width:200px;
	text-align:center;
}
.input_5 {
	border:1px solid #CCC;
	padding:5px;
	font-size:13px;
	color:#666;
	width:400px;
	margin-bottom:5px;
	display:block;
}
.textarea_1 {
	border:1px solid #CCC;
	padding:5px;
	font-size:13px;
	color:#666;
	width:400px;
	height:100px;
	margin-bottom:5px;
	display:block;
}

.j_left {
	float:left;
	width:750px;
}
.j_right {
	float:right;
	width:200px;
	background:#f0f8ef;
	padding:10px;
}
.j_title {
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfbfb 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfbfb 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfbfb 0%,#e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfbfb 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(top, #fbfbfb 0%,#e3e3e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
	padding:7px 10px 5px 10px;
	border:1px solid #CCC;
	border-top:4px solid #b9348e;
	font-size:16px;
	font-weight:bold;
}
.list_3 {
	list-style:none;
	margin:0;
	padding:10px;
}
.list_3 li {
	width:160px;
	float:left;
	margin:0px 10px;
	height:230px;
	border:1px solid #CCC;
	text-align:center;
	margin-bottom:15px;
}
.list_3 .title {
	padding:5px;
	color:white;
	text-align:center;
	font-size:14px;
}
.list_3 .c_blue {
	text-align:left;
}
.box_1 {
	border:1px solid #CCC;
}
.box_1 .j_title {
	border-left:0;
	border-right:0;
}
.list_2 {
	margin:0;
	padding:20px;
	list-style:none;
}
.list_2 li {
	padding:5px;
}
.list_2 .satu a{
	text-align:center;
	padding:3px 6px;
	width:160px;
	float:left;
	margin-right:10px;
	color:white;
	background:#f62223;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
}
.list_2 .satus a{
	background:#acd556;
	text-decoration:none;
}
.list_2 .satu a:hover {
	opacity:0.8;
	background:#acd556;
}
.list_2 .dua {
	float:left;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	width:500px;
	padding-top:3px;
}
.cangkang2 {
	background:url(../images/bg_hl2.jpg) bottom center no-repeat;
	width:990px !important;
	margin:auto;
	padding:0 20px 40px 20px;
}
.footer2 {
	background: #94236e; /* Old browsers */
	background: -moz-linear-gradient(top, #94236e 0%, #7e125a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94236e), color-stop(100%,#7e125a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #94236e 0%,#7e125a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #94236e 0%,#7e125a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #94236e 0%,#7e125a 100%); /* IE10+ */
	background: linear-gradient(top, #94236e 0%,#7e125a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94236e', endColorstr='#7e125a',GradientType=0 ); /* IE6-9 */
	padding:30px 0;
	border-top:5px solid #94236e;
	margin-top:30px;
}