html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align:baseline;
	font-size:100%;
	outline:0;
	padding:0;
	margin:0;
	border:0;
	line-height:1.6;
}

h1 {font-size:20px;}
a {text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

#bg {font:normal 15px Open Sans; line-height:1.6;color:#333;background:#FFF;}

#bg_pondasi {height:auto;width:auto;font:normal 12px Open Sans;margin:0 auto;padding:10px;clear:both;}
#bg_maheader {width:100%;}
#bg_atas {width:100%;background:#000;height:auto;}
#bg_mailblast {background:#000;padding:5px 0;height:32px;width:50%;float:left;}
#mailblast {width:auto;float:left;display:table-cell;}
#kolommail {background:none;border-bottom:1px solid #FFF;color:#fff;display:inline-block;height:30px;width:auto;border:none;margin-left:30px;position:relative;top:-10px;}
#bg_sosmed {background:#000;padding:5px 0;height:32px;width:50%;float:right;color:#fff;}
#sosialmedia {width:auto;float:right;color:#fff;padding:5px 10px 5px 0;text-align:right;}

#topwrap {height:auto;margin:0 auto;width:100%;padding:50px 0 10px;text-align:center;}
#logo {height:auto;width:auto;}

#menu {float:right;height:40px;margin:0 auto;width:100%;background:#000;}

#4box {max-width:1920px;}
 
#bg_bawah {padding:20px 0;clear:both;height:auto;width:100%;color:#FFF;background:#000;display:inline-block;font:normal 12px Open Sans;}
#bawah {display:block;height:auto;margin:0 auto;width:100%;text-align:center;}
#footer1 {text-align:center;height:auto;width:100%;color:#aaa}
#footer2 {height:auto;width:100%;text-align:center;color:#666}
#footer2 a{color:#666;text-decoration :none;}
#footer2 a:hover {color:#990000;}

#wrapbgnews {width:1200px;margin:0 auto;padding:2% 0;}
#bg_news {margin:0 auto;padding-bottom:2%;margin-bottom:2%;border-bottom:1px solid #ccc;}
#news_pict {width:25%;height:180px;float:left;overflow:hidden;}
#news_pict img{width:100%;height:auto;}
#news_pict:hover{opacity:0.7;}	
#news_title_sdesc {width:70%;padding:0 2%;float:left;}
#news_date {color:#999;}
#news_title {font:normal 30px Open Sans;text-transform:uppercase;}
#news_title a {color:#990000;}
#news_title a:hover {color:#000;}
#news_sdesc {float:left;font:normal 15px Open Sans;margin:2% 0;line-height:1.6}

@media screen and (max-width:980px)
{
	#wrapbgnews {width:100%;margin:0 auto;padding:5% 0;}
	#bg_news {margin:0 auto;padding-bottom:5%;margin-bottom:5%;border-bottom:1px solid #ccc;}
	#news_pict {width:100%;height:auto;float:left;overflow:hidden;}
	#news_pict img{width:100%;height:auto;}
	#news_pict:hover{opacity:0.7;}	
	#news_title_sdesc {width:96%;padding:0 2%;float:left;}
	#news_date {color:#999;}
	#news_title {font:normal 20px Open Sans;text-transform:uppercase;}
	#news_title a {color:#990000;}
	#news_title a:hover {color:#000;}
	#news_sdesc {float:left;font:normal 15px Open Sans;margin:2% 0;line-height:1.6}
}

#albumbox {width:80%;padding:10%}
#albumimg {width:35%;float:left;margin-right:5%;}
#albumimg img {width:100%;height:auto;}
#albuminfobox {width:60%;float:left;}
#albumtitle {font:normal 30px Open Sans;color:#243A6E;text-transform:uppercase;margin-bottom:20px;}
#albumdesc {font:normal 15px Open Sans;padding:0}
#albumdesc iframe {width:80%!important;height:300px!important;margin-bottom:20px;text-align:left!important;}
@media screen and (max-width:980px)
{
	#albumbox {width:90%;padding:5%}
	#albumimg {width:100%;float:left;margin-right:5%;}
	#albumimg img {width:100%;height:auto;}
	#albuminfobox {width:100%;float:left;}
	#albumtitle {font:normal 30px Open Sans;color:#243A6E;text-transform:uppercase;margin-bottom:20px;}
	#albumdesc {font:normal 15px Open Sans;padding:0}
	#albumdesc iframe {width:80%!important;height:300px!important;margin-bottom:20px;text-align:left!important;}
}

#bgnewsdetails {}
#detail-title-desc {padding:0 2% 0 0;}
#detail-title {font:normal 25px Open Sans;color:#243A6E;}
#detail-image {width:100%;height:auto;padding:2% 0;}
#detail-image img{width:100%;height:auto;}
#detail-desc {font:normal 15px Open Sans!important;padding:0;line-height:1.6!important;}
#detail-desc p {padding-bottom:20px;}
#detail-desc img {width:100%!important;height:auto;}
#gambar-detail {width:650px;}

#newsdetailspage {width:1200px;margin:0 auto;padding:2% 0;}
#newsdetailspage_left {width:70%;float:left;}
#newsdetailspage_right {width:30%;float:left}

#bgnewslist {}
#newslist {margin:0 0 5% 0;padding-bottom:5%;border-bottom:1px solid #ddd;}
#newslisttitle {font:normal 20px Open Sans}
#newslisttitle a {color:#990000;}
#newslisttitle a:hover {text-decoration:underline;}
#newslistdate {color:#999;}
#newslistsdesc {padding:2% 0;color:#666;height:40px;overflow:hidden;}

@media screen and (max-width:980px)
{
	#bgnewsdetails {}
	#detail-title-desc {padding:0 0 10% 0;}
	#detail-title {font:normal 20px Open Sans;color:#243A6E;text-transform:uppercase;}
	#detail-image {width:100%;height:auto;padding:2% 0;}
	#detail-image img{width:100%;height:auto;}
	#detail-desc {font:normal 15px Open Sans;padding:0}
	#detail-desc img {width:100%!important;height:auto;}
	#gambar-detail {width:650px;}
	
	#newsdetailspage {padding:5%;}
	#newsdetailspage_left {width:100%;float:left;}
	#newsdetailspage_right {width:100%;float:left}
	
	#bgnewslist {}
	#newslist {margin:0 0 5% 0;}
	#newslisttitle {font:normal 20px Open Sans}
	#newslisttitle a {color:#990000;}
	#newslisttitle a:hover {text-decoration:underline;}
	#newslistdate {color:#999;}
	#newslistsdesc {padding:2% 0;color:#666;height:40px;overflow:hidden;}
}

#bg_menu{
	width:100%;
	height:40px;
	background:#243A6E;
	margin:0 auto;
}

