/* BASIC */
BODY {
  margin: 0;
  padding: 0!important;
  background: #1f1e1c;
  color: black;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  background: url(../img/bg_body.gif); }

A IMG {
  border: 0; }

.table {
  display: table; }
  .table .row-table {
    display: table-row; }
    .table .row-table .col-table {
      display: table-cell; }
      .table .row-table .col-table .legend {
        font-size: 0.85em;
        font-weight: bold; }

.table-content {
  width: 100%;
  padding: 0; }
  .table-content .col-table {
    background-color: #FFF; }
  .table-content P {
    text-align: justify; }
  .table-content .col-content {
    vertical-align: top;
    font-size: 14.4px; }
    .table-content .col-content .subcontent {
      width: 510px;
      margin: 0 auto; }
  .table-content .no-color {
    background-color: transparent!important; }

/* LAYOUT */
#web-content {
  width: 100%;
  padding: 0;
  margin: 0;
  background: url(../img/bg_webcontent.gif); }
  #web-content .wrapper {
    background: #001024;
    padding: 0 15px 15px 15px; }

.wrapper {
  width: 960px;
  position: relative;
  margin: 0 auto 0 auto; }

#header {
  margin: 0;
  padding: 0;
  margin-bottom: 15px; }

#banner {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  background: url(../banner/bg_banner_slide.jpg) no-repeat left top; }

#content {
  margin: 0;
  padding: 0;
  background: url(../img/bg_content.gif);
  box-sizing: border-box;
  padding: 20px; }

#footer {
  background: url(../img/bg_footer.gif) repeat-x left top;
  padding: 0;
  padding-top: 10px;
  margin: 0; }

/* CONTENT */
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 4px; }
    .menu ul li a {
      text-decoration: none;
      font-size: 14.4px; }

#header .table {
  width: 100%; }
#header .col-table {
  vertical-align: middle; }
#header .menu {
  text-align: right;
  padding: 15px!important; }
  #header .menu li.divider {
    background: url(../img/divider.gif) no-repeat center top;
    width: 2px;
    height: 44px; }
  #header .menu a {
    color: #7c7c7c; }

#footer .menu {
  text-align: center;
  padding-top: 10px; }
  #footer .menu li.divider {
    background: url(../img/divider-bottom.png) no-repeat center top;
    width: 3px;
    height: 40px; }
  #footer .menu a {
    color: #7c7c7c; }
#footer .copy {
  text-align: center;
  font-size: 12.8px;
  color: #7c7c7c;
  margin: 0;
  padding: 0;
  margin-bottom: 20px; }

.bgglow {
  position: fixed;
  left: -50%;
  width: 200%;
  height: 200%; }
  .bgglow img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%; }

.logo-top {
  padding: 15px!important;
  background: #FFF;
  width: 337px;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px; }

/* BOX CLASS */
.class .box {
  width: 510px;
  height: 288px;
  margin: 0 auto;
  text-align: left; }
  .class .box .box-title {
    font-size: 20px;
    padding-left: 120px; }
    .class .box .box-title .box-subtitle {
      font-size: 14px; }
  .class .box .box-isi {
    width: 390px;
    padding-left: 60px;
    padding-top: 50px; }
.class .box.satu {
  background: url(../img/box/class-1.jpg) no-repeat; }
  .class .box.satu .box-title {
    padding-top: 40px; }
.class .box.dua {
  background: url(../img/box/class-2.jpg) no-repeat; }
  .class .box.dua .box-title {
    padding-top: 40px; }
.class .box.tiga {
  background: url(../img/box/class-3.jpg) no-repeat; }
  .class .box.tiga .box-title {
    padding-top: 50px; }

#formContact .table .col-table {
  padding: 5px; }
#formContact INPUT[type=text], #formContact TEXTAREA {
  width: 200px; }

/* BOX ACTIVITIES */
.activities .box {
  width: 502px;
  margin: 0 auto;
  text-align: left; }
  .activities .box .box-title {
    font-size: 20px;
    padding-left: 120px; }
.activities .box.satu {
  background: url(../img/box/activities-1.jpg) no-repeat;
  height: 121px; }
  .activities .box.satu .box-title {
    padding-top: 45px; }
.activities .box.dua {
  background: url(../img/box/activities-2.jpg) no-repeat;
  height: 158px; }
  .activities .box.dua .box-title {
    padding-top: 67px; }
.activities .box.tiga {
  background: url(../img/box/activities-3.jpg) no-repeat;
  height: 116px; }
  .activities .box.tiga .box-title {
    padding-top: 32px; }
.activities .box.empat {
  background: url(../img/box/activities-4.jpg) no-repeat;
  height: 115px; }
  .activities .box.empat .box-title {
    padding-top: 45px; }

/*  KOTAK KONTENT PUTIH */
.putih-kiri {
  background: url(../img/bg_putih_kiri.png) repeat-y right top; }

.putih-kanan {
  background: url(../img/bg_putih_kanan.png) repeat-y left top; }

.putih-atas {
  background: url(../img/bg_putih_atas.png) repeat-x left bottom; }

.putih-bawah {
  background: url(../img/bg_putih_bawah.png) repeat-x left top; }

.putih-kiri-atas {
  vertical-align: bottom;
  background: url(../img/paku-kanan-atas.png) no-repeat bottom right !important;
  height: 57px;
  width: 57px; }

.putih-kanan-atas {
  vertical-align: bottom;
  background: url(../img/paku-kiri-atas.png) no-repeat bottom left !important;
  height: 57px;
  width: 57px; }

.putih-kanan-bawah {
  vertical-align: top;
  background: url(../img/paku-kanan-bawah.png) no-repeat top left !important;
  height: 57px;
  width: 57px; }

.putih-kiri-bawah {
  vertical-align: top;
  background: url(../img/paku-kiri-bawah.png) no-repeat top right !important;
  height: 57px;
  width: 57px; }

.divMsg {
  display: none;
  margin: 25px auto 10px auto;
  background-color: #6C0;
  padding: 5px;
  text-align: center;
  font-size: 0.9em;
  text-transform: uppercase; }

/* CAPCA */
div.capKontak {
  background-color: #1E1C1B!important;
  width: 155px;
  text-align: center;
  padding: 3px; }

input#capca {
  width: 105px!important; }

#RefreshCaptcha {
  cursor: pointer; }

.loading {
  background-image: url(../img/loading.gif) !important;
  background-position: 10px center!important;
  background-repeat: no-repeat!important; }

.inputWarning {
  background-image: url(../img/warning.png) !important;
  background-position: right center!important;
  background-repeat: no-repeat!important; }

input[type=submit] {
  background-color: #1E1C1B;
  color: #FFF;
  border: 1px solid #999;
  width: 160px;
  padding: 5px 15px; }

/* END CAPCA */