@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'); }

body {
	margin:0;
	padding:0;
	font:normal 13px ffmyriad, Arial, Helvetica, sans-serif;
	/*color: #333;*/
	color: #000000;
	line-height:140%;
	font-family: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;
}
.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 Tahoma, Geneva, sans-serif;
}
.headline {
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
}
.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 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 ffmyriad, Arial, Helvetica, sans-serif;
	color:#999;
}
.title2 {
	font:normal 18px ffmyriad, Arial, Helvetica, sans-serif;
	color:#89005d;
	letter-spacing:-0.5px;
	padding-bottom:10px;
}
.title3 {
	font:normal 18px 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 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 ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:360px;
}
.list_contact .input_2 {
	padding:5px;
	font:normal 12px ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:50px;
}
.list_contact .input_3 {
	padding:5px;
	font:normal 12px ffmyriad, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #CCC;
	width:150px;
}
.list_contact .input_4 {
	padding:5px;
	font:normal 12px 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;*/
	background:#f3f3e2;
	color: #333;
	font-weight:bold;
	text-align:center;
}
.list_tabel .head_2 {
	/*background: #bfbfa8;*/
	background: #ffffcc;
	/*color:white;*/
	color:black;
	font-weight:bold;
	text-align:center;
	border-top:4px solid white;
}
.list_tabel .warna {
	/*background:#f3f3e2;*/
	background:#ffffe6;
}
.list_tabel li  {
	padding:7px 5px;
	/*background:#ffffec;*/
	background:#ffffff;
}
.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;
}
.list_tabel .lima_2 {
	float:right;
	width:470px;
	text-align:left;
	padding-right:10px;
}
.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;
}