*
 {
    margin: 0;
    padding: 0;
 }
 body {
    background: #333;
    font-family: arial;
    color: #878787;
 }
 
 #main {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
 }
 
 #wrapper {
    margin: 0 150px;
 }
 
 #logo {
    float: left;
    width: 250px;
    padding: 10px;
 }
 
 #menu {
    float: right;
    padding: 20px 0 20px 20px; /* Atau padding-top:20px */
 }
 
 #menu ul {
    list-style: none;
 }
 
 #menu ul li {
    float: left;
 }
 
 .text_menu {
    padding: 0 10px;
 }
 
 #menu ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #333;
    font-weight: bold;
 }
 
 #menu ul li a:hover {
    color: #39C2F0;
 }
 
 #slider img {
  width: 900px;  
 }
 
 #content p {
    font-size: 13px;
    text-align: justify;
 }
 
 #content h1 {
    color: #000;
 }
 
 #content_atas {
    overflow: hidden;
    background: #303030;
    margin-top: -5px;
 }
 
 .kotak_content_atas2 {
    border-right: 1px dashed #6b6a6a;
 }
 
 .kotak_content_atas {
    float: left;
    width: 237px;
    text-align: center;
    color: #fff;
    padding: 30px;
 }
 
 .kotak_content_atas img {
    margin: 15px 0;
 }
 
 .kotak_content_atas p {
    margin-bottom: 20px;
 }
 
 .kotak_content_atas a {
    background: #fff;
    padding: 5px;
    text-decoration: none;
    color: #000;
 }
 
 .kotak_content_atas a:hover {
    background: #39C2F0;
 }
 
 #content_tengah {
    padding: 30px 0;
    border-bottom: 1px dashed #dedede;
    overflow: hidden;
 }
 
 #content_tengah h1, #content_tengah_kiri img, #content_tengah_kiri p {margin-bottom: 20px;}
 
 #content_tengah_kiri, #content_bawah_kiri {
    float: left;
    width: 435px;
    margin-right: 30px;
 }
 
 .more {
    background: #000;
    padding: 5px;
    text-decoration: none;
    color: #fff;
 }
 
 .more:hover {
    background: #39C2F0;
 }
 
 #content_tengah_kanan, #content_bawah_kanan {
    float: left;
    width: 435px;
 }
 
 .kotak_content_tengah {
    margin-bottom: 35px;
    overflow: hidden;
 }
 
 .kotak_content_tengah img {
    float: left;
    width: 65px;
    margin-right: 15px;
 }
 
 .kotak_content_tengah_dalam {
    float: left;
    width: 355px;
 }
 
 .kotak_content_tengah_dalam h3 {
    color: #39C2F0;
 }
 
 #content_bawah {
    padding: 30px 0;
    overflow: hidden;
 }
 
 .kotak_content_bawah_kiri {
    float: left;
    width: 138px;
 }
 
 .kotak_content_bawah_kiri2 {
    margin-right: 10px;
 }
 
 .kotak_content_bawah_kiri2 p{
    margin-bottom: 20px;
 }
 
 .kotak_content_bawah_kanan {
    overflow: hidden;
    margin-bottom: 30px;
 }
 
 .kotak_content_bawah_kanan1 {
    float: left;
    color: #000;
    width: 50px;
    margin-right: 20px;
    text-align: center;
 }
 
  .kotak_content_bawah_kanan1 h2{
    font-size: 45px;
    font-weight: bold;
  }
  
  .kotak_content_bawah_kanan1 h4 {
    font-size: 18px;
    font-weight: bold;
  }
  
  .kotak_content_bawah_kanan2 {
    float: left;
    width: 355px;
    padding: 5px;
  }
  
  .kotak_content_bawah_kanan2 h3 {
    color: #39C2F0;
  }
  
  #view {
    text-decoration: none;
    font-size: 16px;
    color: #39C2F0;
  }
  
  #view:hover {
    color: #000;
  }
  
  #footer {
    background-color: #333;
    padding: 0 150px;
    font-size: 12px;
    color: #858484;
  }
  
  #kotak_footer_kiri {
    float: left;
    width: 300px;
  }
  
  #kotak_footer_kiri p {
    padding: 25px 0; /*karena kiri kanannya sudah diatur 150px pada padding #footer*/
  }
  
  #kotak_footer_kiri a {
    text-decoration: none;
    font-size: 12px;
    color: #858484;  
  }
  
  #kotak_footer_kiri a:hover {
    color: #39C2F0;
  }
  
  #kotak_footer_kanan {
    float: right;
    margin-top: 20px;
  }
  
  #kotak_footer_kanan a {
    display: inline-block;
    height: 28px;
    width: 28px;
  }
  
  #icon1 {
    background: url("../images/icon.png") no-repeat;
    background-position: 0 0;
  }
  
  #icon2 {
    background: url("../images/icon-1.png") no-repeat;
    background-position: 0 0;
  }
  
  #icon3 {
    background: url("../images/icon-2.png") no-repeat;
    background-position: 0 0;
  }
  
  #icon4 {
    background: url("../images/icon-3.png") no-repeat;
    background-position: 0 0;
  }
  
  #icon5 {
    background: url("../images/icon-4.png") no-repeat;
    background-position: 0 0;
  }
  
  #icon1:hover {
    background: url("../images/icon.png") no-repeat;
    background-position: 0 -30px;
  }
  
  #icon2:hover {
    background: url("../images/icon-1.png") no-repeat;
    background-position: 0 -30px;
  }
  
  #icon3:hover {
    background: url("../images/icon-2.png") no-repeat;
    background-position: 0 -30px;
  }
  
  #icon4:hover {
    background: url("../images/icon-3.png") no-repeat;
    background-position: 0 -30px;
  }
  
  #icon5:hover {
    background: url("../images/icon-4.png") no-repeat;
    background-position: 0 -30px;
  }