/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
	/*background: #FFFFFF ;*/
	/*background-image: url('../images/background.jpg');*/
	color: #474747;
	font: 12px/25px Arial, Helvetica, sans-serif;
	}

/*-------------------------*/
a{color: #E36C0A ;text-decoration: none;}
th a{color: #ffffff ;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button {	cursor: pointer;	color: #ffffff;	line-height: 14px;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-weight: bold;	background: #598084;	border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {}

.clearboth{ clear:both;}

/*-------------header */
.wrap-header{width:100%; background-color:#303030;}
header {width:960px;height: 100px; position:relative; margin: 0px auto;}

header #logo {position:absolute; top:15px; left: 30px; width: 100%;}

/*------------menu */
header nav {position:absolute;top:25px; right:50px;height: 37px;}
header nav ul {list-style: none;margin: 0;padding: 0;}
header nav ul li {position: relative;float: left;padding: 6px 5px 0px 5px; border-right:1px dotted #FFF;}
header nav ul li:hover, header nav ul li.current {background-color:#E36C0A;}
header nav ul li a {font-size: 14px; line-height:14px;color: #CCC;display: block;padding: 0px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}
header nav ul li:hover a, header nav ul li.current a{color:#ffffff;}

.featured{width:960px; margin:20px auto 0 auto; padding-bottom:50px; margin-bottom:10px; border-bottom:1px dotted #9A9A9A;}

.wrap-search{position:relative; padding-bottom:50px;}
#search {position: absolute;left: 0px;width: 265px;z-index: 15;}
.button-search {position: absolute;	right: 0px;	background: #666666 url('../images/search2.png') center center no-repeat;	width: 35px;	height: 34px;	border-left: 1px solid #CCCCCC;	cursor: pointer;}
#search input {	background: #FFF;	padding: 1px 24px 1px 10px;	width: 222px;	height: 30px;	border: 1px solid #CCCCCC;}

.social{}
/*-------------content */
#content {}

#main-content{}
#main-content article{ clear:both; font-size:14px; padding-bottom:20px; border-bottom:1px dotted #9A9A9A; margin-bottom:10px;}
#main-content article .heading{}
#main-content article h2{font-size:26px; line-height:36px;}
#main-content article h2 a{color:#474747;}
#main-content article h2 a:hover{color:#E36C0A;}
#main-content article .info{color:#A3A3A3;}
#main-content article .info ul li{ float:left; padding-right:20px;}
#main-content article .info ul li span{ color:#E36C0A;}
#main-content article img{width: 600px; padding:10px; border:1px solid #CCC; margin:10px 0px;}
#main-content article p{margin:10px 0px;}
#main-content article .more{}

#sidebar{}
#sidebar section{margin-bottom:10px; clear:both;}
#sidebar .heading{ padding:10px 0px 10px 0px; background:url(../images/bg-heading.png) repeat-x 50%;}
#sidebar .heading h2{font-size:22px; font-weight:normal; background-color:#ffffff; display:inline; padding:0 10px;}
#sidebar .content{padding:15px}
#sidebar .content img{float:left; padding:5px; border:1px solid #CCC;}
#sidebar .content ul{ font-size:14px; list-style-type:circle; margin-left:20px;}
#sidebar .content ul li{border-bottom: 1px solid #E1E1E1; padding:5px;}
#sidebar .content ul li a{color:#474747;}
#sidebar .content ul li a:hover{color:#E36C0A;}
#sidebar .content .post {margin-bottom: 20px;}
#sidebar .content .post h4{ font-size:14px; font-weight:normal;}
#sidebar .content .post img{ margin-right:10px;}
#sidebar .content .post p{color:#A3A3A3; font-style:italic;}

.dimensiGambarDepan{
	width:840px;min-height:523px;
}
.latarKegiatan{
	width:240px;min-height:523px;float:left; background-image: url('../images/img04.jpg');
}
.latarDiskusi{
	width:240px;min-height:523px;float:left; background-image: url('../images/img03.jpg');
}
.latarUsaha{
	width:240px;min-height:523px;float:left; background-image: url('../images/img02.jpg');
}
.latarPengumuman{
	width:240px;min-height:523px;float:left; background-image: url('../images/img01.jpg');
}

.kotakIsi{
	width:238px;margin:0px 0 0 0px !important;float: left;
}

.kotakIsiBerjalan{
	width:250px;margin:10px 0 0 10px !important;float: left;
}

.post ul{ font-size:14px; list-style-type: square; margin-left:20px;}
.post ul li{border-bottom: 1px solid #E1E1E1; padding:5px;}
.post ul li a{color:#474747;}
.post ul li a:hover{color:#E36C0A;}

.pengumuman ul{ font-size:14px; list-style-type: square;line-height: 1.4em}
.pengumuman ul li a{color:#474747;}
.pengumuman ul li a:hover{color:#E36C0A;}

.filterDataBox{
	font-size:14px; 
	line-height: 2em;
	display:inline-block;
	margin-top: 10px;
}
.lokasi-event {
	color:#820000;
	font-weight: bold;
}
.item-jualan{
	float:left;font-weight: bold;width:230px;
}
.foto-jualan{
	float:left;margin-right:5px;
}
.item-tab{
	float:left;margin:4px auto;
}
.item-carousell{
	margin-bottom: 10px;line-height: 150%;min-width:200px;
}
/*------------footer */ 
.wrap-footer{width:100%; background:#303030 url(../images/border-footer.png) repeat-x; height:70px;}
footer {width:960px; margin:0 auto; color:#777777; padding-top:20px; text-align:center;}

/*------------gallery*/
.gallery {}
.gallery a {display: block;	float: left;margin: 0px 10px 10px 0px;position: relative;
	-webkit-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5);}

/*Left and Right margins to images in the middle column*/
/*This selects the 2nd, 5th and 8th elements*/
/*.gallery a:nth-child(3n+2) {margin: 0 25px 25px 25px;}*/

.gallery a img {display: block;	-webkit-transition: all 0.5s;}

/*Hover effects*/
.gallery a img:hover {-webkit-filter: none; /*Returns to default state*/}

/*Default state for brightness has to be specified specifically*/
.gallery a img.brightness:hover {-webkit-filter: brightness(0);}

/*Filter styles*/
.saturate {-webkit-filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px);}
.invert {-webkit-filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg);}
.opacity {-webkit-filter: opacity(50%);}


.list_carousel {
	/*background-color: #39ff8d;*/
	margin: 0 auto;
	width: 1000px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	font-size: 12px;
	color: #999;
	text-align: center;
	/*background-color: #ffffff;
	border: 6px solid #fff;
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;*/
	width: 205px;
	height: 205px;
	padding: 0;
	margin-top: 5px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.boxJalan {
  float: left;
  position: relative;
}	
.imgJalan{
	width:200px;
	height:200px;
}
.boxJalan .titleboxJalan {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 0px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	line-height: 1.42857143;
    -moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;

}	

.clearfix {
	float: none;
	clear: both;
}
					
.wrap {
	overflow: hidden;
	margin: 0px;
}
.box {
	float: left;
	position: relative;
	width: 12.5%;
	padding-bottom: 12.5%;
}
.boxInner {
	position: absolute;
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
	overflow: hidden;
	border:4px solid white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.boxInner img {
 	width: 100%;
  
}
.boxInner .titleBox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: -90px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	line-height: 1.42857143;
}
.spacer{
	margin-top:20px;
}
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
      margin-bottom: 0;
}
@media only screen and (max-width : 480px) {
  /* Smartphone view: 1 tile */
  .box {
    width: 50%;
    padding-bottom: 50%;
  }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
  /* Tablet view: 2 tiles */
  .box {
    width: 33.3%;
    padding-bottom: 33.3%;
  }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
  /* Small desktop / ipad view: 3 tiles */
  .box {
    width: 25%;
    padding-bottom: 25%;
  }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
  /* Medium desktop: 4 tiles */
  .box {
    width: 12.5%;
    padding-bottom: 12.5%;
  }
}

.styled-select select {
	width: 268px;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 27px;

	border: 1px solid #348075;
	font-size: 14px;
	color: #333;
	background: #C9D5B5;

	display: inline-block;
	line-height: 20px;
	margin:0 5px 10px 0;
}

#pagination a, #pagination strong{
	background: #e3e3e3;
	padding: 4px 7px;
	text-decoration: none;
	font-size: 13px;
	border: 1px solid #cac9c9;
	color: #292929;
}
#pagination strong, #pagination a:hover{
	font-weight: normal;
	background: #cac9c9;
}

.border-white{
	border: 8px solid #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.spacer-30{
	height: 30px;
}
.spacer-20{
	height:20px;
}
.spacer-10{
	height:10px;
}
.nama_usaha{
	font-size: 30px;
	text-shadow:1px 1px 1px #000;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #1d768f;
}

.salam{
	font-size: 24px;
	text-shadow:1px 1px 1px #000;
	/*font-family: "Myriad Pro", "Trebuchet MS", sans-serif;*/
	letter-spacing:1px;
	color: #d31005;	
}
.slogan_usaha{
	float: right;
	display: table-row;
	letter-spacing:1px;
	color:#aaaaff;
	font-size: 28px;
	text-shadow:1px 1px 1px #000;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;	
}

.slogan_usaha2{
	font-size: 18px;
	font-weight: bold;
	text-shadow:1px 1px 1px #777;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #f89341;
	display: table-row;	
}
.lokasi_usaha{
	float: right;
	display: table-row;
	letter-spacing:1px;
	font-size: 22px;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;	
}
.kategori_usaha{
	display: table-row;
	position: relative;
	font-size: 24px;	
	margin-bottom: 1px;
}
.telp_usaha{
	float: right;
	display: table-row;
	letter-spacing:1px;
	font-size: 20px;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	color:#ffff00;
}
.bgOrange{
	 background-color: #f89341;
}
.bgBlue{
	 background-color: #72c9e2;
}

.judul_pengumuman{
	font-size: 20px;
	font-weight: bold;
	text-shadow:1px 1px 1px #fff;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #333;
}

.judul_kegiatan{
	font-size: 20px;
	font-weight: bold;
	text-shadow:1px 1px 1px #fff;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #333;
	display: table-row;
}
.kantor_pengumuman{
	font-size: 16px;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #000;	
	display: table-row;
	/*text-shadow:1px 1px 1px #000;*/
}
.wil_pengumuman{
	font-size: 16px;
	font-weight: bold;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #000;
	display: table-row;	
}
.foto_pengumuman{
	display: table-row;
	margin:7px 0 7px 0;
	width:150px;	
}
.labelInfo{
	width: 100px;
	display: inline-block;
}
.judul_diskusi{
	font-size: 16px;
	font-weight: bold;
	text-shadow:1px 1px 1px #777;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #fff;
	display: table-row;	
}
.nama_penulis{
	font-size: 14px;	
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	letter-spacing:1px;
	color: #000;
	display: table-row;	
}

.form_isian{
	width: 100%;	
	background: #e3e3e3;	
	border: 1px solid white;
	margin: 0 0 5px 10px;
	padding: 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.form_isian td{
	padding: 0.2em;
}

.form_isian_member{
	width: 100%;	
	background: #e3e3e3;	
	border: 1px solid white;
	margin: 0 0 5px 0px;
	padding: 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.form_isian_member td{
	padding: 0.5em;
	vertical-align: middle;

}

select.inline-form-control{
	display: inline;
	/*margin: 0 0 0.5em 0;*/
	width: 275px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	/*padding: 0.5em;*/	
}

input[type=text], input[type=password], select.form-control{
	display: block;
	/*margin: 0 0 0.5em 0;*/
	width: 275px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	/*padding: 0.5em;*/	
}

input[type=submit], input[type=reset], input[type=button], button{
	height:34px;
	border: none;
	
	margin-right: 1em;
	padding: 6px;
	font-size: 14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #348075;
	color:white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover{
	background: #287368;
	cursor: pointer;
}
.error{
	color:#393939;
	font-size: 15px;
}

.label_foto{
	font-size: 14px;
    font-family:'PT Sans Narrow', sans-serif;
	letter-spacing:1px;
	color: #000;	
}

.borderfoto{
	border: solid 4px white;
	margin: auto;	
}

.judulProfile{
    font-family:'PT Sans Narrow', sans-serif;
	font-size: 20px;
	text-shadow:1px 1px 1px #000;
	letter-spacing:1px;
	color: #0b1ea2;		
}
#formUpload{

}
/* upload form*/
/*
#formUpload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#373a3d;
	float: left;
    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);

    width:250px;
    padding:30px;
    border-radius:3px;

    margin:0 20px 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#drop{
    background-color: #2E3134;
    padding: 40px 50px;
    margin-bottom: 30px;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    border-image: url('../images/border-image.png') 25 repeat;
    text-align: center;
 /*   text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:16px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}
*/
.drop input{
    display:none;
}

.panjang200{
	width: 200px;
}

.latarGambar{
	background-image: url('../images/background.jpg');
}

.balas, .puji, .balaslagi{
	margin-right: 5px;
}

#map-canvas {
    height: 800px;
    width: 100%;
    margin: 0px;
    padding: 0px
  }
#map-canvas img {max-width: none;}

#tabeldata td{
    border-right: 1px solid #aaaaaa;
    padding: 0.3em  1em 0.3em 1em;
}

#tabeldata td:last-child{
    border-right: none;
}
#tabeldata th{
    text-align: left;
    border-right: 1px solid white;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 15px;
    background: #594F46;
    border-right: 1px solid #aaaaaaa;
    color:white;
    height: 25px;
}
#tabeldata th:last-child{
    border-right: none;
}
#tabeldata tr:nth-child(even) {background: #e3e3e3}
#tabeldata tr:nth-child(odd) {background: #888486}
#pagination a, #pagination strong{
    background: #e3e3e3;
    padding: 4px 7px;
    text-decoration: none;
    font-size: 13px;
    border: 1px solid #cac9c9;
    color: #292929;
}
#pagination strong, #pagination a:hover{
    font-weight: normal;
    background: #cac9c9;
}

/* select */
.styled-select select {
    width: 268px;
    padding: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 27px;

    border: 1px solid #348075;
    font-size: 14px;
    color: #333;
    background: #C9D5B5;

    display: inline-block;
    line-height: 20px;
    margin:0 5px 10px 0;
}