/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { margin: 0 auto; background:#FFF; font-size: 13px; color: #666666; font-family: 'Open Sans', sans-serif;}
ol, ul { margin: 0;}
ul li { margin:0; padding: 0;}
h1 { width:100%;margin-bottom: 5px; color: #111111;}	
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 1px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
}
/* Structure */
#container {
	width:100%;	
	float:left;
} 

#header {
	width:100%;
	float: left;
	background-color:#4aa000;
	/*background-color:#000;
	z-index:200000;*/
	/*-webkit-box-shadow: 1px 1px 4px -3px black;
	-moz-box-shadow: 1px 1px 4px -3px black;
	box-shadow: 1px 1px 4px -3px black;*/
}

#logo {
	width:20%;
	margin-left:40%;
	margin-top:1%;
	margin-bottom:1%;
	float:left;
}

#logo img {
	width:100%;
	float: left;
}

#banner {
	width:100%;	
	float:left;
	/*background-color:#f4f4f4;*/
	background-color:#eaeaea;
	/*background-color:#f6adcc;*/
	/*background-image:url(images/bg%20-%20Copy.png);
	background-repeat:repeat;*/
	padding-top:1%;
	padding-bottom:1%;
} 

#banner img {
	width:100%;
	float:left;
} 

#foto1 {
	width:35%;	
	float:left;
	margin-left:32%;
	margin-right:32%;
	padding:0.5%;
	margin-bottom:2%;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
} 

#foto1 img {
	width:100%;
	float:left;
}

#foto2 {
	width:20%;	
	float:left;
	margin-left:40%;
	margin-right:40%;
	padding:0.5%;
	margin-bottom:2%;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
} 

#foto2 img {
	width:100%;
	float:left;
} 

#pemisahgaris{
	width:90%;
	height:10px;
	margin-left:5%;
	float:left;
	margin-top:1%;
	background-image:url(images/pemisah.gif);
}

#pemisah2{
	width:95%;
	height:10px;
	float:left;
	margin-left:2%;
	margin-top:1%;
	margin-bottom:1%;
	background-image:url(images/pemisah.gif);
}

#pemisah3{
	width:100%;
	height:10px;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
	background-image:url(images/pemisah.gif);
}

#line {
	width:100%;
	height:5px;
	float:left;
	color:#D2AC65;
	background-color:#4aa000;
}

#line2 {
	width:100%;
	float:left;
	color:#D2AC65;
	background-color:#333;
}

#main {
  width:100%;
  float:left;
  margin-top:2%;
  margin-bottom:3%;
  /*background-color:#FFF8F2;*/
}

#main2 {
  width:100%;
  float:left;
  padding-bottom:1%;
  background-color:#e7ede9;
}

#main5 {
  width:80%;
  float:left;
  margin-left:10%;
  margin-top:4%;
  /*margin-bottom:4%;*/
}

#randomfoto {
  width:100%;
  float:left;
  background-color:#fff;
}

#moto_gbr {
	width:25%;
	float: left; 
}

#moto_gbr img{
	width: 100%;
	float: left;
	filter: grayscale(0%);
	filter: none;
	-webkit-transition: all 0.6s linear;
   -moz-transition: all 0.6s linear;
   -o-transition: all 0.6s linear;
   -ms-transition: all 0.6s linear;
   transition: all 0.6s linear;  
   -webkit-transition: all 0.3s ease; 
}

#moto_gbr:hover img {
	width: 100%;
	float: left;
	webkit-transform: scale(1.04,1.04);
   -moz-transform: scale(1.04,1.04);
   -o-transform: scale(1.04,1.04);
   -ms-transform: scale(1.04,1.04);
   transform: scale(1.04,1.04);
   filter: grayscale(100%);
   filter: gray;
   -webkit-filter: grayscale(100%);  
   -webkit-transition: all 0.3s ease; 
}

