/* Main */	
.produkmain{
	overflow	:hidden;		
	background	:none;
	text-align 	:center;}	

/* Main */	
.produkdomain{
	overflow	:hidden;		
	background	:none;
	text-align 	:center;}

/* Font */	
produkfontputih{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFF;
	font-size		:16px;
	margin			:0px 0px 15px 0px;
	line-height		:1.5;}

produkfontputihkecil{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFF;
	font-size		:12px;
	margin			:0px 0px 15px 0px;
	line-height		:1.5;}

produkfontkuning{	
	font-family		:Geneva, Arial, Helvetica, sans-serif;
	color			:#FFFF00;
	font-size		:14px;}

/* Image */	
img {
  border-radius: 5px;
}

/* Button Image */	
.produkbuttonimage{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	text-shadow		:0 1px 2px rgba(0,0,0,.5);
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#E0E0E0 #E0E0E0 #F9F9F9;
	background		:linear-gradient(#666, #000);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:static;
	padding			:10px 12px;
	text-align		:left;
	width 			:240px;
	margin			:10px 0px 10px 10px;}
.produkbuttonimage:hover{
	background		:linear-gradient(#2B2E30, #041E38);}

.produkbuttonimage2{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	text-shadow		:0 1px 2px rgba(0,0,0,.5);
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#E0E0E0 #E0E0E0 #F9F9F9;
	background		:linear-gradient(#666, #000);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:static;
	padding			:10px 12px;
	text-align		:left;
	width 			:100%;
	margin			:10px 0px 10px 10px;}
.produkbuttonimage2:hover{
	background		:linear-gradient(#2B2E30, #041E38);}

/* Button More */	
.buttonmore{
	font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-size		:14px;
	letter-spacing	:normal;
	text-rendering	:optimizelegibility;
	color 			:#FFF;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border			:1px solid;
	border-color	:#3b6e22 #3b6e22 #2c5115;
	background		:linear-gradient(#98B83D, #155C3A);
	border-radius	:5px;	
	cursor			:pointer;
	display			:inline-block;
	position		:relative;
	text-shadow		:0 1px 2px rgba(0,0,0,.5);
	padding			:8px 10px;
	text-align		:center;
	margin			:0px 0px 15px 0px;}
.buttonmore:hover{
	background		:linear-gradient(#666, #000);}
/***********************
TAB
***********************/

/* Style the tab */
.tab {
  overflow: hidden;
}
/* Style the buttons that are used to open the tab content */
.tab button {
  font-size			: 14px;
  font-family		:'Freight Sans Bold', Helvetica, Arial, sans-serif;
  background-color 	: inherit;
  border 			: none;
  outline 			: none;
  cursor 			: pointer;
  padding 			: 4px 0px;
  margin 			: 0px 15px 0px 0px;
  transition 		: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
  	background 	:none;
	border-top 	:none;
	border-right:none;
	border-left :none;
	border-bottom-width	:thick;
	border-bottom		:3px solid #03305D;
}
/* Create an active/current tablink class */
.tab button.active {
  	background 	:none;
	border-top 	:none;
	border-right:none;
	border-left :none;
	border-bottom-width	:thick;
	border-bottom		:3px solid #990000;
}
/* Style the tab content */
.tabcontent {
  display: none;
  border: 1px solid #ccc;
  border-top: none;
  text-align		:center;
}

btntab1{
	font-family 	:'Freight Sans Bold', Helvetica, Arial, sans-serif;
    font-size 		:14px;
    letter-spacing 	:normal;
    text-rendering 	:optimizelegibility;
    /* Mengatur border bawah */
    color 			:#333;
    cursor 			:pointer;
    display 		:inline-block;
    position 		:static;
    text-align 		:center;
    margin 			:5px;}
btntab1:hover{
	border-bottom 	:3px solid transparent;
    border-bottom-color:#990000;}

btntab2{
	font-family 	:'Freight Sans Bold', Helvetica, Arial, sans-serif;
    font-size 		:14px;
    letter-spacing 	:normal;
    text-rendering 	:optimizelegibility;
    /* Mengatur border bawah */
    border-bottom 	:3px solid transparent;
    border-bottom-color:#990000;
    color 			:#333;
    cursor 			:pointer;
    display 		:inline-block;
    position 		:static;
    text-align 		:center;
    margin 			:5px;}
btntab2:hover{}

btnglobalkiri{
	cursor          :pointer;
	color 			:#fff;
	width 			:150px;
	font 			:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display 		: inline-block;
	white-space 	: nowrap;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C50A0A), to(#2D0202));
	background-image: -webkit-linear-gradient(top, #C50A0A, #2D0202);
	background-image: -moz-linear-gradient(top, #C50A0A, #2D0202);
	background-image: -ms-linear-gradient(top, #C50A0A, #2D0202);
	background-image: -o-linear-gradient(top, #C50A0A, #2D0202);
	background-image: linear-gradient(top, #C50A0A, #2D0202);
	border 			: 1px solid #777;
	padding 		: 3px 8px;
	margin 			: 0;
	text-align 		:center;
	text-decoration: none;
	height 			:30px;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius 	:15px 2px 2px 15px;}
btnglobalkiri:hover{
	color: #fff; 
	text-shadow:none;       
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#2D0202));
	background-image: -webkit-linear-gradient(top, #000, #2D0202);
	background-image: -moz-linear-gradient(top, #000, #2D0202);
	background-image: -ms-linear-gradient(top, #000, #2D0202);
	background-image: -o-linear-gradient(top, #000, #2D0202);
	background-image: linear-gradient(top, #000, #2D0202);}

btnglobalkanan{
	cursor          :pointer;
	color 			:#fff;
	width 			:150px;
	font 			:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display 		: inline-block;
	white-space 	: nowrap;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C50A0A), to(#2D0202));
	background-image: -webkit-linear-gradient(top, #C50A0A, #2D0202);
	background-image: -moz-linear-gradient(top, #C50A0A, #2D0202);
	background-image: -ms-linear-gradient(top, #C50A0A, #2D0202);
	background-image: -o-linear-gradient(top, #C50A0A, #2D0202);
	background-image: linear-gradient(top, #C50A0A, #2D0202);
	border 			: 1px solid #777;
	padding 		: 3px 8px;
	margin 			: 0;
	text-align 		:center;
	text-decoration: none;
	height 			:30px;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius 	:2px 15px 15px 2px;}
btnglobalkanan:hover{
	color: #fff; 
	text-shadow:none;       
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#2D0202));
	background-image: -webkit-linear-gradient(top, #000, #2D0202);
	background-image: -moz-linear-gradient(top, #000, #2D0202);
	background-image: -ms-linear-gradient(top, #000, #2D0202);
	background-image: -o-linear-gradient(top, #000, #2D0202);
	background-image: linear-gradient(top, #000, #2D0202);}

/***********************************************
UKURAN MEDIA
************************************************/

@media screen and (max-width: 500px){
	.produkbuttonimage{
		width 	:210px;
		margin	:10px;}
}

@media screen and (max-width: 400px){
	.produkbuttonimage{
		width 	:180px;
		margin	:5px;}
}

@media screen and (max-width: 250px){
	.produkbuttonimage{
		width 	:100%;
		margin	:10px;}
}