@charset "utf-8";
/* CSS Document 
@font-face{
	font-family:myfont;
	src:url(font/opensans-Light.ttf),url(font/opensans-Light.eot);	
	
}
@font-face{
	font-family:myfont_semi_bold;
	src:url(font/OpenSans-Semibold.ttf),url(font/OpenSans-Semibold.eot);
}
*/
.desktop_hide{
	display:none;
}
body{
	margin:0px;
	color:#20110C;
	background:#F7F2EA;
	font-family:tahoma;
	font-size:85%;	
}
a{
	color:#68B8E8;
	text-decoration:none;
}
a:hover{
	color:#68B8E8;
	text-decoration:none;
}
a img{
	border:0px;
	border:none;
}

a:hover img{
	border:0px;
	border:none;
	opacity:0.8;
	filter:alpha(opacty=80);
}
	
h1,h2,h3{
	font-weight:normal;
	margin:0px 0px;
}
#idphone{
	float:left;width:auto;
	background:  url(design/call.png) no-repeat left center; 
	padding:5px 0px 5px 33px ;
	color:#fff;
	font-weight:bold;
}
#idlang{
	float:right;width:auto;	
}
.padding_one{
	padding:1% 0%;
}
.line_one{
	border-top:solid 1px #663626;margin-top:2%;
	padding-top:2%;
}
.slogan_haeder{
	font-style:italic;
	color:#C6A965;
}
.slogan_haeder_line{
	float:left;
	height:1px;
	background:#DECDA5;
	margin:2% 0%;
	width:100%;
}
.cont_thumb_home{
	width:100%;
	float:left;
	margin-bottom:1%;
}
.cont_thumb_home_r{
	width:100%;
	float:left;
	margin-bottom:1%;
}
.cont_thumb_title{
	width:100%;
	background:#C5A863; 
	float:left;
	 
}
.cont_thumb_title:hover{
	background:#C5A863;
	cursor:pointer;
}
.cont_thumb_preview{
	display:none;
}
.jjudul{
	color:#f5f5f5;
	font-size:100%;
	width:180px;
	padding:10px;
	float:left;
	text-overflow:ellipsis;
	overflow: hidden;
	 white-space: nowrap; 	
}
a.jspan{
	border-radius:12px;
	color:#fff;
	display:inline-block;
	padding:5px 15px;
	border:solid 1px #fff;
	text-decoration:none;
	margin:2% 2%;
	float:right;
}
a.jspan:active{
	background:#d6d6d6;
}
#top_nav{
	background:#333;
	position:fixed;
	width:100%;
	z-index:10;	
}
.auto_right{
	float:right;
	width:auto;
}
.auto_left{
	float:left;
	width:auto;
}
.is_center{
	width:98%;
	float:left;
	padding:1%;
}
.put_center{
	text-align:center;
}
.put_right{
	text-align:right;
}
.put_left{
	text-align:left;
}
.just_float{
	float:left;
	width:100%;
}
#nav_desk{
	display:block;
}
#nav_resp{
	display:none;
}
#idhome_resp{
	display:none;
}
#idhome_desk{
	
}
ul.ulnav{
	margin:0px;	
	padding:0px;
	width:100%;
	background:#C9AD6D;
	
}
ul.ulnav li{
	margin:0px;
	list-style:none;
	border-bottom:solid 1px #BC9A4B;
	text-align:center;
}
ul.ulnav li a{
	display:block;
	color:#5F4C22;
	font-size:85%;
	text-decoration:none;
	padding:2% 0%;
	
}
ul.ulnav li a:active{
	display:block;
	color:#5F4C22;
	font-size:85%;
	text-decoration:none;
	padding:2% 0%;
	background:#fff;
}
span.aktif{
	display:inline-block;
	color:#fff;
	padding:10px 30px;
	background:#101214;	
	font-size:100%;
	text-decoration:none;
}

