/* Add here all your CSS customizations */
.box-container {
	width: 100%;
	background: url(../img/bg.png) no-repeat top left;
	padding-top: 25px;
}
.col-md-8,
.box-content,
.feature-box-info {
	text-align: justify;
}
.general{
	background: url(../img/general.jpg) no-repeat right center;
}
.about-us {
	background: url(../img/<?php echo"about-us.jpg";?>) no-repeat right center;
}
.pelayanan {
	background: url(../img/pelayanan.jpg) no-repeat right center;
}
.portofolio {
	background: url(../img/portofolio.jpg) no-repeat right center;
}
.galeri {
	background: url(../img/galeri.jpg) no-repeat right center;
}
.blog {
	background: url(../img/blog.jpg) no-repeat right center;
}
.karir{
	background: url(../img/karir.jpg) no-repeat right center;
}
.kontak{
	background: url(../img/kontak.jpg) no-repeat right center;
}
.produk{
	background: url(../img/produk.jpg) no-repeat right center;
}
.enterprise{
	background: url(../img/enterprise.jpg) no-repeat right center;
}
.medium{
	background: url(../img/medium.jpg) no-repeat right center;
}
.small{
	background: url(../img/small.jpg) no-repeat right center;
}
.vsmall{
	background: url(../img/vsmall.jpg) no-repeat right center;
}
.personal{
	background: url(../img/personal.jpg) no-repeat right center;
}
.page-top ul.breadcrumb > li a {
	text-shadow: 1px 1px 1px #333;
	color: #fff;
}

/* untuk dashboard */
.dashboard .shortcut {
    /*background-color: #fff;*/
    border: 1px solid #559dcf;
    border-radius: 3px 3px 3px 3px;
    color: #6D6D6D;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    position: relative;
    font-size: 0.7em;
    text-align: center;
    text-decoration: none;
    min-width: 21.7%;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
/*    width: 105px;*/
/*    min-height: 110px*/
}

.dashboard .shortcut.disable{
    background-color: #F5F5F5;
    border: 1px solid #CDCDCD;
}
.dashboard .shortcut.disable:hover {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CDCDCD;
}

.dashboard .shortcut img {
    display: block;
    margin: 0 auto 10px;
    max-height: 48px;
    max-width: 48px;
}
.dashboard .shortcut:hover {
    background: none repeat scroll 0 0 #FCE8AB;
    border: 1px solid #559dcf;
    color: #grey;
}

.dashboard .block {
	text-align: center;
    display: inline-block;
/*    background-color: #F5F5F5;*/
/*    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;*/
    margin: 5px;
    min-height: 20px;
    padding: 8px;
    width: 97%;
}
.dashboard .block h6 {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    margin-bottom: 5px;
}

.dashboard .slider {
    background-color: #fff;
    border: 1px solid #559dcf;
    border-radius: 3px 3px 3px 3px;
    color: #6D6D6D;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    position: relative;
    font-size: 1.0em;
    text-align: center;
    text-decoration: none;
    min-width: 808px;
    height: 440px;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
/*    width: 105px;*/
/*    min-height: 110px*/
}

.registrasi{
    color:#FFF;
}
.learn-more a:link{
    text-decoration: none;
}