@import url(https://fonts.googleapis.com/css?family=VT323);
.container-header{
	
	display:block;
	min-height:30px;
	margin:5px auto ;}
.container-top{	
	background:#50b2ea url(../images/bg-top.png) repeat-y top left;
	padding:10px 0;
	color:#fff;}
.container-top a, .container-top button.btn-link{
	}

.container-foot{
	background:#242424 url(../images/foot3.jpg) bottom repeat-x ;
	color:#999;
	margin:20px auto 0;
	padding:20px 0;
	font-size:12px;
}
.visitor{
	margin-top:25px;
	width:180px;
	height: 100%;
	float:center;
	border:4px solid #09F;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#000;
	color:#fff;
	font-size:18px;
	padding:10px 15px;

	}
.visitor .point{
	font-family:orc, "Courier New", Courier, monospace;
	font-size:26px;
	color:#0C0;
	line-height:26px;}
.container-foot h4{
	color:#fff;}
.box-foot1{
	float:left;
	margin:2px 0;
	width:17%;}
.box-foot1 img{
	width:30px;}
.box-foot2{
	float:left;
	margin:2px 0;
	width:83%;}
.container-bottom{
	background:none;
	margin:30px auto 0;
	font-size:11px;
	padding:20px 0 0;
}
.slide{
	width:100%;
	height:330px;
	overflow:hidden;
	float:left;}
.banner{
	width:315px;
	height:270px;
	overflow:hidden;
	float:left;}
.banner img{
	width:320px;
	border:none;

	}
.box-blu1 h4, .box-blu2 h4{
	color:#111;}
.box-blu1 a, .box-blu2 a{
	color:#FC0;}
.box-blu1{
	color:#FFF;
	padding:5px;
	margin:5px 0;
	text-align:center;
	background:#39F;}
.box-blu2{
	margin:5px 0;
	color:#FFF;
	padding:5px;
	text-align:center;
	background:#3CF;}	
.wrapper{
	background:#fff;
	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;
	}
ul.no-bor{
	padding:0;
	margin:0;
	}
ul.no-bor li{
	list-style:none;}
	
.intro3{	
	font-size:36px;}
.intro{	
	font-size:40px;}
.intro2{
	font-size:60px;}
.intro span{
	font-size:70px;}
.side-hover{
	left:0;
	border-radius: 0  5px 5px 0;
	-moz-border-radius: 0  5px 5px 0;
	-webkit-border-radius: 0  5px 5px 0;
	top:250px;
	overflow:hidden;
	position: fixed;
	z-index:999;
	}
.side-hover2{
	right:0;
	border-radius: 0  5px 5px 0;
	-moz-border-radius: 0  5px 5px 0;
	-webkit-border-radius: 0  5px 5px 0;
	top:100px;
	overflow:hidden;
	position: fixed;
	z-index:999;
	}
.side-hover img{
	
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	border:none;
	width:65px;}
.side-hover2 img{
	
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	border:none;
	width:105px;}
.side-hover img:hover, .side-hover2 img:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */}
.garis{
	margin:15px 0;
	
	clear:both;
	border-bottom:1px solid #f5f5f5;}
.img-box{
	padding:10px 10px 5px;
	margin:0 0 20px;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;}
.map{overflow:hidden;
	padding:10px 0;}
.entry-min{
	padding:5px 10px;}
.entry-box{
	padding:10px;}
.entry-blue{
	float:left;
	width:400px;
	height:400px;
	padding:20px;
	color:#fff;
	background:#50b2ea;}
	
.entry-blue a{
	color:#076194}
	
.entry-slide{
	width:540px;
	border:5px solid #50b2ea;
	height:400px;
	float:left;
	}
.entry{
	padding:10px 0;
	margin:5px 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 40px;}
.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}
.side-box-tv{
	margin:-3px 0 0 0;
	background:#fff url(../images/tvn.png) left center no-repeat;
	width:139px;}
.side-box-tv img{
	float:right;
	border:none;
	padding:0;
	margin: 0;}
.logo-top{
	margin:-2px 0 0 20px;
	z-index:999;
	position:absolute;
	}
.logo-top img{
	border:none;
	height:45px;}
.logo{
	float:left;
	width:100px;
	
	margin-top:-58px;
	}
.logo img{
	z-index:99;
	border:none;}
.menu{
	margin: 0;
	float:none;
	width:100%;
	}
.menu ul{	
	padding:0;
	list-style-type:none;
	}

.menu ul li{

	float:none; 
	display:block;
	padding:0 0;
	margin:0 0 0;
	
	}
.btn-box .btn{
	width:200px;
	margin:5px 0;
	}
.menu ul{
	float:right;}
.menu ul li.noborder{
	background:none;	
	}
.menu ul li a{
	text-transform: uppercase;
	display:block;
	margin:0 8px;
	padding:5px 20px   ;
	font-size:12px;
	font-style:normal;
	line-height:24px;
	text-decoration:none;
	font-weight:bold;
	border:1px #fff solid;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background: -webkit-linear-gradient(rgba(241,241,241,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(241,241,241,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(241,241,241,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(241,241,241,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
	}
	
	
	

.menu ul li a:hover{
   /* background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(157,215,248,0.5));
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(157,215,248,0.5)); 
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(157,215,248,0.5)); 
    background: linear-gradient(rgba(255,255,255,0), rgba(157,215,248,0.5)); 
	*/
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(241,241,241,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,0), rgba(241,241,241,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,0), rgba(241,241,241,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,0), rgba(241,241,241,1)); /* Standard syntax (must be last) */
	color:#666;
	text-decoration:none;
	border:1px #f3f3f3 solid;
}
.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;
}
ul.red-bull{
	list-style:url(../images/bull1.png);}
ul.blue-bull ul{
	list-style:url(../images/bull1.png);}
ul.blue-bull{
	list-style:url(../images/bull.png);}
.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{
	clear:both;
	margin:20px 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 {
	margin:0;
	color:#fff;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:10px 20px 10px;
	font-size:14px;
	line-height:22px;
	text-align:left
}


.port-div{
	width:980px;}
.port-box{
	margin:0 15px 20px 0;
	float:left;
	width:230px;
	
	}
.port-div h4, .port-box h4{
	font-size:16px;
	margin:10px 0;
	color:#df1e25;
	font-weight:normal;}
.port-box-img{
	background:#fff;
	width:230px;
	height:144px;
	overflow:hidden;}
.port-box-img img{
	width:230px;
	border:none;
	}
ul.social-up{
	padding:0;
	margin:0;}
ul.social-up li{
	display:inline;
	list-style:none;}
ul.social{
	padding:0;
	margin:0;}
ul.social li{
	text-align:left;
	list-style:none;
	height:30px;
	font-size:12px;
	padding:10px 0 0 30px;
	}

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-cert{
	margin:0 0 20px;
	background:#290252;
	height:190px;
	border:1px solid #49197b; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px;
	}
.box-cert .cert1{
	width:170px; float:left;}
.box-cert .cert1 img{
	margin:10px 0 0;
	text-align:center;
	width:85%;}
.box-cert .cert2{
	width:610px; float:left;}
.box-cert .cert3{
	width:145px; float:left;}
.box-cert .cert3 img{
	text-align:center;
	width:80%;}