@charset "utf-8";
/* CSS Document */
body{
  	padding-bottom: 10px;
	margin:0 0 0 0;
	background:url(images/body-header.png) #EAEAEA;
	/*background:url(images/Blue-Light-Wallpaper-Image-Picture.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
	/*background-image:-webkit-gradient(linear,left 0,left 100%,from(#E6FEC5),to(#D6FDA2));background-image:-webkit-linear-gradient(top,#E6FEC5,0%,#D6FDA2,100%);background-image:-moz-linear-gradient(top,#E6FEC5 0,#D6FDA2 100%);background-image:linear-gradient(to bottom,#E6FEC5 0,#D6FDA2 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)*/
}
.body{
	background:#FFF;

	-webkit-box-shadow:inset 0 5px 0 rgba(255,255,255,0.55),0 10px 80px rgba(0,0,0,0.25);box-shadow:inset 0 5px 0 rgba(255,255,255,0.55),0 10px 80px rgba(0,0,0,0.25);
	 -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px;
-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
}
.body-header{
	background:url(images/body-header.png);
	border-bottom:5px solid #984C3F;
	margin-bottom:20px;
	height:165px;
}
.header-web{
	/*background:#FBFBFB;*/ height:125px;
	text-shadow:0 -1px 0 #3071a9;
	/*text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);*/
/*background-image:-webkit-gradient(linear,left 0,left 100%,from(#EEDFC4),to(#DEC08A));background-image:-webkit-linear-gradient(top,#EEDFC4,0%,#DEC08A,100%);background-image:-moz-linear-gradient(top,#EEDFC4 0,#DEC08A 100%);background-image:linear-gradient(to bottom,#EEDFC4 0,#DEC08A 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
  border-color: #d6e9c6;
  color:#FFF;*/
  
  
  /*background:#06C; height:100px; padding:10px;
	text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
background-image:-webkit-gradient(linear,left 0,left 100%,from(#2D96CE),to(#20739B));background-image:-webkit-linear-gradient(top,#2D96CE,0%,#20739B,100%);background-image:-moz-linear-gradient(top,#2D96CE 0,#20739B 100%);background-image:linear-gradient(to bottom,#2D96CE 0,#20739B 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
  border-color: #d6e9c6;
  color:#FFF;*/
  
}
.header-web a{
	color:#FFF;
}
.header-web small{
	color:#FFF;
	text-shadow:0 -1px 0 #3071a9;
}
.header-web-bates{
	/*border-top:#F60 5px solid;*/
}

.topmenu{
	height:40px;
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#3AA169),to(#2E8153));
	/*background-image:-webkit-linear-gradient(top,#3AA169,0%,#2E8153,100%);background-image:-moz-linear-gradient(top,#3AA169 0,#2E8153 100%);background-image:linear-gradient(to bottom,#3AA169 0,#2E8153 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)*/
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#96D834),to(#53C124));background-image:-webkit-linear-gradient(top,#96D834,0%,#53C124,100%);background-image:-moz-linear-gradient(top,#96D834 0,#53C124 100%);background-image:linear-gradient(to bottom,#96D834 0,#53C124 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
  border-color: #d6e9c6;
  color:#FFF;
 
  -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px;
-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px;
}

/* ========== PRODUK ====================*/
.text-judul-halaman{
	color:#F90;
	font-size:24px;
	border-bottom:1px solid #F90;
}
.judul-produk{
	color:#900;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.boxproduk{
	padding:5px;
	height:140px;
	width:100%;
	border-bottom:1px solid #E8E8E8;
}
.boxproduk:hover{
	background:#F5F5F5;
}

/* ============== END PRODUK ============== */



