@charset "utf-8";
/* CSS Document */
#section { width:990px; margin:0 auto; padding:10px 0; overflow:hidden; clear:both; //border:1px solid #0ff;
}
#article { float: left; width: 700px; text-align: center; overflow:hidden; //border:1px solid #000;
}
#aside { float:right; width: 270px; text-align: center; overflow:hidden; //border:1px solid #F00;
}
#jeda{ clear:both
}
#nav { width: 990px; margin:0 auto; text-align:left; padding-top:4px; //border:1px solid #0F0;
}
#bord{ background-color:#FFF; border-radius:10px; padding:10px; text-align: center; overflow:hidden;
}
#borde{ background-color:#FFF; border-radius:10px; padding:13px; text-align: center; overflow:hidden;
}
#top{ width:990px; margin:0 auto; padding:10px 0 35px 0; overflow:hidden; //border:1px solid #F00;
}
#footer{ width:990px; margin:0 auto; overflow:hidden;
}
#bot-left {	float: left; width: 600px; margin-left:4px; //border:1px solid #000;
}
#bot-right { float: right; width: 340px; margin-right:4px; //border:1px solid #F00;
}

.judul{ font:bold 32px "ropa Sans"; padding-bottom:8px; color:#000}
.jdl-klik{ font:normal 25px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:8px; color:#da1b1f; text-decoration:none;}
.jdl-klik:hover{color:#AC1519;
}
.jdl-page{ font-family:Arial,sans-serif; font-size:22px; color:#333; text-shadow:2px 2px 2px #CCC}
.jdl-news{ font-family:Arial,sans-serif; font-size:14px; color:#333; text-shadow:2px 2px 2px #CCC}
.jdl-page3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	line-height:100%;
	text-shadow:2px 2px 2px #CCC
}
.isi_con{
	font-family: 'arial', sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	line-height:20px
}

.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 */}

.menu_bottom {
	font: bold 12px Tahoma, Geneva, sans-serif;
	color: #000;
	text-transform: none;
	text-decoration: none;
}
.menu_bottom:hover {
	font: bold 12px Tahoma, Geneva, sans-serif;
	color: #3B2E01;
	text-transform: none;
	text-decoration: none;
}
.txt-bot{font-family: 'arial', sans-serif; font-size:11.3px; color:#000;}
.tx-bot{font-family: 'arial', sans-serif; font-size:11.3px;color:#2105CD; text-decoration:none}
.tx-bot:hover{ color:#13027D}

.trak{padding:5px 3px; border-radius:5px; border:solid 1px #CCC; font-family: 'arial', sans-serif; font-size:12px; color:#666;}
.subtrak{ padding:6px 9px; border-radius:5px; border:solid 1px #EB8B00; font-family: 'arial', sans-serif; font-size:12px; color:#000; background-color:#FFCB06}
.subtrak:hover{ border:solid 1px #FF9905; background-color:#EBBA00}
.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
}


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

.tomsearch{ padding:3px; background-color:#fff;border-radius:7px;font-family: Arial, sans-serif; font-size:12px; color:#666; }

#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:148px; height:280px;  vertical-align:top; text-align:center; padding:4px; font-family: 'Arial', sans-serif; font-size:12px; color:#000; text-decoration:none;margin:5px 4px;}
#contpro2 ul li:hover{ background-color:#DEF; box-shadow:2px 2px 2px 2px #999; background-color:#E8F8FF; 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}

.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:14px;
	color:#008000;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none
}
.link3:hover{ color:#000}

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

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

#incart{ padding:3px 5px; background-color:#906; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin:3px 8px}

#incart2{ padding:5px; background-color:#906; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}

.bord_img{
	border:2px solid #C6C6C6;
	border-radius:10px;
	opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	 opacity:0.90;
	-khtml-opacity:0.90; 
}.bord_img:hover{
	border:2px solid #EBBA00;
	border-radius:10px;
	opacity:0.95;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	 opacity:0.95;
	-khtml-opacity:0.95;
}
.bord_imag{
	border:2px solid #EBBA00;
	border-radius:10px;
}
.text-kat {
	float:left;
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	text-transform: capitalize;
	text-decoration: none;
	display:block;
	padding:7px 8px 7px 12px;
	margin:0 42px;
	width:140px;
}
.text-kat:hover, .text-kat-aktif {
	float:left;
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	text-transform: capitalize;
	text-decoration: none;
	padding:7px 8px 7px 12px;
	margin:0 42px;
	width:140px;
	background-color:#FFCB06;
	border-radius:8px 8px 0 0;
}