#cont_a{
	background:#20110C;
	padding:2% 0%;
	
}
#cont_b{
	background:#C9AD6D;
	padding:15px 0px;	
}
#cont_slide{
	background:#C9AD6D;
	padding:0px;	
}
#left_slide{
	float:left;
	width:50%;
 	height:400px;
}
#left_slide img{
	width:100%;
	float:left;
}
#right_slide{
	float:right;
	width:50%;
	height:400px;
}
#right_slide img{
	width:100%;
	float:left;
}
#cont_content{
	background:#F7F2EA;
	padding:2% 0%;
}
#cont_content_b{
	background:#F3ECE0;
	padding:2% 0%;
}
#cont_footer{
	background:#20110C;
	padding:3% 0%;
}
#cont_footer_b{
	border-top:solid 1px #432318;
	background:#20110C;
	padding:5% 0%;	
	color:#9F7052;
	font-size:82%;
}
.nav_side{
	float:left;
	width:280px;
	padding-bottom:40px;

}
#idslide_box{
	padding-bottom:10px;
}

#idbox_judul{
	padding-bottom:10px;
}
.is_content{
	float:left;
	width:610px;
	padding:0px 40px;
}
.header_menu_desk{
	float:left;
	width:260px;
	padding:10px;	
	border-radius:3px;
	background:#68B8E8;
	color:#fff;
	font-size:110%;
	display:block;
}
.header_menu_resp{
	float:left;
	width:234px;
	padding:10px;	
	border-radius:3px;
	background:#68B8E8;
	color:#fff;
	font-size:110%;
	display:none;
}
ul.ulnav_side{
	padding:0px;
	margin:0px;
}
ul.ulnav_side li{
	margin:0px;
	list-style:none;
	padding:0px;
	border-bottom:solid 1px #B9DEF4;
}
ul.ulnav_side li a{
	display:block;
	color:#333;
	font-size:85%;
	text-decoration:none;
}
ul.ulnav_side li a:hover{
	display:block;
	color:#68B8E8;
	background:#F2F2F2;	
	font-size:85%;
	text-decoration:none;
}
p{
	margin:0px 0px 15px 0px;
	line-height:22px;
}

.is_nav_left{
	float:left;
	width:280px;
}
.is_nav_right{
	float:right;
	width:280px;
}
#footer{
	padding:40px 0px;
	background:#333;
}
#foot_left{
	width:750px;
	border-right:solid 1px #7F7F7F;
	float:left;	
}
#foot_right{
	width:380px;
	float:right;
	padding-left:20px;
}
ul.ulnav_footer{
	margin:0px;
	padding:0px;
}
ul.ulnav_footer li{
	display:inline-block;
	margin:0px;
	list-style:none;
	padding:0px;
}
ul.ulnav_footer li a{
	display:inline-block;
	color:#dedede;
	padding-right:20px;
	font-size:85%;
	text-decoration:none;
}
ul.ulnav_footer li a:hover{
	display:inline-block;
	color:#68B8E8;
	padding-right:20px;
	font-size:85%;
	text-decoration:none;
}

#idcopy{
	padding-top:35px;
	font-size:85%;
	color:#ccc;
}
#ico_tlp{
	float:left;
	background:url(../design/ico_telp.png) no-repeat;
	padding-left:45px;
	height:32px;
	padding-top:3px;
	font-size:120%;
	color:#fff;		
}
#ico_bb{
	float:left;
	background:url(../design/ico_bb.png) no-repeat;
	padding-left:45px;
	height:32px;
	padding-top:3px;
	font-size:120%;
	margin-top:5px;
	color:#fff;		
}
span.point_m{
	display:none;
}
/* artikel */
.box_news{
	border-bottom:solid 1px #C9AD6D;
	margin-bottom:40px;
	padding:0px 0px 40px 0px;
}
.news_img{
	width:400px;
	height:200px;
	float:left;
	/*border:solid 1px #EAEAD7;*/
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	box-shadow:0px 0px 10px #B9B9B9;
	margin-top:5px;
	display:none;
	
}

