.container-top{
	display:block;
	min-height:30px;
	margin:20px auto ;}
.container-title{
	margin:10px auto;
	background:#ff9900;}
.container-title h1, .container-title p{	
	color:#fff;}
.follow{
	color:#fff;}
.follow img{
	height:40px;
	border:none;
	padding:5px;
	transition: all 0.2s ease-out; }
.follow img:hover{
	 -webkit-filter: grayscale(70%);}
.container-foot{
	margin:20px auto 0;
	border:1px solid #eee;
	border-style:solid none;
	background:#222;
	color:#fff;
	padding:20px 0;
}
.container-foot h4{
	color:#d9230f;}
.container-bottom{
	background:none;
	margin:30px auto 0;
	font-size:11px;
	padding:20px 0 0;
}

.wrapper{
	overflow:hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #333;
	background:#fff; 
	margin:20px auto ; 
	box-shadow:0 0 7px #999;
	-webkit-box-shadow:0 0 7px #999;
	-moz-box-shadow:0 0 7px #999;}
.tb-box{
	border:1px solid #dcdcdc;
	margin:0 0 20px;}
.tb-box h5{
	background:#fcfcfc;
	margin:0;
	padding:10px 20px;
	border-bottom:1px solid #dcdcdc;
	}
.garis{
	margin:5px 0;
	border-bottom:1px dashed #e7e7e7;}
.garis2{
	margin:5px 0;
	border-bottom:1px dashed #333;}
.map{overflow:hidden;
	padding:10px 0;}
.entry-min{
	padding:5px 10px;}
.entry-box{
	padding:10px;}
.entry{
	padding:10px;
	margin:5px;}
.entry h2{
	color:#F90;
	padding:0 0 10px;
	margin:0;
	font-weight: normal;
	font-size:24px;
	line-height:40px;}
.entry h3{
	color:#333;
	padding:0 0 10px;
	margin:0;
	font-weight: normal;
	font-size:24px;
	line-height:40px;}
.entry h5{
	color:#F90;
	margin:20px 0 10px;
	font-size:18px;
	}
.thumb-left{
	float:left;
	margin:0 10px 0 0;}
.container-plus{
	background:#09F;
	overflow:hidden;
	width: 980px;
	margin:0 auto;
	}
a.color{
	color:#09F;}
a.color:hover{
	color:#03F;}
p{
	text-align:justify;}
.header{
	top:0;
	z-index:99;
	width:100%;
	position:fixed;
	background: url(../images/bg-menu.png) left top repeat-x;
	height:100px;
	margin:0;}
.clear{
	clear:both;}
.page{
	margin:20px 0;}
.page-bg{
	background:url(../images/page-bg.jpg) left top repeat-x;
	padding:20px;}
.txt-white{
	color:#f3f3f3;}

.logo{	text-align:center;
}
.logo img{
	margin:20px auto;
	height:100px;
	border:none;
	}
.branch-img{
	height:162px;
	overflow:hidden;
	width:210px;
	}
.branch-img img{
	max-width:210px;
	height:162px;
	}
.logo a{
	color:#333;
	height:100%;
	display:block;
	text-align:center;
	border:none;
	text-decoration:none;
	font-size:48px;
	line-height:30px;
}
.logo a span{
	color:#d9230f;}

.pro-img{
	border: 1px solid #ccc;
	position:relative;
	background:#fff;
	width:175px;
	height:160px;
	float:left;
	margin:5px;
	overflow:hidden;
	text-align: center;
	line-height: 120px;
	-webkit-transition:  0.3s;}

.pro-img:hover{
	border: 1px solid #fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;

	}
.pro-img img{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
	vertical-align: middle;
	margin: auto;
	border:0;
	width:175px;
	-webkit-transition:  0.5s;}



.pro-img img:hover{
	border:0;
	width:180px;}

.part-box{
/*	display:inline-block;
	width:220px;
	margin:5px
*/
display:inline-block;
	width:300px;
	height:320px;	
	margin:5px}
.desc-pic{
	
	margin:0 0 5px;
	height:240px;
	overflow:hidden;
	}
.name-pic{
	float:left;
	margin:0 10px 10px 0 ;
	width:90px;
	height:90px;}
.logo a:hover{
	border:none;
	text-decoration:none;
	color:#f75700;}
.menu ul{	
	margin:0;
	padding:0;
	list-style-type:none;
	}
.borderless, table.borderless tr td{
	border:none} 	
.menu ul li{
	float:left; 
	display:block;
	padding:0 2px 0 0;
	margin:0 0 0;
	
	}
.menu ul li.logo a{
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	display:block;
	padding:30px 0 23px;
	text-transform:none;
	margin:0 0 0;
	color:#F90;
	
	} 
.menu ul li.logo a:hover{
	color:#F30;
	border-bottom:none;
	text-decoration:none;}
.menu ul li.noborder{
	background:none;	
	}
.menu ul li a{
	text-transform:uppercase;
	padding:30px 0 23px;
	margin:0 20px;
	float:left;
	font-size:14px;
	font-style:normal;
	font-weight: 600;
	line-height:24px;
	text-decoration:none;
	color:#333;
	}

.menu ul li a:hover{
	padding:30px 0 18px;
	text-decoration:none;
}
.bor-rad-top{
	border:1px solid #dddddd;
	border-radius:0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-style: none solid solid solid;}
.bor-rad{
	border:1px solid #dddddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
.shaddow{
	box-shadow:0 0 7px #c1c1c1;
	-webkit-box-shadow:0 0 7px #c1c1c1;
	-moz-box-shadow:0 0 7px #c1c1c1;}
ul.menu-kiri{
	padding:0;
	margin:0;}
ul.menu-kiri li{
	padding:5px;
	display:block;
	border-bottom:1px dashed #aaadb0;
	list-style:none;}
ul.menu-kiri li a{
	text-decoration:none;
	font-weight:bold;
	color:#07b0fe;}
ul.menu-kiri li a:hover{

	color:#F60;}
ul.menu-kiri li:hover{
	background:#f9f9f9;
}
.bg-green{
	background:#0C0;}
.bg-white1{
	background:#fcfcfc;}
.bg-white{
	background:#fff;}
.bg-blue1{
	background:#a1d7e9;}
.bg-purple1{
	background:#c9b8e7;}
.bg-blue{
	background:#0CF;}
.bg-purple{
	background:#60F;}
.bg-grey{
	background:#c9c9c9;}
.jarak{
	margin:10px 0;}
.link-top{
	padding:7px 0;
	font-size:12px;}
.img-left{
	border:none;
	float:left;
	margin:0 10px 0 0;}
.img-right{
	border:none;
	float:right;
	margin:0  0 0 10px;}
.pad-img{
	padding:5px;}
.pad-img-left{
	float:left;
	margin:5px;
	padding:5px;}
.pad-box-center{
	text-align:center;
	padding:15px;}
.pad-box-center img{
	width:380px;
	border:none;
	outline:none;}
.pad-box-center p{
	padding:5px;
	text-align:center;}
.box-center{
	padding:5px;
	text-align:center;}
.red{
	color:#F00;
	}
.blue{
	color:#227596;}
.judul{
	color:#333;
	font-size:24px;
	line-height:30px;
	padding:0;
	text-transform:uppercase;
	margin:5px 10px;}
h4.min{
	font-weight:lighter;
	padding-bottom:20px;
	border-bottom:1px solid #333;}
.img-bot{
	height:80px; float:left; padding:5px; border:none;}