@charset "utf-8";
/* CSS Document  */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
	background-color: #320203 ;
	padding:0px;
	margin:0px;
}

a:link, a:visited {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
text-decoration: none;
color: #FFF;
}

a:hover {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
text-decoration: none;
color: #F90;
}


input {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FFF; border:1px solid #90b6f9; 

}

select {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FFF;
	border: 1px solid #acacac;
	margin-right: 3px;
	padding: 3px;

}
textarea {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FFF; border:1px solid #90b6f9; 

}
button {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	background-color:#FFF; border:1px solid #90b6f9; 
}

.wrap_con {
background-image:url(../images/bg_repeat_waren.jpg); background-repeat: repeat-x; width:100%; background-color:#69090a;}

.wrap_page { background-image:url(../images/bg_warren.jpg); background-position:center top; margin:auto; width:1000px; background-repeat:no-repeat;}

.wrap_page_sub { background-image:url(../images/bg_warren_sub.jpg); background-position:center top; margin:auto; width:1000px; background-repeat:no-repeat;}


.top_link a:active,
.top_link a:link,
.top_link a:visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase;
 color:#FFF; padding:5px 11px;text-align:center;}
.top_link a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px;  text-transform:uppercase;
color: #FFF; padding:5px 11px;background-color: #F30; text-align:center;}
 .top_link ul { list-style:none; padding-left:0px; }
 .top_link ul li { list-style:none; padding-left:0px; display:inline;}
 
 .posisi_top_link {padding-top:45px; margin-left:370px;}
 
 .bg_trans {background-color:transparent !important;}
 .pss_log {position:relative; top:7px;left:-10px;}
 
 /*  tuk slide shownya  */
 
 
.step {
	width: 100%;
	position: relative;
}
.step:not(.active) {
	opacity: 1;
	filter: alpha(opacity=99);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}
.step:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}

.padtop60 { padding-top:60px;}

.pakage_artikel { width:31%; float:left; margin-right:15px; }
.clear { clear:both;}
.head_arti { background-image:url(../images/he_content.png); width:297px; height:192px; background-repeat:no-repeat;}
.link_head a:link,
.link_head a:visited { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14.5px; color:#FFF;}
.link_head a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14p.5x; color:#F90;}

.h10 { height:10px;} .h20 { height:20px;} .h100 {height:100px}
.posisi_ln {width:225px; padding-top:50px; margin-left:60px;}

.link_head p { font-family:Arial, Helvetica, sans-serif; text-align:justify; 
font-size:12px; color:#FFF; width:270px; margin-left:20px;}

.wrap_foot { background-color:#320203; width:100%;}
.cont_foot { width:1000px; margin:auto; padding:18px;}
.kiri_foot {width:400px; float: left}
.kanan_foot {width:400px; float:right; margin-right:20px;}

h2 {color: #FFF;  font-family: 'Gudea', sans-serif; font-size: 16px; font-weight:100; }

.pakage_artikel p { line-height:18px;}
 
.sec_lin {background-color:#400404; width:100%; border-top:5px solid #550002; padding-bottom:20px; padding-top:10px;}

.pad_left { margin-left:20px;}
.sub_kanan {width:300px; float:left;}
.sub_kiri { width:670px; float:left; margin-right:15px;}

.tpt_con_sub { background-image:url(../images/bg_con_sub.png); padding:10px;}
.tpt_bwh_sub { background-image:url(../images/bawah_kon_sub.png); height:197px; background-repeat:repeat-x;}

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#fff;}
.tggl_kuning { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fcd001; padding: 5px 0px;}
.krtun_war { background-image:url(../images/war_kar.png); width:57px; height:102px; float:left;}

.hea_berla {font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif; font-size:20px; color:#FFF;}

.list_slot ul { list-style:none; padding-left:0px;}
.list_slot ul li {list-style:none; padding-left:0px; padding: 8px 0px; border-bottom:1px dotted #c7c8c8; }

.judul_list2 a:link, 
.judul_list2 a:visited { font-family:'Gudea', Arial, sans-serif; font-size:13px; color:#FFF !important; text-decoration:none;}
.judul_list2 a:hover { font-family:'Gudea', Arial, sans-serif; font-size:13px; color: #F90 !important; text-decoration:none;}

.posisi_karwar {position: relative; top:-60px;}
.posisi_berla {float:left; padding-left: 15px;}
.posisi_konkanan {position:relative; top:-50px;}

.h_tl {font-family: 'Open Sans Condensed','Arial Narrow', serif; font-size:30px; text-align:center;}

.tpt_con_sub p { text-align:justify; line-height:20px; font-size:13px; font-family: Tahoma, Geneva, sans-serif;}

.tpt_con_sub a:link,
.tpt_con_sub a:visited { text-decoration:none; color:#F60;}
.tpt_con_sub a:hover { text-decoration:underline;}

.tpt_con_sub  strong { font-size:18px; color:#FC0;font-family: 'Gudea', sans-serif;}

.tpt_con_sub em { color:#F60; font-weight: normal;}

.reounded {padding:10px; background-color: #F63;-moz-border-radius: 10px;
border-radius: 10px; color: #3E0001; }

.wi250 { width:270px;}

.gb_header_tab {width:100px; background-color:#BD0F13;}
.bg_ganjil { width:100px; background-color:#F14E52;}
.bg_genap { width:100px; background-color:#EB1217;}