#teksheader{
	width:70%;
	float:left;
	font-size:3.5em;
	margin-left:15%;
	padding-top:3%;
	padding-bottom:2%;
	font-family:Raleway;
	text-align:center;
	/*color:#8f2a30;*/
	color:#666;
	/*color:#5b656f;*/
}

#teksheader2{
	width:70%;
	float:left;
	font-size:2.5em;
	margin-left:15%;
	/*font-family:"Times New Roman", Times, serif;*/
	text-align:center;
	/*color:#8f2a30;*/
	color:#999;
	/*color:#5b656f;*/
}

#teksheader3{
	width:70%;
	float:left;
	font-size:3.7em;
	margin-left:15%;
	padding-top:3%;
	padding-bottom:1%;
	/*font-family:"Times New Roman", Times, serif;*/
	text-align:center;
	/*color:#8f2a30;*/
	color:#666;
	/*color:#5b656f;*/
}

#teksheader4{
	width:70%;
	float:left;
	font-size:3.5em;
	margin-left:15%;
	padding-top:8%;
	padding-bottom:2%;
	font-family:Raleway;
	text-align:center;
	/*color:#8f2a30;*/
	color:#666;
	/*color:#5b656f;*/
}

#tekssubheader{
	width:70%;
	float:left;
	margin-left:15%;
	font-size: 1.5em;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	text-align:center;
	color:#006699;
}

#rangkaheader {
   width:100%;
   float:left;
   background-color:#eaeaea;
   padding-top:1%;
   padding-bottom:1%;
}

#rangka_compro {
	width:100%;
	float: left; 
}

#rangka_compro1 {
	width:80%;
	float: left;
	margin-left:10%;
	padding-top:2%;
}

#rangka_compro2 {
	width:40%;
	float: left;
	margin-left:10%;
}

#compro_gambar {
	width:42%;
	margin-left:5%;
	float:left;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
}

#compro_gambar img{
	width:100%;
	float:left;
}

#compro_teks {
	width: 90%;
	float: left; 
	margin-top:2%;
	margin-bottom:5%;
	margin-left:5%;
	margin-right:5%;
	font-size: 1.3em;
	line-height: 2.4em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#666;
}

#compro_teks2 {
	width:90%;
	float: left; 
	margin-top:2%;
	margin-bottom:5%;
	font-size: 1.3em;
	line-height: 2.4em;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	color:#666;
}

#compro_teks2 li {
	padding:1%;
}

#compro_teks2 ul {
	padding:4%;
}

#comproheader {
	width:100%;
	float:left;
	margin-top:8%;
	font-size: 2.1em;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	text-align:center;
	color:#ff8c00;
}

#comproheader2{
	width:100%;
	float:left;
	margin-top:8%;
	font-size: 2.1em;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	text-align:left;
	color:#ff8c00;
}

#tag {
   width:60%;
   font-family:Tahoma, Geneva, sans-serif;
   font-style: italic;
   font-size: 1.5em;
   color:#333;
   padding: 10px 20px 20px;
   margin-left:18%;
   text-align: center;
}

#teks1{
	width:70%;
	float:left;
	font-size: 1.3em;
	margin-left:15%;
	margin-bottom:3%;
	line-height: 2.4em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	/*color:#3c3c3c;*/
	color:#666;
}

#teks_title {
	width: 50%;
	float: left; 
	font-size: 2em;
	margin-top:7%;;
	margin-bottom:3%;
	font-family:"Trebuchet MS";
	text-align:center;
	line-height: 1em;
	color:#006699;
}

#teks_title2 {
	width: 100%;
	float: left; 
	font-size: 2em;
	margin-top:7%;
	margin-bottom:1%;
	font-family:"Trebuchet MS"; 
	text-align:center;
	line-height: 1em;
	color:#006699;
}

#teks_title3 {
	width: 100%;
	float: left; 
	font-size: 2em;
	margin-top:7%;
	margin-bottom:25%;
	font-family:"Trebuchet MS";
	text-align:center;
	line-height: 1em;
	color:#000;
}