#bg_header {
	margin:0 auto;
    width:100%;
background:#f2f2f2;
padding:5px 0;
}
#topslide {
	margin:0 auto;
	width:100%;
}
#bg_header_mahalaman {
	width:100%;
	margin:0 auto 20px;
	background:#fff;
}
#header_mahalaman {
	width:960px;
	padding:0;
	margin:0 auto;
}
#title_header {
	color:#566A95;
    font:35px Kaushan Script;
    margin-bottom:10px;
    padding:10px;
    text-align:right;
    text-shadow:0 1px 1px #999;
    text-transform:capitalize !important;
}
#ma_welcome {
	margin:5px 0 20px;
}
#ma_welcome a:hover {
	color:#990000;
}
.nobutton {
    border:medium none;
    color:#FFF;
    cursor:pointer;
	background:transparent;
	font:13px Roboto Condensed;
	border:1px solid #FFF;
	padding:1px 8px;
	border-radius:3px;
}
.nobutton:hover {
    border:medium none;
    color:#FFF;
    cursor:pointer;
	background:#243A6E;
	font:13px Roboto Condensed;
	border:1px solid #243A6E
}

.button {
	background-color:#C0010C;
    border:medium none;
    border-radius:2px;
    color:white;
    cursor:pointer;
    padding:6px 15px;
    width:100px
}
.button:hover {
	background-color:#FE2833;
    border:medium none;
    border-radius:2px;
    color:white;
    cursor:pointer;
    padding:6px 15px;
    width:100px
}
#rowmusic {
	width:100%;
	clear:both;
}
#rowbawah {
	
}


#bg_bn {
	margin-bottom:10px;
}
#bg_kiri {
	width:300px;
	float:left;
	padding:0;
}
#bg_kiri a {
	color:#243A6E;
}
#kiri {
	padding:0;
	height:auto;
	width:auto;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
}
#bg_kanan {
	float:right;
	height:auto;
	width:650px;
	padding:0 0 10px 10px;
	font:normal 13px Open Sans
}
#bg_kanan ul {
	list-style:disc;
	padding-left:15px;
}
#slide {
	width:100%;
	background:#243A6E;
	padding:10px 0;
}

