body {
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;   
}
.bodym {
   padding: 0px;
   margin: 0px;
   background-color:#E0E0E0;
}
.top_container {   
   margin: 0px;
   padding: 0px;
}
.logo {
   float: left;
   position: absolute;
   top: 12px;
   left: 10px;
   font-family: "Yanone Kaffeesatz", Arial;
   font-weight: bold;
   font-size: 26px; 
   color: #FFF;
   text-transform: uppercase;
   z-index: 9999;
}
.title_container {
   margin: 0px;
   padding: 0px;
   background-color: #13628A;
}
.searchbox {
   margin: 16px 16px 0px 16px;
}
.search_desc {
   padding: 3px 0px 12px 12px;
   font-size:88%;
   color: #666;
}
.clear {
   clear: both;
   font-size: 4px;
   margin: 0px;
   padding: 0px;
}
.goto_top {
   bottom:2%;
   right:10px;
   position: fixed;
   opacity: 0.6;
   z-index: 99999;
}


.allpage_content {
   padding: 0px 12px 16px 12px;
}
.content_title {
   font-family: "Yanone Kaffeesatz", Arial;
   font-weight: bold;   
   font-size: 160%;   
   color: #F60;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #C0C0C0;
   padding-top: 10px;   
}
.content_box {   
   text-align: center;
   font-size: 92%;   
}
.content_box_left_alignment {   
   text-align: left;
   font-size: 92%;   
}
.product_content {   
   padding: 16px 0px 0px 0px;
   margin: 0px;
}
.product_box {
   width: 33.33%;   
   float: left;   
}
.img_product {   
   width: 94%;
   padding-bottom:4%;
}

.products_category {
   font-size: 80%;
   text-align: left;
   text-transform: uppercase;
   font-weight: bold;
   color: #090;
   padding-top: 8px;
}
.products_name {
   font-family: "Yanone Kaffeesatz", Arial;
   font-weight: bold;   
   font-size: 160%;   
   color: #F50;
   text-align: left;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #C0C0C0;
   padding-bottom:8px;  
}
.foto_produk {
   width: 100%;
}
.products_photo {
   padding-top: 6px;
}
.products_content {
   padding-top: 14px;
   font-size: 100%;
}



.icopyright_box {
   clear: both;
   padding: 12px 6px;
   background-color: #F10;
   text-align: center;
   font-size: 90%;
   color: #FFF;
}
.icopyright_ico {
   text-align: center;
   padding-bottom:8px;
}


.subkat {
   padding: 2px 0px 2px 20px;
}
.ico_sub {
   float: left;
   padding: 6px 10px 0px 0px;
}
.content_desc {
   padding:0px 0px 14px 0px;
}


/* ---- Content ----- */
.allnews {
   list-style: none;
   line-height:1;
   padding: 0px;
   margin: 0px;
   text-align: left;
}
.allnews li {   
   border-bottom: 1px solid #D0D0D0;
}
.allnews li:hover{
   background: transparent;
}
.allnews img {
   margin-right: 8px;
}
.allnews .headlinenews {
   padding:8px 0px;    
   font-weight:bold;   
}
.allnews .headlinenews_nophoto {
   padding:8px 0px;    
   font-weight:bold;   
}
.allnews .listnews {
   padding:8px;   
   font-weight:bold;   
}
.allnews .linknews {
   color:#FF0000;   
   text-decoration:none;
   line-height: 1.3;
}
.allnews .headerjudul {   
   font-size: 13px;
   color: #111;
   font-weight: normal;
}
.allnews .tglnews {   
   font-size: 12px;
   color: #555;
   font-weight: normal;
   line-height: 1.2;
}

.foto_news {
   width: 100%;
}
.news_date {
   padding: 8px 0px 0px 0px;
   font-size: 75%;
   font-weight: bold;
   color: #009900;   
}
.news_title {
   font-family: "Yanone Kaffeesatz", Arial;
   font-weight: bold;   
   font-size: 160%;   
   color: #F50;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #C0C0C0;
   text-align: left;
   padding:4px 0px 6px 0px;
   line-height: 1;  
}
.news_photo {
   padding-top:14px;
}
.news_content {
   padding-top: 18px;
   text-align: left;
   
}
.file_list {
   padding: 1px 0px 2px 2px;
   text-align: left;
}
.ico_file {
   float: left;
   padding: 0px 10px 0px 0px;
}
.desc_ico_file {
   padding: 4px 0px 0px 0px;
}



/* ---- Page Number ----- */


.page_number {   
   text-align: center;
   color: #FFF;
   padding: 0px 0px 18px 0px;
}

.linkpage {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #070;
   font:11px Tahoma;
   font-weight: bold;
   padding: 6px 10px;
   height: 19px;  
}
.linkpage:hover {
   text-decoration: none;   
   font-weight: bold;
   background-color: #090;  
}

.linkpagenolink {
   padding: 4px;
   text-decoration: none;
   color: #000;
   background-color: #B0B0B0;
   font:11px Tahoma;
   font-weight: bold;
   padding: 6px 10px;
	height: 19px;
}
.linkpagenolinktitik {
   padding: 4px;
   text-decoration: none;
   color: #FFF;
   background-color: transparent;
   font:11px Tahoma;
   font-weight: bold;
   padding: 4px;
	height: 19px;
}



/* Input Styles */

.link {
	color: #0000FF;
	text-decoration: none;
}
.link:hover {
	color: #FF0000;
	text-decoration: none;
}

.inputtext {
   height: 28px;
   padding: 0px 2px 0 6px;
   border: 1px solid #C8C8C8; 	
}
.submitbutton {
  width:80px; 
  height:28px;
  color: #FFFFFF;  
  text-align: center;
  cursor: pointer;
  background-color: #f15f08;
  background-image: -ms-linear-gradient(top, #f15f08, #d05207);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f15f08), to(#d05207));
  background-image: -webkit-linear-gradient(top, #f15f08, #d05207);
  background-image: -o-linear-gradient(top, #f15f08, #d05207);
  background-image: linear-gradient(top, #f15f08, #d05207);
  background-image: -moz-linear-gradient(top, #f15f08, #d05207);
  background-repeat: repeat-x;
  border: 1px solid #F0F0F0;
}
.submitbutton:hover {
  background-image: -ms-linear-gradient(top, #0485aa, #0bb5e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0485aa), to(#0bb5e6));
  background-image: -webkit-linear-gradient(top, #0485aa, #0bb5e6);
  background-image: -o-linear-gradient(top, #0485aa, #0bb5e6);
  background-image: linear-gradient(top, #0485aa, #0bb5e6);
  background-image: -moz-linear-gradient(top, #0485aa, #0bb5e6);
  color: #FFFFFF;
}

/* Own Carausel */

#owl-demo .item img{
   display: block;
   width: 100%;
   height: auto;
}


/* SlickNav Menu CSS */

.slicknav_menu {
	display: block;
   z-index: 8888; 
}

@media screen and (max-width: 1388px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;      
	}
}