#teks_title4 {
	width: 100%;
	float: left; 
	font-size: 2em;
	margin-top:7%;
	margin-bottom:4%;
	font-family:"Trebuchet MS";
	text-align:center;
	line-height: 1em;
	color:#000;
}

#teks_about{
	width: 100%;
	float: left; 
	font-size: 1.1em;
	margin-top:1%;
	margin-bottom:1%;
	text-align:justify;
	line-height: 2em;
	color:#333;
}

#teks_about2{
	width: 100%;
	float: left; 
	font-size: 1.1em;
	margin-top:1%;
	margin-bottom:1%;
	text-align:center;
	line-height: 1.8em;
	color:#666;
}

#rangkaartikel {	
	width:40%;
	float:left;
	margin-left:7%;
	margin-top:2%;
	margin-bottom:4%;
}

#rangkadetilartikel {	
	width:85%;
	float:left;
	margin-left:8%;
	margin-bottom:4%;
}

#dateartikel{
	width:95%;
	float:left;
	font-size:1.2em;
	margin-left:2%;
	padding-top:2%;
	padding-bottom:2%;
	font-family:Tahoma;
	text-align:left;
	/*color:#8f2a30;*/
	color:#06C;
	/*color:#5b656f;*/
}

#judulartikel{
	width:95%;
	float:left;
	font-size: 1.5em;
	margin-left:2%;
	margin-top:2%;
	margin-bottom:1%;
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	/*color:#3c3c3c;*/
	color:#666;
}

#teks2{
	width:95%;
	float:left;
	font-size: 1.3em;
	margin-left:2%;
	margin-bottom:3%;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	/*color:#3c3c3c;*/
	color:#666;
}

#teks2 li {
	padding:1%;
}

#teks2 ul {
	padding:4%;
}


#morebutton2{
	width:25%;
	float:left;
	font-size: 1em;
	margin-top:1%;
	margin-bottom:3%;
	margin-left:65%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	padding-bottom:2%;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#fff;
	background-color:#4aa000;
	border-radius:18px;
}

#morebutton2 a {
	text-align:center;
	color:#fff;
	background-color:#4aa000;
	text-decoration:none;
}

#morebutton2 a: hover{
	text-align:center;
	color:#000;
	background-color:#d5a7a9;
	text-decoration:none;
}


#news1 {
	width:60%;
	margin-left:3%;
	float:left;
	padding-top:1%;
	padding-bottom:1%;
}

#news2 {
	width:30%;
	margin-left:3%;
	float:left;
	padding-top:1%;
	padding-bottom:1%;
}

#news_gbr {
	width: 13%; 
	float:left;
	margin-top:1%;
	margin-bottom:1%;
}

#news_gbr img{
	width: 100%; 
}

#news_gbr2 {
	width:100%; 
	float:left;
	margin-top:1%;
	margin-bottom:1%;
}

#news_gbr2 img{
	width: 100%; 
}

#news_date {
	width: 85%;
	height:auto;
	margin-left:1%;
	margin-top:1%;
	line-height: 1.8em; 
	font-size: 1em;
	float: left;
	font-style:italic;
	text-align:left;
	color:#900;
}

#news_date2 {
	width: 98%;
	height:auto;
	margin-left:1%;
	margin-top:1%;
	line-height: 1.8em; 
	font-size: 1em;
	float: left;
	font-style:italic;
	text-align:left;
	color:#900;
}

#news_judul {
	width: 85%;
	float: left; 
	font-size: 1em;
	margin-bottom:1%;
	margin-top:1%;
	margin-left:1%;
	text-align:left;
	line-height: 1.1em;
	color:#333;
}

#news_judul a { 
	font-size: 1em;
	margin-top:1%;
	margin-bottom:1%;
	text-align:left;
	line-height: 1.1em;
	color:#333;
	text-decoration:none;
}