#art_title_depan{
	font:normal 18px Open Sans;
	color:#243A6E;	
	margin:10px 0;
	text-transform:uppercase;
	text-align:center;
}
#art_title {
	font:normal 15px Open Sans;
	color:#243A6E;	
	margin-bottom:10px;
	text-transform:uppercase;
}
#art_desc {
	float:left;
	font:normal 13px Open Sans;
}
#art_desc a {
	color:#990000;	
}
#art_desc a:hover {
	color:#243A6E;	
}
#art_desc ul {
	list-style:circle;
	margin-left:20px;
}
#judul_module {
	background:none repeat scroll 0 0 #f2f2f2;
    clear:both;
    color:#243A6E;
    display:block;
    font:normal 20px Open Sans;
    margin:10px 0;
    padding:5px 0 5px 5px;
    text-align:center;
    text-transform:uppercase;
	border:1px solid #ccc;
}
#homeprod {
	float:left;
	height:250px;
    width:180px;
	margin:5px;
}
#homeprod-details {
	float:left;
    height:100px;
    margin:2px 10px 10px 10px;
    padding-bottom:20px;
    text-align:center;
    width:100px;
}

#wrap_mafoto {
	width:320px;
	float:left;
	margin-bottom:20px;
}
#mafoto {
	height:180px;
    width:320px;
}
#mafoto img {
	padding:2px;
	border:1px solid #ccc;
	width:309px;
	height:169px;
}
#mafoto img:hover {
	opacity:0.8;
	border:1px solid #333;
	padding:2px;
}
#nama_mafoto {
	width:309px;
	text-align:center;
	padding:10px 0 0;
	font-size:13px;
	color:#243A6E;
}
#desc_mafoto {
	font-style:italic;
	width:309px;
	text-align:center;
}





#list_malayanan li {
	padding:5px 0;
	margin-left:15px;
}
#list_malayanan a:hover {
	color:#990000;
}
#judul_module_kiri {
	font-size:18px;
}

#nameproddetails {
	font:12px Open Sans;
    text-align:center;
}
#nameproddetails a{
	color:#FFF;
}
#nameproddetails a:hover {
	color:#243A6E;
}
#relatedproduct {
	background:none repeat scroll 0 0 #333;
    border:1px solid #444;
    clear:both;
    color:#fff;
    display:block;
    font:20px Open Sans;
    margin:10px 0;
    padding:5px 0 5px 5px;
    text-align:center;
    text-transform:uppercase;
}
#wrap_malayanan {
	width:230px;
	float:left;
	margin:5px;
	height:175px;
}
#wrap_malayanan a {
	color:#333;
}
#wrap_malayanan a:hover {
	opacity:0.7;
	color:#990000;
}
#img_malayanan img {
	width:230px;
	height:130px;
}
#nama_malayanan {
	text-align:center;
	padding:5px;
}
#wrap_malayanan_1 {
	width:960px;
	margin:0 0 20px 0;
}
#wrap_malayanan_1 a {
	color:#333;
}
#wrap_malayanan_1 a:hover {
	opacity:0.7;
	color:#990000;
}
#img_malayanan_1  {
	height:186px;
    width:350px;
	float:left;
}
#img_malayanan_1 img {
	width:330px;
	height:180px;
	padding:2px;
	border:1px solid #ccc;
}
#desc_layanan {
	float:right;
    padding:53px 0;
    width:610px;
}
#nama_malayanan_1 {
	float:left;
	font-weight:bold;
	width:610px;
}
#sdesc_malayanan_1 {
	float:left;
	width:610px;
	font-size:13px;
	font-style:italic;
}
#maps {
	margin-bottom:20px;
	font-size:13px;
}
#mod_mabawah {
	padding:30px 0;
	clear:both;
	height:auto;
	width:100%;
	color:#FFF;
	background:#5E7FCB;
    display:inline-block;
	font:normal 13px Open Sans;
	margin-top:10px;
}
#mabawah {
	display:block;
    height:auto;
    margin:0 auto;
    width:100%;
	box-sizing:border-box;
}






#bgschedule {
	width:auto;
	margin:0 auto;
	padding:20px 50px;
}
#bg_tour {
	text-align:center;
	width:50%;
	float:left;
}
#tour_name_desc {
	margin:10px;
	border:1px solid #ccc;
	padding:10px;
	height:170px;
}
#tour_date {
	font-size:20px;
}
#tour_title {
	font-size:30px;
}
#tour_location {
	font-size:15px;
}
#tour_sdesc {
	
}
#alamat {
	padding:20px;
	width:auto;
	border:1px solid #ccc;
	margin:10px;
	font-size:15px;
}
#bgmedia {
	padding:0.8%;
}
#containermedia {
	margin:0 auto;
    width:auto;
	padding:2% 0;
	text-align:center;
}
#media {
	color:#000;
    cursor:pointer;
    display:inline-block;
    margin:1.4%;
    text-align:left;
    vertical-align:top;
    width:390px;
}
#bgfilmtv {padding:2% 3%}
#titlefilm {font:normal 50px Open Sans;text-align:left;padding:10px 0;border-bottom:1px solid #ccc;}
#film {
	color:#000;
    display:inline-block;
    margin:1.5%;
    text-align:left;
    vertical-align:top;
    width:30%;
}
#film img {
	width:100%;
}

