*{
    padding: 0;
    margin:0;
    font-family: sans-serif;
}

button {
    margin: 0;
    padding: 0;
}
body{
   background-image: url(../images/bg.png); 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
        
}

#visimisi {
    width: 100%;
    height:30px;
    background: #F5761B;
    box-shadow: 1px 1px 15px 1px #818181;
}
#tiker {
    margin: 0 auto;
    width: 1000px;
}
#right-right table input,td{
    padding:10px 10px 10px 0;
    width:300px;     
}
#right-right table textarea{
    width: 300px;
    height:100px;
    
}

#wrapper {
    width:1000px;
    margin:auto;
    height:auto;
    box-shadow: 1px 10px 15px 3px #818181;
    
}

#head {
    width:1000px;
    height:120px;
    margin: auto;  
    background:white;
      
}

#head img {
   
    margin:25px 0 20px 25px;
}
#head form {
    float:right;
    margin:60px 10px  10px;
    
    
}
#head form input {
    width:400px;
    height:30px;
    
}
#head button {
    right:2px;
    position:relative;
    height:30px;
    width:30px;

    
}

#nav {
    width:100%;
    background: #003399;
    height:35px;
    box-shadow: 2px 10px 10px #818181;
    overflow:hidden;
    box-shadow: 1px 3px 15px 3px #818181;   
    
    
}

#nav li{
    text-decoration: none;
     list-style: none;
    line-height: 35px;
    
    
    
}
#nav li a{
    text-decoration: none;
    float:left;
    padding:0 30px 0 30px;
    color:whitesmoke;
    
    border-right:1px solid whitesmoke;
    font-size:14px;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    
}

#nav li a:hover{
    background:white ;
    color: black ;
    
}

.active {
    background:#F5761B;
    color:black;
}


#content {
    width: 100%;
    background:white;
    padding-top:30px;
    padding-bottom:30px;
    overflow: hidden;  
    
}

#left-content {
    width: 24%;
   border: 1px solid #003399;
   border-bottom: 9px solid #003399 ;
    float:left;
    background:white;
     margin: 10px 0 0 20px;     
}
#left-content h1{
    padding: 10px;
    text-align: center;
    font-size:20px;
    background:#F5761B;
    color:white;
   
}
#left-content ul{
    width:170px;
    margin: 25px 30px 30px 35px;
    text-decoration: none;
    line-height: 25px;
    font-size:15px;   
}

#left-content li a{
    color: black;
    text-decoration: none;   
}
#left-content li a:hover{
    color:red;
    
}
.left-top{
    
    border-bottom: 9px solid #003399;
   
}

#right-content{
    float:right;
    width: 70%;
    background:white; 
    border-left: 1px solid #003399 ;  
    overflow:hidden;
    
    
}
#right-content h1{
    margin-left : 60px; 
}
#right-top{
    position:relative;
    height:650px;
}

.circle1 {
    width: 140px;
    height:140px;
    background:#F5761B;
    border-radius: 140px;
  margin-top:30px;
   margin-left: 300px;
   overflow: hidden;
   position:absolute;
   top:50px;
   left:0;
   }


.circle2{
    width: 140px;
    height:140px;
    background:#F5761B;
    border-radius: 140px;
   float: left;
   margin-left: 130px;
   position:absolute;
   top:180px;
   left:7px;

 
   }

 .circle3{
    width: 140px;
    height:140px;
    background:#F5761B;
    border-radius: 140px;
    margin-left:470px;
     position:absolute;
   top:180px;
   left:0px;
 
   }
   .circlex {
    width: 190px;
    height:190px;
    background:white;
    border-radius: 190px;
    border: 1px solid black;
    position:static;
   margin-left: 302px;
   position:absolute;
   top:243px;
   right: 231px;
   }
                    .circlex .tulisan a {
                    color:black;
                    line-height:29px;
                   }
  
  .circle4{
    width: 140px;
    height:140px;
    background:#F5761B;
    border-radius: 140px;;
    float:left;
    margin-left: 130px;
    position:absolute;
   top:358px;
   left:7px;
 
   }

   .circle5{
    width: 140px;
    height:140px;
    background:#F5761B;
    border-radius: 140px;
    margin-left:470px;
    position:absolute;
    top:358px;
 
   }
 
 .circle6{
    width: 140px;
    height:140px;
    background:#F5761B;
    border-radius: 140px;
    margin-left:300px;
    margin-top:236px;
    margin-bottom:50px;
    position:absolute;
   top:220px;
   }

.tulisan , .tulisan a{
    text-align: center;
    padding-top:40px;
    color:white;
    font-size:13px;
    text-decoration: none;
    line-height:20px;
}


.circle1:hover {
    background:#003399;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.circle2:hover {
    background:#003399;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.circle3:hover {
    background:#003399;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.circle4:hover {
    background:#003399;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.circle5:hover {
    background:#003399;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.circle6:hover {
    background:#003399;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}




#footer{
    font-size:14px;
    text-align: center;
    line-height:50px;
    color:white;
    background:#F5761B;
    height: 50px; 
    box-shadow: 1px 3px 15px 2px #818181;   
}