@charset "utf-8";
/* CSS Document */




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:normal;
	
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

.wrap_content { width:100%;}.h50 { height:50px;} .h60 { height:60px;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:850px; position:absolute; background-color:#000; overflow:hidden; }
.pnp_atas {width:100%; background-image:url(../images/panampang_repeat.png); background-repeat:repeat-x;position: fixed; top:0px; z-index:1000; height:130px;}
.wrp_atas {width:1000px; height: 46px; background-image:url(../images/panampang_baratas.png); 
    background-repeat:no-repeat; background-position:center; margin:auto; position:relative; top:0px; z-index:100;}
.lg_lipsus {background-image:url(../images/logo_lipsusmobil.png); width:158px; height:58px; margin:auto; margin-top:-15px;}	
.wrp1000 {width:1000px; margin:auto;}
.wrp_foot {width:1000px; margin:auto; background-image:url(../images/footerbawahnya2.jpg); 
    background-position:center top;  position:relative; top:-104px; height:230px;} 
	<!-- kalo mau gede pake :footerbawahnya.jpg trus top di set -174   -->
.posisi_wrp_body {position: relative; top:110px;}
.h10 { height:10px;} .h20 { height:20px;} .h5 { height:5px;}
.bg_blck { background-color:#000;}


.menu_top a:link,
.menu_top a:visited { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-style:italic; font-size:bold; color:#FFF;  text-decoration:none; padding:10px; text-shadow:black 0.1em 0.1em 0.2em;}
.menu_top a:hover{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-style:italic; font-size:bold; color: #FFF;   text-decoration:none; background-color:#F00;  padding:10px; text-shadow:black 0.1em 0.1em 0.2em;}

.menu_top ul { list-style:none; padding-left:0px; display:inline;  text-align:center; margin-left:15%;}
.menu_top ul li { list-style:none; padding-left:0px; display:inline; padding:10px; text-align:center;}


.he3 a:link,
.he3 a:visited { font-family: 'Oswald',sans-serif; font-size:16px; color:#F00; text-decoration:none;}
.he3 a:hover { font-family: 'Oswald',sans-serif; font-size:16px; color: #FFF;  text-decoration:none;}
.kol3 { width:30%; float:left; margin:15px;}
.kol3 p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF;}


/* css untuk scrollpage  start  */

.page-section {
    position: relative;
    margin-top: 100px;
}

.page-section:first-child { margin-top: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}





.page-title {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 40px;
	text-align:center;
	background-image:url(../images/bg_content.jpg);
	background-repeat:no-repeat; background-position:center 40px;
}

.page-title h1 {
    padding-bottom: 0;
    font-size: 36px;
    line-height: 36px;
	color:#FFF;
	font-family: 'Oswald', sans-serif;
	word-spacing: 6px;
	text-transform:uppercase;
	
}


#section-scroll {
    display: block;
    position: fixed;
    width: 40px;
    height: 122px;
    top: 70%;
    left: auto;
    right: 0;
    margin-top: -61px;
}

#section-scroll a {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #CCC;
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    border-top: 1px dotted #BBB;    
    transition: background-color .3s linear,background-position .3s linear;
    -moz-transition: background-color .3s linear,background-position .3s linear;
    -webkit-transition: background-color .3s linear,background-position .3s linear;    
    -ms-transition: background-color .3s linear,background-position .3s linear;
    -o-transition: background-color .3s linear,background-position .3s linear;
}

#section-scroll a:first-child { border-top: none; }

#section-scroll a#prev-scroll { background-image: url("../images/icons/prevsec.png"); }

#section-scroll a#next-scroll { background-image: url("../images/icons/nextsec.png"); }

#section-scroll a#gotoTop {
    display: none;
    opacity: 0;
    background-image: url("../images/icons/gototop.png");
}

#section-scroll a:hover {
    background-color: #F00;
    background-position: left bottom;
}

/* css untuk scrollpage  end  */

.bts_htmpth { width:100%; background-image:url(../images/bts_htmpth.jpg);background-repeat:repeat-x;height:57px;}
.wrp_pth { width:100%; background-color:#FFF;}

.bts_pthtm { width:100%; background-image:url(../images/bts_pthhtm.jpg); background-repeat:repeat-x;height:57px;}
.pos_kol_3 {position:relative; top:450px;}
.pos_bg_blck {position:relative; top:520px; padding-bottom:50px;}
 
.jdl_detail { font-family:Tahoma, Geneva, sans-serif; font-size:24px; color:#FFF;font-smooth:always;}
.ket_detail { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#FF2227;}
.pos_co_r {position:relative; top:800px;}
.pos_co{position:relative; top:-600px;}
.pos_ba_full { width:960px;background-image:url(../images/trans70.png); margin:auto; padding:10px;}
.pos_ba_kir { width:610px; background-image:url(../images/trans70.png); margin-right:15px; float:left; padding:10px;}
.pos_ba_nan {width:300px; background-image:url(../images/trans70.png); float:left; padding:10px;}
.pos_ba_kir2 { width:610px; margin-right:15px; float:left; padding:10px;}
.pos_ba_nan2 {width:300px; float:left; padding:10px;}
.pos_ba_kir p { color:#FFF; font-size:12px; font-family:Tahoma, Geneva, sans-serif; text-align:justify; line-height:20px; margin-bottom:15px;}
.pos_ba_kir p strong { font-weight:bold; color:#F00;}
.pos_ba_kir p em,
.pos_ba_kir p i{ font-style:italic;color:#F00;}
.pos_ba_kir p a:link,
.pos_ba_kir p a:visited { color:#F00; text-decoration: none; }
.pos_ba_kir p a:hover { color: #F90; text-decoration: underline; }
.ba2_1 {width:300px;float:left; margin-right:10px;}
.ba2_2 {width:300px;float:left;}.h80 {height:80px;}

.tul_put a:link,
.tul_put a:visited { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#FFF; text-decoration:none;}
.tul_put a:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color: #F00;text-decoration:none;}
.ba2_1 p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF;}

.li_iims {}
.li_iims img { width:68px; height:68; overflow:hidden; float:left; margin-right:10px;}
.li_iims a:link,
.li_iims a:visited { font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#FFF; text-decoration:none;}
.li_iims a:hover { font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#F00; text-decoration:none;}
.li_iims p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFF;}
.li_iims ul { list-style:none; padding-left:0px;}
.li_iims ul li { list-style:none; padding-left:0px; margin-bottom:10px;}

.head_pojokiims { background-image:url(../images/header_pojokiims.png); width:280px; height:71px;
background-repeat:no-repeat; background-position:top left; margin-bottom:10px;}
.head_updateiims { background-image: url(../images/header_updateiims.png); width:263px; height:75px;
background-repeat:no-repeat; background-position:top left; margin-bottom:10px;}
.head_berita_lainnya { background-image:url(../images/header_artikellainnya.png); width:252px; height:49px;
background-repeat:no-repeat; background-position:top left; margin-bottom:10px;}
.grs_pemisah_cil { background-image:url(../images/grs_batas_cil.png); width:277px; height:12px; 
background-position:top center; background-repeat:no-repeat; margin:5px 0px;}
.head_galery_iims { background-image: url(../images/header_iims_galery.png); height:71px; width:270px; background-repeat:no-repeat;}

.pjk_iims ul { list-style:none; padding-left:0px;}
.pjk_iims ul li { list-style:none; padding-left:0px; margin-bottom:10px;}
.pjk_iims ul li img { float:left; width:74px; height:50px; padding-right:10;}
.pjk_iims ul li span { width:210px;float:left; color:#FFF; font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#FFF; }
.pjk_iims ul li a:link,
.pjk_iims ul li a:visited { color:#F00; font-size:14px; font-family:"Oswald", sans-serif; 
font-smooth:always; display:block; text-decoration:none; word-spacing:3px;}
.pjk_iims ul li a:hover { color:#FFF; font-size:14px; font-family:"Oswald", sans-serif; 
font-smooth:always; display:block; text-decoration:none;  word-spacing:3px;}

.brt_ln ul { list-style:none; padding-left:0px;}
.brt_ln ul li { list-style:none; padding-left:0px; margin-bottom:10px; border-bottom:1px dotted #CCC; padding-bottom:2px; }
.brt_ln ul li a:link,
.brt_ln ul li a:visited { color:#F00; font-size:14px; font-family:"Oswald", sans-serif; 
font-smooth:always; display:block; text-decoration:none; word-spacing:3px;}
.brt_ln ul li a:hover { color:#F00; font-size:14px; font-family:"Oswald", sans-serif; 
font-smooth:always; display:block; text-decoration:none; word-spacing:3px;}
.brt_ln { font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:12px;}


.thumb_gal a:link,
.thumb_gal a:visited { width:87px; height:87px; outline:2px solid #FFF; float:left; margin-right:30px; margin-bottom:30px;}
.thumb_gal a:hover { width:87px; height:87px; outline:2px solid #F00; float:left; margin-right:30px;  margin-bottom:30px;}

.thumb_gal_home a:link,
.thumb_gal_home a:visited { width:67px; height:77px; outline:2px solid #FFF; float:left; margin-right:30px; margin-bottom:30px;}
.thumb_gal_home a:hover { width:67px; height:77px; outline:2px solid #F00; float:left; margin-right:30px;  margin-bottom:30px;}

<!-- untuk tab -->

.menutab { padding: 0; clear: both;}.menutab li { display: inline;}
.menutab li a {  padding:10px; float:left;  text-decoration: none; color: #FFF; font-weight: bold; font: 12px Arial, sans-serif;}
.menutab li.active a { background: #F00; font: 12px Arial, sans-serif; }
.contentmenutab { float: left; clear: both;  border-top: 1px solid #cacbcc; border-left: none; padding: 0px 0px 10px; width: 960px; font: 12px Arial, sans-serif; color:#FFF;  }

.wrp1000 p { color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-bottom:15px;}

.pic_komparasi a:link,
.pic_komparasi a:visited { width:180px; height:175; float:left; margin-right:10px; border:none;}
.pic_komparasi a:hover { width:180px; height:175; float:left; margin-right:10px;  border:none;}

.area_pop {width:750px; height:360px;} .h100 {height:100px;}
.kiri_pop {width:509px; float:left; margin-right:10px;}
.kanan_pop {width:230px; float:left;}
.h40 {height:40px;} .bg_header_total { background-color:#b4b1b1;}
.kol_total {width:50%;font-family:Tahoma, Geneva, sans-serif; font-size:12px; text-align:center; padding:5px 0px !important;}
.bg_header_merek {background-color:#eceaea;} .bg_header_isi { background-color:#E2E2E2;}
.kol_merek {font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; text-align:center;padding:5px 0px !important;}


.link_ft ul { list-style:none; padding-left:0px;}
.link_ft ul li { list-style:none; padding-left:0px;}
.link_ft a:link,
.link_ft  a:visited { font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; font-size:12px;border:none !important;}
.link_ft a:hover { font-family:Tahoma, Geneva, sans-serif; color: #F00; text-decoration:none; font-size:12px; border:none !important;}

.kol3 .dep { line-height:20px;}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
.mr_left22 {margin-left:22px;}