#bgtvmovie {padding:2%;}
#wraptvmovie {width:48%;padding:0 1%;float:left;}
.tvmovie {font:normal 18px Open Sans}
.tvmovie ul li {margin-left:20px;}

.caption {
	text-align:center;
	background:black!important;
	color:#FFF;
	padding:5px;
}
.caption:hover{
	text-align:center;
	background:#990000!important;
	color:#FFF;
	padding:5px;
}
@media screen and (max-width:720px)
{
	#bgschedule {
		width:auto;
		margin:0 auto;
		padding:10px;
	}
	#bg_tour {
		text-align:center;
		width:100%;
		float:left;
	}
	#tour_name_desc {
		margin:10px;
		border:1px solid #ccc;
		padding:10px;
		height:auto;
	}
	
	#logo img {
		width:40%;
		height:auto;
	}
	#topwrap {
		height:auto;
		margin:0 auto;
		width:100%;
		padding:10px 0 5px;
		text-align:center;
	}	
	#bg_atas {
		width:100%;
		background:#000;
		height:auto;
		clear:both;
		display:block;
	}
	#bg_mailblast {
		background:#000 none repeat scroll 0 0;
		display:table;
		float:none;
		height:auto;
		margin:0 auto;
		padding:10px 0 5px;
		width:100%;
	}
	#bg_sosmed {
		background:#000 none repeat scroll 0 0;
		clear:both;
		color:#fff;
		display:block;
		float:none;
		height:auto;
		padding:5px 0;
		width:100%;
		margin-top:-15px;
	}
	
	#mailblast {
		display:table;
		float:none;
		height:auto;
		margin:0 auto;
		width:auto;
	}
	#kolommail {
		background:none;
		border-bottom:1px solid #FFF;
		color:#fff;
		display:inline-block;
		height:30px;
		width:auto;
		border:none;
		margin-left:0;
		position:relative;
		top:-10px;
	}
	#sosialmedia {
		color:#fff;
		float:none;
		height:22px;
		padding:5px 0;
		text-align:center;
		width:auto;
	}	
	#media {
		color:#000;
		cursor:pointer;
		display:inline-block;
		margin:1.4%;
		text-align:left;
		vertical-align:top;
		width:100%!important;
	}
	#bgfilmtv {padding:2% 3%}
	#titlefilm {font:normal 20px Open Sans;text-align:center;padding:10px 0;border-bottom:1px solid #ccc;}
	#film {
		color:#000;
		display:inline-block;
		margin:1%;
		text-align:left;
		vertical-align:top;
		width:98%!important;
	}
	#film img {
		width:100%!important;
		width:auto;
	}
	#bgtvmovie {padding:2% 1%;}
	#wraptvmovie {width:98%;padding:0;float:left;}
	.tvmovie {font:normal 15px Open Sans}
	.tvmovie ul li {margin-left:20px;}
	
	#videoklip iframe {
		width:100%;
		height:auto;
		background:#000;
		text-align:center;
	}
	#fotogaleri {
		text-align:center;
		width:auto;
		height:320px;
		overflow:hidden;
		position:relative;
		background:#f2f2f2;
	}
	#fotogaleri img {
		width:100%;
		height:auto;
		position:absolute;
		left:50%;
		top:50%;
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);		
	}	
	#wrapgaleridetail {
		padding:0!important;
	}
	
	#wrapgaleri {
		float:left;
		margin:0!important;
	}
	#namagaleri a {
		color:#fff!important;
	}
	
	#tour_date {
		font-size:12px;
		color:#1863CA;
	}
	#tour_title {
		font-size:18px;
		color:#990000;
	}
	#tour_location {
		font-size:13px;
	}
	#tour_sdesc {
		font-size:13px;
	}	
	
	#bg_bawah {
		padding:8px 0;
		clear:both;
		height:auto;
		width:100%;
		color:#FFF;
		background:#000;
		display:inline-block;
		font:normal 11px Open Sans;
	}
}
#videoklip {
	width:100%;
	background:url('../images/bg-video.png');
	text-align:center;
}
#wrapgaleri {
	width:18%;
	float:left;
	margin:1%;
}
#wrapgaleri a:hover {
	opacity:0.7;
}
#fotogaleri {
	text-align:center;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	background:#f2f2f2;
}
#fotogaleri img {
	width:auto;
	height:120%;
}
#namagaleri {
	text-align:center;
	padding:5px;
	background:#000;
	margin-bottom:10px;
	color:#fff!important;
}
#namagaleri a {
	color:#fff;
}
#wrapgaleridetail {
	padding:10px;
}