
.container-header{
	display:block;
	margin:20px 0 0;}
.container-top{	
	color:#fff;}
.container-top a, .container-top button.btn-link{
	color:#fff;}

.container-foot{
	background:#222;
	padding:20px 0 ;
}

.bg-home{
	height:210px;
	background:url(../images/welcome2.png) no-repeat;}
.container-bottom{
	background:none;
	margin:30px auto 0;
	font-size:11px;
	padding:20px 0 0;
}
.slide{
	width:100%;
	height:265px;
	background:#fff;
	margin:0 0 20px;
	overflow:hidden;
	float:left;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	box-shadow:0 0 5px #333;
	-webkit-box-shadow:0 0 5px #333;
	-moz-box-shadow:0 0 5px #333;}
.banner{
	width:315px;
	height:270px;
	overflow:hidden;
	float:left;}
.banner img{
	width:320px;
	border:none;
	
	}
.wrapper{
	padding:20px 0;
	
	margin:0 auto;
	}
.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 solid #333;}
.map{overflow:hidden;
	padding:10px 0;}
.entry-min{
	padding:5px 10px;}
.entry-box{
	padding:10px;}
.entry{
	margin:15px 0;}
.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;}

.clear{
	clear:both;}
.bord{
	border:1px solid #e3e3e3;}
.page{
	margin:20px 0;}
.page-bg{
	background:url(../images/page-bg.jpg) left top repeat-x;
	padding:20px;}
.txt-white{
	color:#f3f3f3;}
.fb-btn{
	height:30px;
	border:none;
	padding:30px 15px}



.branch-img{
	height:162px;
	overflow:hidden;
	width:210px;
	}
.branch-img img{
	max-width:210px;
	height:162px;
	}
.logo, .logo h3{
	font-weight:bold;
	color:#fff;}
.logo img{
	padding:15px 0 0;
	margin:0 auto;
	border:none;
	}
.logo a:hover{
	border:none;
	text-decoration:none;
	color:#f75700;}
.logo a{
	color:#FFF;
	height:100%;
	display:block;
	text-align:center;
	border:none;
	text-decoration:none;
	font-size:48px;
	line-height:30px;
}
.logo a span{
	color:#F00;}

.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;

	}
.img-box{
	margin:5px 0;}
.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;}

.menu{
	padding:20px 0; 
	background:#111;
	width:auto;
	}
.menu ul{	
	
	padding:0;
	list-style-type:none;
	}

.menu ul li{
	float:left; 
	display:block;
	padding:0 0;
	margin:0 0 0;
	
	}
.menu ul li.noborder{
	background:none;	
	}
.menu ul li a{
	padding:20px  ;
	font-size:14px;
	font-style:normal;
	font-weight: bold;
	line-height:24px;
	text-decoration:none;
	color:#fff;
	}

.menu ul li a:hover{
	background:#232323;
	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 20px 0 0;}
.img-right{
	border:none;
	float:right;
	margin:0  0 0 20px;}
.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{
	background:url(../images/judul-bg.jpg) center left repeat-x;}
.judul span{
	background:#fcfcfc;
	padding:0 5px;}

ul.social{
	padding:0;
	display:block;
	margin:0;}
ul.social li{
	
	text-align:left;
	list-style:none;
	height:30px;
	font-size:12px;
	padding:10px 0 0 30px;
	}
ul.social li a{
	color:#666;}
ul.social li.fb{
	background:url(../images/social/facebook.png) left center no-repeat ;}
ul.social li.gplus{
	background:url(../images/social/google-plus-black.png) left center no-repeat ;}
ul.social li.instagram{
	background:url(../images/social/instagram.png) left center no-repeat ;}
ul.social li.foursquare{
	background:url(../images/social/foursquare.png) left center no-repeat ;}
ul.social li.skype{
	background:url(../images/social/skype.png) left center no-repeat ;}
ul.social li.twitter{
	background:url(../images/social/twitter-2.png) left center no-repeat ;}
ul.social li.yahoo{
	background:url(../images/social/yahoo.png) left center no-repeat ;}
ul.social li.weibo{
	background:url(../images/social/weibo-icon.png) left center no-repeat ;}

.box-offer{
	background:#fff;
	padding:10px;
	height:180px;
	margin:5px 0 10px;
	border: 1px solid #e1e1e1;}
.box-offer h4{
	color:#d9230f;
}
.box-img{
	float:left;
	margin:15px 7px 0 ;
	border:1px solid #dcdcdc;
	display:block;
	text-align:center;
	width:220px;
	height:180px;
	padding:10px;}
.box-img img{
	border:none;
	margin:0 auto;
	height:160px;}
.box-img:hover{
	box-shadow:1px 1px 8px #bcbcbc;
	-webkit-transition: 0.5s;}
.img-box-home{
	width:153px;
	overflow:hidden;
	height:143px ; 
	margin:2px; 
	float:left;
	border:5px solid #222;
	border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;}
.img-box-home img{
	border:none;
	height:100%;}
.img-box-home:hover{
	border:5px solid #999;}
.img-box{
	background:#fff;
	width:190px;
	overflow:hidden;
	height:140px ; 
	margin:5px; 
	float:left;
	border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-border-radius:5px;}
.img-box img{
	border:none;
	width:100%;}
.box-logo img{
	margin:5px;}