#news_judul a:hover { 
	font-size: 1em;
	margin-top:1%;
	margin-bottom:1%;
	text-align:left;
	line-height: 1.1em;
	color:#333;	
	text-decoration:underline;
}

#news_judul2 {
	width: 98%;
	float: left; 
	font-size: 1em;
	margin-bottom:1%;
	margin-top:1%;
	margin-left:1%;
	text-align:left;
	line-height: 1.5em;
	color:#333;
}

#news_teks {
	width: 98%;
	float: left; 
	font-size: 1.1em;
	margin-bottom:1%;
	margin-left:1%;
	text-align:left;
	line-height: 1.5em;
	color:#333;
}

#news_teks li {
	padding:1%;
}

#news_teks ul {
	padding:4%;
}

#rangka_produk {
	width:29%;
	float: left;
	margin-left:2%;
	margin-right:2%;
}

#gbr_produk {
	width:100%;
	float: left;
	margin-top:5%;
	margin-bottom:2%;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
}

#gbr_produk img {
	width:100%;
	float: left;
}

#teks_produk{
	width:100%;
	float:left;
	font-size: 1.1em;
	margin-top:3%;
	margin-bottom:3%;
	line-height:1.5em;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	/*color:#3c3c3c;*/
	color:#666;
}

#teks_produk li {
	padding:1%;
}

#teks_produk ul {
	padding:4%;
}


#footy {
	width: 100%;
	float: left;
	/*margin-top:2%;*/
	/*background-color:#FFF;
	background-color:#721c1f;
	-webkit-box-shadow: 1px 1px 6px 1px black;
	-moz-box-shadow: 1px 1px 6px 1px black;
	box-shadow: 1px 1px 6px 1px black;*/
}

#footy2 {
	width: 100%;
	float: left;
	padding-bottom:4%;
	padding-top:3%;
	/*background-color:#FFF;*/
	background-color:#c4e5a8;
}

#rangkafooty2 {
	width: 40%;
	float: left;
	margin-left:2%;
	margin-top:2%;
	padding-bottom:1%;
	/*background-color:#FFF;*/
	background-color:#FFF;
}

#footykanan {
	width: 15%;
	float: right;
	text-align:center; 
	font-size: 0.9em;
	font-family:"Trebuchet MS";
	margin:1%;
	margin-top:2%;
	margin-bottom:0;
	margin-right:3%;
	color:#721c1f;
}

#footykanan2 {
	width:12%;
	float:left;
	text-align:center; 
	font-size: 0.9em;
	font-family:"Trebuchet MS";
	padding:1%;
	padding-left:45%;
	padding-top:2%;
	padding-bottom:2%;
	padding-right:3%;
	color:#fff;
}

#footykiri {
	width:12%;
	float:left;
	text-align:center;
	font-size: 1.1em;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em; 
	color:#721c1f;
	float:left;
	margin-left:7%;
	margin-top:2%;
}

#footykirigbr1{
	width:40%;
	float: left;
	margin-top:5%;
	margin-left:5%;
}

#footykirigbr1 img{
	width:100%;
}


#logojudul {
	width:25%;
	margin-left:37%;
	/*margin-top:4%;*/
	float: left;
}

#logojudul img {
	width:100%;
	float: left;
}

#logojudul2 {
	width:12%;
	margin-left:44%;
	margin-right:44%;
	/*margin-top:4%;*/
	margin-bottom:2%;
	float: left;
}

#logojudul2 img {
	width:100%;
	float: left;
}

#logojudul3 { 
	width:12%;
	margin-left:44%;
	margin-right:44%;
	margin-top:1%;
	float: left;
}

#logojudul3 img {
	width:100%;
	float: left;
}

/*------------contact form------------*/



p {
	font-size: 1.1em;
	margin-bottom: 15px;
}

#contact_area{
	width:100%;
	float: left; 
	/*border: 1px solid;
    border-radius: 7px;*/
	/*background-color:#F0E8E8;*/
	margin-top:2%;
}