.news_img_in{
	float:left;	
	width:400px;
	height:200px;
	display:none;
}
.news_text{
	width:100%;
	height:auto;	
	float:right;
}
.p_box{
	margin:25px 0px 35px 0px;
}
.p_box_n{
	margin:15px 0px;
}
.news_text p{
	margin:0px 0px 3px 0px;
	line-height:20px;
}
a.link_thumb{
	font-size:22px;
	color:#20110C;
	text-decoration:none;
}
a.link_thumb:hover{
	color:#C9AD6D;
	text-decoration:none;
}
a.read_more{
	font-size:12px;
	color:#fff;
	text-decoration:none;
	background:#20110C;
	border-radius:12px;
	padding:5px 10px 7px 10px;
	text-align:center;
}
a.read_more:hover{
	font-size:12px;
	color:#fff;
	background:#C9AD6D;
	text-decoration:none;
}
.bjudul{
	padding-bottom:10px;
}
.wrap_judul{
	float:left;
	width:100%;
	padding:10px 0px;
	border-top:solid 1px #dedede;
	border-bottom:solid 1px #dedede;
	margin-top:20px;
}
/* end artikel */

.paging{
	text-align:center;
}
.paging a
{
	padding:2px 6px;
	margin:1px;
	border              : 1px solid #333;
	text-decoration     : none; 
	font-size:85%;
	color				:#fff;
	background:#333;
	display:inline-block;

}
.paging a:hover
{
	border           : 1px solid #333;
	background-color : #fff;
	color			 : #1C1A13;
	
}
.paging span.current
{
	padding:2px 6px 2px 6px;
	margin:0px 1px;
	color			 :#333;
	border           : 1px solid #335C52;
	background-color : #fff;

	
}

.paging span.disabled
{
	border       : 1px solid #ccc;
	color        : #999999;
	font-size:85%;
	padding:2px 6px;
	margin:1px;

}
/* end paging */
#content_detail table{
	border:solid 1px #dedede;
	border-collapse:collapse;
}
#content_detail ul,ol{
	line-height:20px;
}
#content_detail table td{
	padding:5px;
	border:solid 1px #dedede;
	border-collapse:collapse;
}
table tr#trheader{
	background:#333;
	color:#fff;
}
.h_home{
	float:left;
	width:100%;
}
.h_pisage{
	float:right;
	height:340px;
	width:100%;

}
.h_icon{
	
	float:left;
	width:100%;
	margin-bottom:1%;
}

