@charset "utf-8";
/* CSS Document */
#balon{
	width:57px;
	margin-top:25%;
	position: absolute;
	top: 0;
	right:0;
	z-index: 10;
}
.img-gale{ width:29%; padding:1%; float:left; margin:0px 5px}

.img-galedprod{ width:21%; padding:1%; float:left; margin:0px 5px}

.img-prod{ width:20%; padding:1%;}
.img-contain{ width:31.3%; padding:1%;}
img.lt{
	max-width: 100%;
	height: auto;
	/*opacity:0.80;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity:0.80; */
}
img.lt:hover{
	/*opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1; */
	-webkit-transition: all 0.7s linear; 
	-moz-transition: all 0.7s linear; 
	-o-transition: all 0.7s linear; 
	-ms-transition: all 0.7s linear; 
	transition: all 0.7s linear;
}
#section { margin:auto; width:100%;//border:solid 1px #000;
}
#article { margin:auto; width:70%; float:left;
}
#aside { margin:auto; width:28%; float:left;
}
#jeda{ clear:both
}
#top{ width:100%; margin:0 auto; overflow:hidden; background-image:url(../images/bg-top.png); background-position:left; background-repeat:repeat-x; height:150px; position:absolute; top:0px;}
#topdua{ width:100%; margin:0 auto; overflow:hidden; background-image:url(../images/bg-ats.jpg); background-position:left; background-repeat:repeat-x; height:150px;border:solid 1px #FFF;
}#toptiga{ width:100%; margin:0 auto; overflow:hidden; background-image:url(../images/bg-ats.jpg); background-position:left; background-repeat:repeat-x; height:150px; border:solid 1px #FFF;}

#ats{ width:100%; margin:0 auto; font:normal 11px Verdana; color:#FFF}
#topleft{ float:left; width:30%; padding-top:10px}
#topcenter{ float:left; width:30%}
#topright{ float:left; width:30%; text-align:right; padding-top:10px}
#topleft2{ float:left;}
#topcenter2{ float:left;}
#topright2{ float:right;}
.sesa{ padding:4px 3px; font:normal 11px Verdana; color:#FFF; background-color:#000}

#buatwlc { margin:auto; width:100%;border:1px solid #D9D9D9;}
#apDiv{ background-image:url(../images/bg-wlc.jpg); background-repeat:no-repeat; background-position:center; width:100%; height:100%; margin:auto;}

#buatnws { background-image:url(../images/bg-nws.jpg); background-repeat:no-repeat; background-position:center; width:100%; height:347px; margin:auto;
}
#bgnws{ width:990px; margin:auto;}

