@charset "utf-8";
/* CSS Document */
body{
  	padding-bottom: 10px;
	margin:0 0 0 0;
	/*background:url(images/AbstractSeamlessFloralPatternBackground.jpg) #EAEAEA;*/
	background:url(images/Green-Bamboo-In-Forest.jpg) fixed;
	/*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;
}
.body-header{
	background:url(images/body-header.png);
	border-bottom:5px solid #984C3F;
	margin-bottom:20px;
	height:165px;
}
.header-web{
	/*background:#FBFBFB;*/ height:120px;
	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 {
    /*background: rgba(0,95,139,1);
    background: -moz-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,95,139,1)), color-stop(100%, rgba(0,58,83,1)));
    background: -webkit-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: -o-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: linear-gradient(to bottom, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f8b', endColorstr='#003a53', GradientType=0 );*/
    background: #FF9800;
}
.topmenu .navbar-inverse {
    background: none;
    border:0;
}
.topmenu .navbar-inverse {
    background: none;
    border:0;
    margin : 0;
}
.topmenu .navbar-inverse .navbar-brand,
.topmenu .navbar-inverse .navbar-nav>li>a{
    color : #ffffff;
    font-size:12px;
    font-family:"Web-Lato-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.topmenu .navbar-inverse .navbar-brand,
.topmenu .navbar-inverse .navbar-nav>li>a:hover{
    color : #FFF;
    background:#04bca1;
    font-size:12px;
    font-family:"Web-Lato-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.topmenu .navbar-inverse .navbar-brand {
    font-size: 25px;
    padding: 12px 10px;
}
.topmenu .nav>li>a,
.topmenu .navbar-brand{
    padding-left : 10px;
    padding-right : 10px;
}
/* ========== menu ====================*/
.menu-top {
    /*background: rgba(0,95,139,1);
    background: -moz-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,95,139,1)), color-stop(100%, rgba(0,58,83,1)));
    background: -webkit-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: -o-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    background: linear-gradient(to bottom, rgba(0,95,139,1) 0%, rgba(0,58,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005f8b', endColorstr='#003a53', GradientType=0 );*/
    background: #FF9800;
}
.menu-top .navbar-inverse {
    background: none;
    border:0;
}
.menu-top .navbar-inverse {
    background: none;
    border:0;
    margin : 0;
}
.menu-top .navbar-inverse .navbar-brand,
.menu-top .navbar-inverse .navbar-nav>li>a{
    color : #ffffff;
    font-size:12px;
    font-family:"Web-Lato-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.menu-top .navbar-inverse .navbar-brand,
.menu-top .navbar-inverse .navbar-nav>li>a:hover{
    color : #FFF;
    background:#04bca1;
    font-size:12px;
    font-family:"Web-Lato-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.menu-top .navbar-inverse .navbar-brand {
    font-size: 25px;
    padding: 12px 10px;
}
.menu-top .nav>li>a,
.menu-top .navbar-brand{
    padding-left : 10px;
    padding-right : 10px;
}
/* ========== akhir menu ====================*/
.bottom-footer {
    padding-top:20px;
    border-top:solid 4px rgba(255,255,255,0.1);
    text-align: center;
}
.breadcrumb {
    padding: 8px 150px;
    margin-bottom: 0;
    list-style: none;
    background-color: #02a890;
    border-radius: 0;
    display: inline-block;
    color: #fff;
}
/* ========== 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(#05916C),to(#066860));background-image:-webkit-linear-gradient(top,#05916C,0%,#066860,100%);background-image:-moz-linear-gradient(top,#05916C 0,#066860 100%);background-image:linear-gradient(to bottom,#05916C 0,#066860 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;  
}


.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;
}