#contactkiri {
	width: 30%;
	margin-left:18%;
	float:left;
	padding-top:2%;
	padding-bottom:3%;
}

#teks6b {
	width: 100%;
	float: left; 
	font-size: 1.1em;
	margin-top:1%;
	margin-bottom:1%;
	font-family:Tahoma;
	text-align:left;
	line-height: 1.5em;
	color:#333;
}

#contactkiriicon {
	width:15%;
	float:left;
	/*padding-top:2%;*/
	padding-bottom:6%;
}

#contactkiriicon img {
	width: 100%;
	float:left;
}

#contactkiriteks {
	width:85%;
	float: left; 
	font-size: 1em;
	margin-top:1%;
	margin-bottom:1%;
	font-family:Tahoma;
	text-align:left;
	line-height: 1.5em;
	color:#333;
}

#contacttengah {
	width: 35%;
	margin-left:5%;
	float:left;
	height: auto;
	padding-top:2%;
	padding-bottom:3%;
}

#contactkanan {
	width:90%;
	margin-left:5%;
	float:left;
	padding-top:2%;
	padding-bottom:5%;
}

#contactkanan img{
	width: 100%;
	float:left;
}

#contact-area {
	width: 100%;
	margin-top:10px;
	line-height:2em;
	color:#333;
}

#contact-area input, #contact-area textarea {
	width: 100%;
	font-size: 1.3em;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:1%;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 100px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #666;
}

#contact-area input.submit-button {
	width: 80px;
	margin-top:10px;
	float:right;
	background-color:#FFF;
}

td.left {
	width: 100px;
	text-align: left;
	font-size: 1.1em;
}

#catpcha-area {
	margin-left: 200px;
}

label {
	width: 100%;
	padding-top: 10px;
	font-size: 1.3em;
}

/*---------------------end contact form-------------------------*/
#map-canvasarea {
     width:100%;
	 float:left;
	 border: 1px solid #fff;
    -webkit-box-shadow: 2px 2px 2px #e6e6e6;
    -moz-box-shadow: 2px 2px 2px #e6e6e6;
    box-shadow: 2px 2px 2px #e6e6e6
}

#map-canvas {
     width: 100%;
     height: 400px;
}
/*------------------------------------------------------------*/


/* Media Queries */
@media screen and (max-width: 768px){

#container {
	width:100%;	
	float:left;
} 

#header {
	width:100%;
	height: auto;
	float: left;
	background-color:#4aa000;
	/*background-color:#141111;*/
	-webkit-box-shadow: 4px 5px 4px -5px black;
	-moz-box-shadow: 4px 5px 4px -5px black;
	box-shadow: 4px 5px 4px -5px black;
}

#logo {
	width:70%;
	float:left;
	margin-left:15%;
	margin-top:1%;
	margin-bottom:1%;
}

#logojudul {
	width:60%;
	margin-left:20%;
	/*margin-top:4%;*/
	float: left;
}

#logojudul2 {
	width:30%;
	margin-left:35%;
	margin-right:35%;
	/*margin-top:4%;*/
	margin-bottom:2%;
	float: left;
}

#randomfoto {
  width:100%;
  float:left;
  background-color:#fff;
}

#moto_gbr {
	width:50%;
	float:left; 
}

#foto1 {
	width:80%;	
	float:left;
	margin-left:10%;
	margin-right:10%;
	padding:0.5%;
	margin-bottom:2%;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
} 

#foto2 {
	width:60%;	
	float:left;
	margin-left:20%;
	margin-right:20%;
	padding:0.5%;
	margin-bottom:2%;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
} 

#teksheader {
	width:90%;
	float:left;
	font-size:2em;
	margin-left:5%;
	margin-top:7%;
	font-family:Raleway;
	text-align:center;
	/*color:#8f2a30;*/
	color:#666;
	/*color:#5b656f;*/
}

#teksheader2{
	width:70%;
	float:left;
	font-size:2.5em;
	margin-left:15%;
	padding-top:1%;
	padding-bottom:1%;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	/*color:#8f2a30;*/
	color:#fff;
	/*color:#5b656f;*/
}