#footer{ background-color:#EBEBEB; width:100%; overflow:hidden}
#bawah{ width:100%; margin:auto;}
#botleft{ float:left; padding-top:12px;}
#botkiri{ float:left; padding-top:12px;}
#botbts{ float:left; padding-top:12px;}
#botcenter{ float:left; padding-top:12px;}
#botright{ float:right; padding-top:30px;}
.mn-bot{font:normal 16px "Myriad Pro"; color:#848484; text-decoration:none; text-transform:capitalize; line-height:220%}
.mn-bot:hover{ color:#CD6001; text-decoration:none; text-transform:capitalize; line-height:220%}
.txt-bot{font:normal 14px "Myriad Pro"; color:#7B7B7B;}
.tx-bot{font:normal 14px "Myriad Pro"; color:#E66C01; text-decoration:none}
.tx-bot:hover{ color:#B45401; text-decoration:none}
.linkmail{font:normal 12px Verdana; line-height:18px; color:#E66C01; text-decoration:none;}
.linkmail:hover{color:#B45401; text-decoration:none;}

.quanti{padding:5px 5px 6px 5px; margin-right:2px; border:solid 1px #CD6000; font:normal 13px "Open Sans"; color:#000;}
.trak{padding:5px 3px; border:solid 1px #CCC; font:normal 12px "Open Sans"; color:#000;}
.subtrak{ padding:4px 8px; border:solid 1px #9B4800; font:normal 13px "Open Sans"; color:#fff3f3; background-color:#CD6000}
.subtrak:hover{ border:solid 1px #CD6000; background-color:#9B4800; color:#FFF}

#incart{ padding:5px; background-color:#FFC795; color:#008AED; font:bold 15px "Open Sans"; margin:3px 8px}

#incart2{ padding:5px; background-color:#906; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.cart-link{ font:bold 12px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#F06; text-decoration:none; 
}.cart-link:hover{ color:#333}
#toglemenu{ margin:auto; width:100%;
}
.mntop{
	font: normal 16px "Open Sans";
	color:#FFFFFF;
	margin:0 37px;
	text-align:center;
	text-decoration:none;
	text-transform: capitalize;}
.mntop:hover,.mntopon{font: normal 16px "Open Sans";color:#D5961C; margin:0 37px; text-align:center; text-decoration:none; text-transform: capitalize;
}
.samnws{
	padding:8px;
	margin-bottom:6px;
	text-align:justify;
	//border-bottom:dashed 1px #434343;
	text-decoration: none;
	overflow:hidden;
	border-radius: 4px;
}.samnws:hover{
	//box-shadow:2px 2px 2px 2px #999; 
	background-color:#535353;
	-webkit-transition: all 0.9s linear; 
	-moz-transition: all 0.9s linear; 
	-o-transition: all 0.9s linear; 
	-ms-transition: all 0.9s linear; 
	transition: all 0.9s linear;
}


#toglemenu{ float:right; margin:auto; width:100%;}

/*bag judul*/
.judwlc{ font:normal 46px "Open Sans"; color:#eaff00; text-transform: uppercase; word-wrap:break-word; line-height:120%}
.judstat{ font:normal 20px "Open Sans"; color:#232323; text-transform:uppercase}
.judnws{ font:normal 30px "Open Sans"; color:#FFF; text-transform:uppercase}
.judul{ font:normal 20px "Open Sans"; color:#000; text-transform:uppercase; font-weight:bold}
.judtrak{ font:normal 20px "Open Sans"; color:#686363; text-transform: capitalize; line-height:100%; padding-bottom:3px}
.jdlpag{ font:normal 18px "Open Sans"; color:#000; padding-left:5px; line-hei:180%}

.namnws{ font:normal 14px Verdana; line-height:150%; color:#A9A9A9; text-decoration:none;}
.namnws:hover{color:#CD6000;text-decoration:none;}
.namnews{ font:normal 16px Verdana; line-height:150%; color:#833C00; text-decoration:none;}
.namnews:hover{color:#CD6000;text-decoration:none;
}
.namgale{ font:normal 12px "Open Sans"; line-height:100%; color:#833C00; text-transform: capitalize; text-decoration:none; //border:1px solid #000}
.namgale:hover{color:#CD6000;text-decoration:none; line-height:100%; text-transform: capitalize
}
.namprd{ font:normal 14px "Open Sans"; line-height:100%; font-weight:bold; color:#833C00; text-transform: capitalize; text-decoration:none; //border:1px solid #000}
.namprd:hover{color:#CD6000;text-decoration:none; line-height:100%; text-transform: capitalize
}

.kera{ font:bold 14px "Open Sans"; line-height:150%; color:#FFA24F; text-decoration:none;}
.kera:hover{color:#FF7B01;text-decoration:none;}

.rmabt{
	font: bold 12px Tahoma;
	color: #FEEA67;
	text-transform: none;
	text-decoration: none;
	line-height: 170%;
}
.rmabt:hover{
	font: bold 12px Tahoma;
	color: #FFFFCC;
	text-transform: none;
	text-decoration: none;
	line-height: 170%;
}
.rm{
	font: bold 12px Tahoma;
	color: #FF934E;
	text-transform: none;
	text-decoration: none;
	line-height: 170%;
}
.rm:hover{
	font: bold 12px Tahoma;
	color: #FF731A;
	text-transform: none;
	text-decoration: none;
	line-height: 170%;
}


.isiwlc{
	font:normal 12px Verdana;
	color:#FFF;
	text-decoration:none;
	line-height:20px;
	word-wrap:break-word
}
.isikontak{
	font:normal 11px Verdana;
	color:#888888;
	text-decoration:none;
	line-height:18px
}
.isi_con{
	font:normal 13px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#3f2900;
	text-decoration:none;
	line-height:25px
}
.isi_conta{
	font:normal 13px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#3f2900;
	text-decoration:none;
	line-height:18px
}

.txt-content{
	font-family: 'arial', sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}


#contpro{ width:155px; height:300px; float:left; margin:5px 5px; font-family:Arial,sans-serif; font-size:12px; color:#000; padding:4px; text-align:center;}
#contpro:hover{ box-shadow:2px 2px 2px 2px #999; background-color:#FFEAFF; border-radius:4px}

.jdl2{ font-family:Arial,sans-serif; font-size:15px; font-weight:800}

.imgs{/*opacity:0.90;filter:alpha(opacity=98);*/ /* For IE8 and earlier */}
.imgs:hover{/*opacity:1.5;filter:alpha(opacity=105);*//* For IE8 and earlier */}

.jdl-page{ font-family:Arial,sans-serif; font-size:22px; color:#333; text-transform:capitalize; text-shadow:2px 2px 2px #CCC}
.jdl-page2{ font-family:Arial,sans-serif; font-size:18px; color:#FFF; text-shadow:2px 2px 2px #333}
.pink{ font-family:Arial,sans-serif; color:#F69; font-size:16px}

.emailus{ width:150px; padding:7px; text-align:center; font-family:Arial, sans-serif; font-size:16px; color:#FFF; background-color: #0059B3; margin:auto; border-radius:7px; text-align:center}
.emailus:hover{ background-color:#FFC4E1; color:#333}

/*button*/
.lomem {
	background-color:#1FBEF2;
	padding:7px;
	border-radius:6px 0 0 6px;
}.lomem:hover,.lomem-aktif {
	background-color:#0E6AEA;
	padding:7px;
	border-radius:6px 0 0 6px;
}
.damem {
	background-color:#1FBEF2;
	padding:7px;
	border-radius:0 6px 6px 0;
}.damem:hover,.damem-aktif {
	background-color:#0E6AEA;
	padding:7px;
	border-radius:0 6px 6px 0;
}
.trakdpro{
	padding:5px;
	border-radius:5px;
	border:solid 1px #CCC;
	font-family: 'arial', sans-serif;
	font-size:20px;
	text-transform:capitalize;
	color:#fff;
	background-color:#0080FF
}

.input {
	border:1px solid #4E4E4E;
	padding:3px;
	margin:3px auto;
	font: normal 12px Verdana;
	color: #454545;
	line-height:15px;
	 border-radius:4px;
}
.input:hover {
	border:1px solid #000;
	padding:3px;
	margin:3px auto;
	font: normal 12px Verdana;
	color: #454545;
	line-height:15px;
	 border-radius:4px;	 
	box-shadow: 1px 1px 2px 1px #A7A7A7;
}

/*form search*/
.input-search{ border:none;font:normal 11px Verdana; color:#FFF; vertical-align:top; margin:0 0 0 0;padding:5px;background:#000; width:80%}
#search{width:100%;border:1px solid #FFF;background:#000; text-align:right}
.tomsearch{ padding:3px; background-color:#000; font:normal 11px Verdana; color:#FFF; }

/*gallery*/
#contprog{float: left; width: 100%; text-align:left}
#contprog ul { list-style: none; padding:0; margin: 0px 0  }
#contprog ul li { display: inline-block; text-align:center; zoom: 1; *display:inline; width:174px; height:180px;  vertical-align:top; text-align:center; padding:5px; font-family: 'Arial', sans-serif; font-size:12px; color:#000; text-decoration:none;margin:5px 4px; border:1px solid #D4D4D4}
#contprog ul li:hover{ background-color:#DEF; box-shadow:2px 2px 2px 2px #999; background-color:#FFE8E9; border-radius:4px;}

/*product*/
#contpro2{float: left; width: 100%; text-align:left}
#contpro2 ul { list-style: none; padding:0; margin: 0px 0  }
#contpro2 ul li { display: inline-block; text-align:center; zoom: 1; *display:inline; width:219px; height:222px;  vertical-align:top; text-align:center; padding:4px; font-family: 'Arial', sans-serif; font-size:12px; color:#000; text-decoration:none;margin:6px; //border:1px solid #D4D4D4}
#contpro2 ul li:hover{ background-color:#DEF; box-shadow:2px 2px 2px 2px #999; background-color:#FFE8E9; border-radius:4px;}

#contprod{float: left; width: 100%; text-align:left;}
#contprod ul { list-style: none; padding:0; margin: 0px 0  }
#contprod ul li { display: inline-block; text-align:center; zoom: 1; *display:inline; width:161px; height:180px;  vertical-align:top; text-align:center; padding:8px; font-family: 'Arial', sans-serif; font-size:12px; color:#000; text-decoration:none;margin:5px 4px; //border:1px solid #D4D4D4}
#contprod ul li:hover{ background-color:#DEF; box-shadow:2px 2px 2px 2px #999; background-color:#FFE8E9; border-radius:4px;}

.link1{font-family: 'Arial', sans-serif; font-size:14px; color:#F30; font-weight:bold; text-transform:capitalize; text-decoration:none}
.link1:hover{ color:#000}

.links{font-family: 'Arial', sans-serif; font-size:13px; color:#2b2b2b; font-weight:normal; text-transform:capitalize; text-decoration:none}
.links:hover{ color:#000; text-transform:capitalize; text-decoration:none}

.link2{
	font-family: 'Arial', sans-serif;
	font-size:14px;
	color:#FF7575;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none
}
.link2:hover{ color:#000}

.link3{
	font-family: 'Arial', sans-serif;
	font-size:13px;
	color:#008000;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none
}
.link3:hover{ color:#000}

.link4{
	font: normal 14px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#3f2900;
	text-transform:uppercase;
	text-decoration:none
}

.link4:hover, .link4-aktif{ 
	font: normal 13.4px "Century Gothic";
	color:#A30E00;
	text-transform:uppercase;
	text-decoration:none
}

.text-page {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #DEE6EF;
	padding: 3px;
}
.text-page:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-decoration: none;
	background-color: #CCCCFF;
	border: 1px solid #999999;
	padding: 3px;
}

.borprd{
	/*opacity:0.85;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	 opacity:0.85;
	-khtml-opacity:0.85;*/
}.borprd:hover{
	/*opacity:0.95;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	 opacity:0.95;
	-khtml-opacity:0.95;*/
}
.bord_img{
	border:1px solid #C6C6C6;
	border-radius:6px;
	/*opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	 opacity:0.90;
	-khtml-opacity:0.90; */
}.bord_img:hover{
	border:1px solid #F37022;
	border-radius:6px;
	/*opacity:0.95;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	 opacity:0.95;
	-khtml-opacity:0.95;*/
}
.bord_imag{
	border:1px solid #F37022;
	border-radius:10px;
}
.judkcl,.jd-kc{
	font: normal 11px Tahoma;
	color:#959595;
	text-transform: capitalize;
	text-decoration: none;
	text-align: left;
	padding-top:5px;
	line-height:100%;
}
.judkcl:hover,.judkc{
	font: normal 11px Tahoma;
	color:#cd6000;
	text-transform: capitalize;
	text-decoration: none;
	text-align: left;
	padding-top:5px;
	line-height:100%;
}

.katpro{ width:20%;margin:5px; float:left}
.katpro h3{ padding:0px; margin:7px 0px; font-family:"Times New Roman", serif; font-size:22px}
.katpro h4{ padding:7px 10px; margin:7px 0px; font-family:"Times New Roman", serif; font-size:18px; background-color:#BF0000; border:solid 1px #FFF; width:95%; text-transform:capitalize; color:#FFF}
.produkleft{ float:left; width:76%; margin:5px; padding:0px}
.produkleft h3{ padding:0px; margin:7px 0px; font-family:"Times New Roman", serif; font-size:22px}

.accor{ margin:0px; padding:0px; font-family:"Times New Roman", serif; font-size:14px}
.accor ul{ padding-left:3px; text-align:left; list-style:none}
.accor li{ padding:3px; margin:5px 0px;
 /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,yellow,orange);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,yellow,orange);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,yellow,orange);
  /* Standard syntax */
  background: linear-gradient(to right,yellow,orange); 
width:100%; display:block; border:solid 1px #CCCCCC}
.accor li:hover{
	/* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,orange,yellow);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,orange,yellow);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,orange,yellow);
  /* Standard syntax */
  background: linear-gradient(to right,orange,yellow); 
	display:block}
.accor li a{ text-decoration:none; color:#000;width:100%; padding:5px; display:block}
.accor li a:hover{color:#F30;}
.accor sup{ color:#F30;}
.accor sup:hover{color:#FFF;}
.accor li.active { /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,orange,yellow);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,orange,yellow);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,orange,yellow);
  /* Standard syntax */
  background: linear-gradient(to right,orange,yellow); }

.neworange{margin:auto; width:1100px; background-image:url(../images/bg-wlc.jpg);background-repeat:no-repeat; background-position:center;}