.h_icon a{
	display:block;
	border:solid 1px #E2D5B4;
	padding:18px 10px 18px 65px;
	background:#fff url(design/icon_a.png) no-repeat 20px center;
	color:#AC997F;	
}
.h_icon a:hover{
	
	display:block;
	border:solid 1px #C6A965;
	padding:18px 10px 18px 65px;
	
	background:#C6A965 url(design/icon_a.png) no-repeat 20px center;
	color:#5F4C21;
	
}
.h_iconb{
	margin-bottom:1%;
	float:left;
	width:100%;
	
}
.h_iconb a{
	display:block;
	border:solid 1px #E2D5B4;
	padding:18px 10px 18px 65px;
	background:#fff url(design/icon_b.png) no-repeat 20px center;
	color:#AC997F;	
}
.h_iconb a:hover{
	
	display:block;
	border:solid 1px #C6A965;
	padding:18px 10px 18px 65px;	
	background:#C6A965 url(design/icon_b.png) no-repeat 20px center;
	color:#5F4C21;
}
.h_iconc{
	
	float:left;
	width:100%;
	margin-bottom:1%;
	
}
.h_iconc a{
	display:block;
	border:solid 1px #E2D5B4;
	padding:18px 10px 18px 65px;
	background:#fff url(design/icon_c.png) no-repeat 20px center;
	color:#AC997F;	
}
.h_iconc a:hover{
	
	display:block;
	border:solid 1px #C6A965;
	padding:18px 10px 18px 65px;	
	background:#C6A965 url(design/icon_c.png) no-repeat 20px center;
	color:#5F4C21;
}
.h_icond{
	margin-bottom:1%;
	float:left;
	width:100%;
	
}
.h_icond a{
	display:block;
	border:solid 1px #E2D5B4;
	padding:18px 10px 18px 65px;
	background:#fff url(design/icon_d.png) no-repeat 20px center;
	color:#AC997F;	
}
.h_icond a:hover{
	
	display:block;
	border:solid 1px #C6A965;
	padding:18px 10px 18px 65px;	
	background:#C6A965 url(design/icon_d.png) no-repeat 20px center;
	color:#5F4C21;
}
.h_icone{
	
	float:left;
	width:100%;
	margin-bottom:1%;
	
}
.h_icone a{
	display:block;
	border:solid 1px #E2D5B4;
	padding:18px 10px 18px 65px;
	background:#fff url(design/icon_e.png) no-repeat 20px center;
	color:#AC997F;	
}
.h_icone a:hover{
	
	display:block;
	border:solid 1px #C6A965;
	padding:18px 10px 18px 65px;	
	background:#C6A965 url(design/icon_e.png) no-repeat 20px center;
	color:#5F4C21;
}
#foot_a{
	width:100%;
	float:left;
	color:#9F7053;
}
#foot_b{
	width:100%;
	float:left;
	color:#9F7053;
	margin-top:5%;
}
#box_gmap{	
	width:100%;
	float:left;
	height:auto;
	height:250px;
}
#foot_c{
	width:100%;
	float:left;
	color:#9F7053;
	margin-top:5%;
}
.foot_header{
	font-weight:bold;
	margin-bottom:2%;
}
.footer_p{
	font-size:82%;
	margin-bottom:2%;
	color:#664735;
}
.foot_icon_a{
	width:93%;
	float:left;
	padding:2px 0px 2px 7%;
	background:url(design/icon_f.png) no-repeat left center;
	margin:2% 0%;
	color:#664735 ;
	font-size:82%;
}
.foot_icon_b{
	width:93%;
	float:left;
	padding:2px 0px 2px 7%;
	background:url(design/icon_g.png) no-repeat left center;
	margin:2% 0%;
	color:#664735;
	font-size:82%;
}
.foot_icon_c{
	width:93%;
	float:left;
	padding:2px 0px 2px 7%;
	background:url(design/icon_h.png) no-repeat left center;
	margin:2% 0%;
	color:#664735;
	font-size:82%;
}

/* mobile */
#logo_m {
	width:70%;	
}
#logo_m img{
	width:100%;	
}
#menu_m{
	
}
/* end mobile */

/* form */
.input_field{
	float:left;
	width:90%;
	border:solid 1px #999;
	padding:1%;
}
.label{
	float:left;
	width:100%;
}
.field{
	padding-top:1%;
	float:left;
	width:100%;	
}
.box_input{
	float:left;
	width:100%;	
	padding:1% 0%;
}
.err_input{
	color:#f00;
	font-size:90%;
}
.tombol{
	border-radius:4px;
	border:0px;
	background:#333;
	color:#fff;
	padding:10px 15px;
}
.tombol:hover{
	cursor:pointer;
	background:#666;
	color:#fff;
}
.spr_10{
	height:10px;
}
/* end form */
#foto_mobile{
	float:left;
	width:100%;
	padding:2% 0%;
}
#foto_mobile img{
	width:100%;
	}
a.link_a{
	color:#fff;
}
/* gallery */
	.thumb_gallery_a
	{
		width:122px;
		height:92px;
		padding:3px;
		margin:0% 2% 2% 0%;
		box-shadow :  0px 0px 2px #ccc;
		border:solid 1px #ccc;
	    background:#fff;
		float:left;
	}
	.thumb_gallery_last
	{
		width:122px;
		height:92px;
		padding:3px;
		margin:0% 0% 2% 0%;
		box-shadow :  0px 0px 2px #ccc;
	    background:#fff;
		float:left;
		border:solid 1px #ccc;
	}
	.thumb_img_in{
		width:122px;
		height:92px;
		overflow:hidden;float:left;
		background:#f5f5f5;
	}
	.thumb_img_in img{
		width:100%;
	}
	/* gallery end */
a.footer_link{
	color:#664735;
}
a.footer_link:hover{
	color:#ccc;
}