#teksheader3{
	width:65%;
	float:left;
	font-size:3.2em;
	margin-left:25%;
	padding-top:8%;
	padding-bottom:1%;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	/*color:#8f2a30;*/
	color:#666;
	/*color:#5b656f;*/
}

#teksheader4{
	width:80%;
	float:left;
	font-size:2.5em;
	margin-left:10%;
	margin-top:2%;
	font-family:Raleway;
	text-align:center;
	/*color:#8f2a30;*/
	color:#666;
	/*color:#5b656f;*/
}

#teks_about2{
	width: 85%;
	float: left; 
	font-size: 1.1em;
	margin-left:7%;
	margin-top:1%;
	margin-bottom:1%;
	text-align:center;
	line-height: 1.8em;
	color:#666;
}

#teks1{
	width:70%;
	float:left;
	font-size: 1.1em;
	margin-left:15%;
	margin-bottom:3%;
	line-height: 2.4em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#3c3c3c;
}

#teks2{
	width:100%;
	float:left;
	font-size: 1.2em;
	margin-bottom:3%;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	text-align:justify;
	/*color:#3c3c3c;*/
	color:#666;
}

#teks_title {
	width: 50%;
	float: left; 
	font-size: 1.4em;
	margin-top:12%;
	margin-bottom:3%;
	font-family:"Trebuchet MS";
	text-align:center;
	line-height: 1em;
	color:#006699;
}

#teks_title2 {
	width: 100%;
	float: left; 
	font-size: 1.5em;
	margin-top:7%;
	margin-bottom:1%;
	font-family:"Trebuchet MS"; 
	text-align:center;
	line-height: 1em;
	color:#006699;
}

#teks_title3 {
	width: 100%;
	float: left; 
	font-size: 1.5em;
	margin-top:7%;
	margin-bottom:25%;
	font-family:"Trebuchet MS";
	text-align:center;
	line-height: 1em;
	color:#000;
}

#teks_title4 {
	width: 100%;
	float: left; 
	font-size: 1.5em;
	margin-top:7%;
	margin-bottom:25%;
	font-family:"Trebuchet MS";
	text-align:center;
	line-height: 1em;
	color:#000;
}

#pemisah3{
	width:95%;
	margin-left:2%;
	height:10px;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
	background-image:url(images/pemisah.gif);
}

#news1 {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	padding-top:2%;
	padding-bottom:4%;
}

#news2 {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	padding-top:8%;
	padding-bottom:10%;
}

#rangkaartikel {	
	width:90%;
	float:left;
	margin-left:4%;
	margin-right:6%;
	margin-top:2%;
	margin-bottom:4%;
}

#morebutton2{
	width:30%;
	float:right;
	font-size: 1em;
	margin-top:1%;
	margin-bottom:3%;
	margin-right:4%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	padding-bottom:2%;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#fff;
	background-color:#4aa000;
	border-radius:18px;
}

#morebutton2 a {
	text-align:center;
	color:#fff;
	background-color:#4aa000;
	text-decoration:none;
}

#morebutton2 a: hover{
	text-align:center;
	color:#000;
	background-color:#d5a7a9;
	text-decoration:none;
}

#rangka_compro1 {
	width:90%;
	float: left;
	margin-left:5%;
	padding-top:4%;
	padding-bottom:4%;
}

#rangka_compro2 {
	width:90%;
	float:left;
	margin-left:5%;
}

#compro_gambar {
	width:95%;
	margin-left:3%;
	float:left;
	padding-bottom:5%;
}

#compro_gambar img{
	width:100%;
	float:left;
}

#compro_teks {
	width: 90%;
	float: left; 
	margin-top:2%;
	margin-bottom:5%;
	margin-left:5%;
	margin-right:5%;
	font-size: 1.1em;
	line-height: 2.4em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#666;
}

