html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 40px; /* Space untuk #footer */
}



/* MENU */
.navbar-toggle{position:absolute; top:0; right:0}
.navbar-toggle .icon-bar{background:#fff;}



.navbar-nav{list-style:none; margin:0; padding:0; }
.navbar-nav ul{display:none; margin:0; padding:0; left:0; position:absolute; top:100%; z-index:9; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.navbar-nav ul ul{display:none; margin:0; padding:0; position:absolute; top:0; left:100%; z-index:9; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.navbar-nav li{border-right:0px solid #fff;  display:inline; position:relative;}
.navbar-nav li:last-child{border:0}
.navbar-nav li:hover > ul{display:block}
.navbar-nav li:hover > a{background:#3d9205}

.navbar-nav a{color:#fff; float:left; padding:15px 15px!important;}
.navbar-nav a i{margin-left:10px}
.navbar-nav ul li{border-right:0; border-bottom:0px solid #fff; float:left; width:200px}
.navbar-nav ul li:hover > a{background:#d6ffb2; color:#c12405; text-decoration: none }
.navbar-nav ul li:last-child{border:0;}
.navbar-nav ul li:first-child > a{border-radius:0px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.navbar-nav ul li:last-child > a{border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;}
.navbar-nav ul a{
 background-image:-webkit-linear-gradient(#008fbb 0,#0868c1 100%);

 background-repeat:repeat-x;

 width:100%}
.navbar-nav ul a i{float:right}


@media (max-width:767px){
    .navbar-nav ul{display:block; top:0; margin-left:15px; position:relative;}
    .navbar-nav ul ul{display:block; top:0; left:0; margin-left:30px; position:relative}
    .navbar-nav li{border:0; border-bottom:0px solid #333; float:left; width:100%}
    .navbar-nav ul li{border-bottom:0px solid #333; float:left; width:100%}
    .navbar-nav a,
    .navbar-nav ul a{width:100%; background:transparent; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
    
}



/*
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    font-size: 0.8em;
    height: 50px;
/*}*/
footer.site-footer {background: #e6e6e6;padding: 20px 0 0;float: left;width: 100%;}
footer.site-footer h4 {font-size: 17px;font-weight: 500;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {color: #666;font-size: 13px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer p a {color: #666;}
p.text {color: #666;}
#copyright {background: #404040;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 20px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 12px;}
#copyright a {color: #fff;font-size: 12px;}
.site-footer li a:hover {color:#005FA6;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}

@media (max-width:462px) {.fbox:last-child {margin-top: 20px;float: left;width: 100%;} .gambar { width:450px; } }


#header{
    height:100px;
}

#header h1{
    display:none;
}

#header address {
    text-align: right;
    padding-top: 10px;
    font-size: 0.9em;
}

#header address strong {
    font-size: 1.5em;
}


.status-danger, .status-biasa {
    font-weight: bold;
}

td.status-danger {
    color: #ff0000;
}


td.status-danger a:link, td.status-danger a:visited{
    color: #ff0000;
}


td.status-biasa a:link, td.status-biasa a:visited{
    color: #000000;
}



ol li {
    margin: 0 0 10px 0;
}


.ps {
    color: #ff0000;
    font-size: 1.2em;
}


.pagination {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.navigasi_cari {
    padding-bottom: 15px;
}


.bio-preview dt {
    min-width: 300px;
    text-align: left;
}

.bio-preview dl {
    margin: 5px 0;
}

.bio-preview h3 {
    margin-top: 30px;
}

#daftar-sukses strong {
    font-family: monaco, consolas, courier new, courier, monospace;
}

#daftar-sukses div.row {
    font-size: 1.5em;
}


#btn-tambah-pengumuman {
    float: right;
}


form.myform {
    max-width: 405px; /* col-md-5 */
}


form.form-pengumuman {
    max-width: 648px; /* col-md-8 */
}


.captcha {
    margin: 10px 0;
}

textarea {
    height:150px;
    min-height:150px;
    max-height:150px;
    width: 405px;
    min-width:405px;
    max-width:405px;
}

#miring {
		position: relative;
		width:100%;
height:100%;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/bgs.png);
		 background-repeat: no-repeat;

		}
		
		
#jasaumum {
		position: relative;
		width:100%;
height:100%;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/jasa-umum.png);
		 background-repeat: no-repeat;

		}
		

#miring2 {
		position: relative;
		width:100%;
height:100%;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/hubungi-kami.png);
		 background-repeat: no-repeat;

		}
		
		
#konsultan {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/konsultan-it.png);
		 background-repeat: no-repeat;

		}
		
#dokter {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/aplikasi-dokter.png);
		 background-repeat: no-repeat;

		}
		

#klinik {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/aplikasi-klinik.png);
		 background-repeat: no-repeat;

		}
	
#apotik {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/aplikasi-apotik.png);
		 background-repeat: no-repeat;

		}
		
		
#sekolah {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/aplikasi-sekolah.png);
		 background-repeat: no-repeat;

		}
		
		
#faq {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/faq.png);
		 background-repeat: no-repeat;

		}
		
#klien {
		position: relative;
		width:100%;
height:180px;
		padding: 10px 10px;
		font-size: 20px;
		background-image:url(../img/klien.png);
		 background-repeat: no-repeat;

		}
		
		.hero_area{
	  
		background-position: center right;
		background-repeat: no-repeat;
		width:90%;
		

		padding-right: 140px;
		}
		.hero_content {padding: 25px 10px;}
		.hero_content h1 {text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.75);color: #005FA6;font-weight: 700;font-size: 42px;}
		.hero_content h2 {text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.25);color: #000;font-weight: 700;font-size: 32px;margin-top: 0;width: 45%;line-height: 38px;}
		.hero_content h3 {text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.25);color: #005FA6;font-weight: 550;font-size: 17px; margin-top: 0;width: 100%; line-height: 29px;}
		.hero_text h3 {text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.25);color: #005FA6;font-weight: 550;font-size: 16px;margin-top: 0;width: 75%;line-height: 32px;}
		
		.bread_area {border-bottom: 1px solid #e7e7e7; padding-top: 10px 0;margin-bottom: 0px;     font-family: 'Open Sans', sans-serif;}
		.breadcrumb {margin: 0;background: #fff;padding: 0;}