.navjudul{
font-size:14px; color:#000; background:#0CF;

  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #F5F5F5; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #F5F5F5 0%, #FBFBFB 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#F5F5F5), color-stop(100%,#FBFBFB)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(45deg,  #F5F5F5 0%,#FBFBFB 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(45deg,  #F5F5F5 0%,#FBFBFB 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(45deg,  #F5F5F5 0%,#FBFBFB 100%); /* IE10+ */
  background: linear-gradient(45deg,  #F5F5F5 0%,#FBFBFB 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FBFBFB',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.navjudul:hover{
	background:#E1F2FD;
}
.navmenu{
	background:#F1FBFE;
}
.border-konten{
	border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
          box-shadow: 0 1px 2px rgba(0,0,0,.075);
		  padding:15px;
}
.redcolor{
	color:#F00;
}
.menukanan{
	padding-left:5px;
	margin-left:5px;
}
.menukanan li{
	padding:5px;
	border-bottom:1px solid #EFEFEF;
}
.menukanan li:hover{
	background:#F5F5F5;
}
.footer-top{
	/*background-image:-webkit-gradient(linear,left 0,left 100%,from(#3AA169),to(#2E8153));background-image:-webkit-linear-gradient(top,#3AA169,0%,#2E8153,100%);background-image:-moz-linear-gradient(top,#3AA169 0,#2E8153 100%);background-image:linear-gradient(to bottom,#3AA169 0,#2E8153 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)*/
	background-image:-webkit-gradient(linear,left 0,left 100%,from(#96D834),to(#53C124));background-image:-webkit-linear-gradient(top,#96D834,0%,#53C124,100%);background-image:-moz-linear-gradient(top,#96D834 0,#53C124 100%);background-image:linear-gradient(to bottom,#96D834 0,#53C124 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
	  /*border-top: 1px solid #dddddd;*/
	  /*border-top:5px solid #222222;*/
	  /*text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
background-image:-webkit-gradient(linear,left 0,left 100%,from(#2D96CE),to(#20739B));background-image:-webkit-linear-gradient(top,#2D96CE,0%,#20739B,100%);background-image:-moz-linear-gradient(top,#2D96CE 0,#20739B 100%);background-image:linear-gradient(to bottom,#2D96CE 0,#20739B 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)
  border-color: #d6e9c6;
  color:#FFF;*/
  /*background:#FBFBFB;*/ padding:10px;
	/*text-shadow:0 -1px 0 #3071a9;
	text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
background-image:-webkit-gradient(linear,left 0,left 100%,from(#EEDFC4),to(#DEC08A));background-image:-webkit-linear-gradient(top,#EEDFC4,0%,#DEC08A,100%);background-image:-moz-linear-gradient(top,#EEDFC4 0,#DEC08A 100%);background-image:linear-gradient(to bottom,#EEDFC4 0,#DEC08A 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)*/
  border-color: #F60;
	border-top:5px solid #984C3F;
	color:#333;
}


.menu-kanan-box{
	margin-bottom:20px;
	  /*  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		  border-color: #dddddd;
		  padding:5px;*/
}
.menu-kanan-judul{
	height:35px;
	padding-left:5px;
	border-bottom:3px solid #999;
	font-size:18px;
	margin-bottom:20px;
	margin-top:5px;
	  color: #333333;
  /*background-color: #f5f5f5;
  border-color: #dddddd;*/
}
.menu-kanan-data-list{
	color:#333;
  padding-left: 0;
  list-style:square;
}
.menu-kanan-data-list a{
	color:#666;
	font-family:arial;
	font-size:13px;
}
.data-hover{
}
.data-hover:hover{
	background:#F9F9F9;
}

.overflow{
	width:100%;
	height:100px;
	overflow:auto;
}
.overflow1{
	width:100%;
	height:200px;
	overflow:auto;
}
.overflow2{
height: 650px;
  overflow: auto;
  position: relative;
}
.overflow3{
height: 250px;
  overflow: auto;
  position: relative;
}
.overflow4{
height: 350px;
  overflow: auto;
  position: relative;
}
.overflow5{
height: 450px;
  overflow: auto;
  position: relative;
}
.overflow-wide{
	width:790px;
  overflow: auto;
  position: relative;
}