#compro_teks2 {
	width:90%;
	float: left; 
	margin-top:2%;
	margin-bottom:5%;
	margin-left:5%;
	font-size: 1.1em;
	line-height: 2.4em;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
	color:#666;
}

#compro_teks2 li {
	padding:1%;
}

#compro_teks2 ul {
	padding:6%;
}

#comproheader {
	width:90%;
	float:left;
	margin-top:8%;
	font-size: 2.1em;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	text-align:center;
	color:#ff8c00;
}

#comproheader2{
	width:90%;
	float:left;
	margin-top:8%;
	margin-left:5%;
	font-size: 1.5em;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	text-align:left;
	color:#ff8c00;
}

#rangka_produk {
	width:85%;
	float: left;
	margin-left:8%;
	margin-right:7%;
}

#gbr_produk {
	width:100%;
	float: left;
	margin-top:8%;
	margin-bottom:4%;
	border-style: solid;
    border-width: 0.5px;
	border-color:#9D9D9D;
}

#rangkafooty2 {
	width: 100%;
	float: left;
	margin-top:2%;
	padding-bottom:1%;
	/*background-color:#FFF;*/
	background-color:#FFF;
}

#footykiri {
	width:50%;
	float: left;
	font-family:"Trebuchet MS";
	font-size: 1.1em;
	text-align:left;
	margin-left:25%;
	margin-bottom:5%;
	color:#721c1f;
	text-align:center;
}

#footykirigbr1{
	width:60%;
	float: left;
	margin-left:20%;
	margin-bottom:2%;
}

#footykirigbr{
	width:50%;
	float: left;
	margin-left:25%;
	margin-bottom:10%;
}

#footykirihotline {
	width:90%;
	float:left;
	margin-left:5%;
	margin-bottom:8%;
}

#footykanan {
	width:90%;
	text-align:center;
	font-family:"Trebuchet MS";
	line-height: 1.4em; 
	font-size: 1.1em;
	color:#721c1f;
	float:left;
	margin:2%;
	margin-left:7%;
	margin-top:2%;
	margin-bottom:6%;
	background-color:#FFF;
}

#line2 {
	width:100%;
	float:left;
	color:#D2AC65;
	background-color:#333;
}

#footykanan2 {
	width:25%;
	text-align:center;
	font-family:"Trebuchet MS";
	line-height: 1.4em; 
	font-size: 1.1em;
	color:#fff;
	float:left;
	margin-top:2%;
	margin-bottom:4%;
}

#footykirigbr1{
	width:30%;
	float: left;
	margin-top:5%;
	margin-left:5%;
}

#contactkiri {
	width:85%;
	margin-left:7%;
	float:left;
	padding-top:2%;
	padding-bottom:3%;
}

#contactkiriicon {
	width: 20%;
	float:left;
	/*padding-top:2%;*/
	margin-left:40%;
	padding-bottom:2%;
}

#contacttengah {
	width:90%;
	margin-left:5%;
	float:left;
	height: auto;
	padding-bottom:3%;
}

#contact-area input, #contact-area textarea {
	width: 98%;
	/*margin-left:1%;*/
	margin-top:4%;
	font-size: 1.1em;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:1%;
	border: 1px solid #ccc;
}

#teks6b {
	width: 90%;
	margin-left:5%;
	float: left; 
	font-size: 1.1em;
	margin-top:1%;
	margin-bottom:6%;
	font-family:Tahoma;
	text-align:center;
	line-height: 1.5em;
	color:#333;
}

#contactkiriteks {
	width:100%;
	float: left; 
	font-size: 1em;
	margin-top:1%;
	margin-bottom:1%;
	font-family:Tahoma;
	text-align:center;
	line-height: 1.5em;
	color:#333;
}

#teks6c {
	width: 85%;
	margin-left:7%;
	float: left; 
	font-size: 1em;
	font-family:Tahoma;
	text-align:center;
	line-height: 1.3em;
	color:#333;
}


}