BODY {
	font-family: "Poppins", sans-serif;
   font-size:15px;
	font-weight: normal; 
	color : #4a4a4a; 
	background-color:#EEE;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-weight:normal;
	font-family: "Poppins", sans-serif; 
	color:#CC0000;
	}

p {margin-bottom:15px;}
.p1 {margin-bottom:10px}
.p2 {margin-bottom:20px}
.p3 {margin-bottom:30px}

a:link {color : #000000; font-size : 13px;font-weight : normal;text-decoration: underline;}
a:visited {color : #000000; font-size : 13px;font-weight : normal;text-decoration: underline;}
a:hover {color : #6699FF; font-size : 13px;font-weight : normal;text-decoration: underline;}

/* ---------------------------------------------- Head -------------------------------------*/
#wrapper{
	max-width:1130px;
	margin:0px auto;
	padding:0;
	border:1px solid #CDCDCD;
	background-color:#fff;
}

#wrapper2{
	max-width:1130px;
	margin:0px auto;
	padding:0;
	border:1px solid blue;
}

#header{
	width:1130px;
	height: 74px;
	margin:0;
	padding:0;
	background :#ff733b;
}

#header .logo{
	float:left;
	width:230px;
	margin:0;
	padding:6px 0;
}

#header .logo img {
	/*width:100%;*/
}

#header .banner{
	float:right;
	width:900px;
	margin:0;
	padding:0;
	text-align:right;
	border:0px solid black;
}


#menutop{
	float:right;
	margin:0;
	vertical-align:middle;
}

#menutop a {
	float: left;
	font-size: 18px;
	color: #FFFFFF;
	font-weight:normal;
	text-align: center;
	padding: 25px 20px;
	text-decoration: none;
}

#menutop a:hover {
	text-decoration: underline;
	text-underline-offset: 10px;
}
.bannermobile{
	display:none;
}

#slidetop{
	width:1130px;
	overflow: hidden;
	margin:0;
	padding:0;
}

/* ----------------------content, left, right------------------*/
#content{
	float:left;
	clear:both;
	width:1130px;
	margin:0;
	padding:0;
	background: #FFFFFF;
}

#content .conleft{
	float:left;
	width:175px;
	margin:0;
	padding:10px 15px 0 0px;
	border:0px solid #FEE084;
}

#content .concenter{
	float:left;
	margin:0;
	padding:10px;
	width:599px;
	border-left:1px solid #eee;
}

#content .conright{
	float:left;
	width:300px;
	margin:0;
	padding:10px 10px 0 10px;
	border:0px solid #000;
}

#content .contentfull{
	clear:both;
	padding:10px 0;
	width:100%;
}

/* ----------------------------------- footer ------------------------*/

#footer{
	float:left;
	width:1130px;
	margin: 0 auto;
	padding:0;
	color:#999;
	font-weight:bold;
}

#footer a{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

#footer a:hover{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

#footer .foot1{
	float:left;
	width:179px;
	margin:0;
	padding:30px 0px 30px 10px;
	border-right:1px solid #eee;
	border-top:5px solid #999999;
}

#footer .foot2{
	float:left;
	width:540px;
	margin-left:10px;
	padding:30px 0px 30px 0px;
	border-top:5px solid #66CC00;

}

#footer .foot3{
	float:right;
	text-align:right;
	width:380px;
	padding:30px 10px 30px 0px;
	border-top:5px solid #66CC00;
}


/*-------catalog -------------------------------------------------------*/


#content #catalog{
	width:100%;
	margin:0;
	padding:0 0 10px 0;
	background-color:#F5F5F5;
	border:1px solid #CDCDCD;
}

#content #catalog h2{
	width:100%;
	margin: 10px 0;
	padding: 0;
	font-size:20px;
	font-weight:bold;
	color: #FF0000;
	/*border-bottom:3px solid #6666FF;*/
	text-align:center;
}

#content #catalog h2 a{
	font-size:17px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:none;
}

#content #catalog h2 a:hover{
	font-size:17px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:none;
}

#content #catalog p{
	margin: 10px 0 0 10px;
	padding: 0 0 10px 0;
}

/*------------------- katalog - inside ---- */

#content #katalogue{
	width:100%;
	margin: 0px;
	padding:0 0 0 0;
	border:0px solid black;
}

#content #katalogue h1{
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	font-size:20px;
	font-weight:normal;
	color: #0099CC;
}

#content #katalogue h1 a{
	font-size:20px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
}

#content #katalogue h1 a:hover{
	font-size:20px;
	font-weight:normal;
	color:#0066CC;
	text-decoration:none;
}

#content #katalogue h2{
	margin: 10px 0 15px 0;
	padding: 0;
	font-size:22px;
	font-weight:normal;
	color: #0099CC;
}

#content #katalogue h2 a{
	font-size:20px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
}

#content #katalogue h2 a:hover{
	font-size:20px;
	font-weight:normal;
	color:#0066CC;
	text-decoration:none;
}

#content #katalogue h3{
	margin: 10px 0 10px 0;
	padding:10px 0;
	font-size:16px;
	font-weight:bold;
	color: #059BD8;
	border-bottom:1px dotted #DDDDDD;
}

#content #katalogue h3 a{
	font-size:16px;
	font-weight:bold;
	color: #059BD8;
	text-decoration:none;
}

#content #katalogue h3 a:hover{
	font-size:16px;
	font-weight:bold;
	color:#4a4a4a;
	text-decoration:underline;
}

#content #katalogue h4{
	margin: 10px 0 10px 0px;
	font-size:14px;
	font-weight:bold;
	color: #4a4a4a;
}

#content #katalogue h4 a{
	font-size:14px;
	font-weight:bold;
	color: #4a4a4a;
	text-decoration:none;
}

#content #katalogue h4 a:hover{
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	text-decoration:underline;
}

#content #katalogue p{
	margin:10px;
}

#content #katalogue a{
	font-size:15px;
	font-weight:normal;
	color: #059BD8;
	text-decoration:underline;
}

#content #katalogue a:hover{
	font-size:15px;
	font-weight:normal;
	color: #666666;
	text-decoration:underline;
}

/*--------------- menu in modul ------------- */
#content #menumod{
	display:block;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	color:#FFFFFF;
}

#content #menumod ul{
	width:100%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#content #menumod li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:33%;
	border-right:1px solid #FFF;
	text-align:center;
}

#content #menumod li a:link, #content #menumod li a:visited, #content #menumod li a:hover{
	display:block;
	margin:0;
	padding:5px 20px;
	color:#FFFFFF;
	background-color:#999999;
	text-decoration:none;
}

#content #menumod li a:hover, #content #menumod ul li.active a{
	color:#FFFFFF;
	background-color:#059BD8;
	text-decoration:none;
}

#content #menumid{
	display:block;
	width:445px;
	margin:0x;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	list-style:none;
}

#content #menumid ul{
	float:left;
	list-style:none;
	margin:0 0 0px 0px;
	padding:0;
	border-bottom:0px dotted #DDDDDD;
}

#content #menumid li{
	width:116px;
	margin:0;
	padding:5px 0;
	display:block;
	float:left;
	list-style:none;
	text-align:center;
	border-right:1px solid #FFF;
}

#content #menumid li a:link, #content #menumid li a:visited{
	display:block;
	width:116px;
	margin:0;
	padding:5px 0px;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#999999;
}

#content #menumid li a:hover, #content #menumid ul li.active a{
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#059BD8;
}


/* -------------------- listing catalog --------------- */

#content #listmod{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:5px;
	overflow:hidden;
}

#content #listmod h2{
	margin: 0 0 10px 0;
	padding: 5px 0;
	font-size:20px;
	font-weight:normal;
	color: #FF6600;
  border-bottom: 3px solid #6666FF;
}

#content #listmod h2 a{
	font-size:20px;
	font-weight:normal;
	color: #FF6600;
	text-decoration:none;
}

#content #listmod h2 a:hover{
	font-size:20px;
	font-weight:normal;
	color: #FF6600;
	text-decoration:none;
}

#content #listmod h3{
	margin: 0;
	padding: 5px 0;
	font-size:16px;
	font-weight:normal;
	color: #CC3300;
  border-bottom: 1px solid #EEE;
}

#content #listmod h3 a{
	font-size:16px;
	font-weight:normal;
	color: #CC3300;
	text-decoration:none;
}

#content #listmod h3 a:hover{
	font-size:16px;
	font-weight:normal;
	color: #059BD8;
	text-decoration:underline;
}

#content #listmod h4{
	margin: 0;
	padding: 5px 0;
	font-size:14px;
	font-weight:normal;
	color: #0099CC;
}

#content #listmod h4 a{
	font-size:14px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
}

#content #listmod h4 a:hover{
	font-size:14px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:underline;
}

#content #listmod ul{
	float:left;
	width:50%;
	margin:0;
	padding:0;
	list-style:none;
}

#content #listmod li{
	display:block;
	margin:0;
	padding:0;
}

#content #listmod a{
	font-size:12px;
	font-weight:normal;
	color: #4a4a4a;
	text-decoration:underline;
}

#content #listmod a:hover{
	font-size:12px;
	font-weight:normal;
	color: #059BD8;
	text-decoration:underline;
}

#content #listmod p{
	margin:0;
	padding: 0 5px 5px 0px;
	font-size:12px;
	font-weight:normal;
	color: #666666;
}

/* ------------listing website--------------------------- */
#content #listlink{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#content #listlink h1{
	margin: 10px 0;
	padding: 5px 0;
	font-size:22px;
	font-weight:normal;
	color: #0099CC;
	border-bottom:3px solid #FFCC33;
}

#content #listlink h1 a {
	margin: 10px 0;
	padding: 5px 0;
	font-size:22px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
}

#content #listlink h1 a:hover {
	margin: 10px 0;
	padding: 5px 0;
	font-size:22px;
	font-weight:normal;
	color: #0099CC;
	text-decoration:none;
}

#content #listlink h2{
	margin: 10px 0;
	padding: 5px 0;
	font-size:20px;
	font-weight:normal;
	color: #0099CC;
	border-bottom:1px solid #eee;
}


#content #listlink ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content #listlink li{
	list-style:none;
	clear:both;
	padding :10px 0 20px 0;
}

#content #listlink a{
	font-weight:normal;
	color: #0099CC;
	text-decoration:underline;
	font-size:18px;
}

#content #listlink a:hover{
	font-weight:normal;
	color: #006699;
	text-decoration:underline;
	font-size:18px;
}

#content #listlink p{
	margin:0;
	padding-top:5px;
	color: #4a4a4a;
	font-weight:normal;
	font-size:15px;
}

#content #listlink .dateklik{
	width:100%;
	/*height:20px;
	margin:10px 0;
	border-bottom:1px dotted #DDDDDD;*/
}

#content #listlink .pubdate{
	font-size:0.8em;
	color:#999;
	float:left;
}

#content #listlink .klik{
	font-size:0.8em;
	color:#999;
	float:right;
}

#content #listlink .tools{
	font-size:0.8em;
	color:#999;
}

#content #listlink .tools a {
	font-size:0.8em;
	color:#999;
	text-decoration:underline;
}

#content #listlink .catlink{
	font-size:0.9em;
	color:#FF6600;
}

#content #listlink .catlink a{
	font-size:0.9em;
	color:#FF6600;
	font-weight:normal;
}

#content #listlink .thumbview {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
}

#content #listlink .deskview {
    float: left;
}

/*-------------------listing news ------------------------*/

#content #listing{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 10px 0;
	overflow:hidden;
}

#content #listing h1{
	font-size:28px;
	color:#006699;
	font-weight:normal;
	margin:60px 0 30px 0;
}

#content #listing h2{
	margin: 10px 0 15px 0px;
	padding: 0 0 5px 0;
	font-size:20px;
	font-weight:normal;
	color: #0099CC;
	border-bottom:3px solid #FFCC33;
}

#content #listing h2 a{
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	color: #0099CC;
}

#content #listing h2 a:hover{
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	color: #006699;
}

#content #listing h3{
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
	color:#0099CC;
	border-bottom:1px dotted #DDDDDD;
}

#content #listing h3 a{
	font-size:18px;
	font-weight:bold;
	color:#0099CC;
	text-decoration:none;
}

#content #listing h3 a:hover{
	font-size:18px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
}

#content #listing h4{
	margin:0;
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:normal;
	color:#6699CC;
}

#content #listing h4 a{
	font-size:20px;
	font-weight:normal;
	color:#0099CC;
	text-decoration:none;
}

#content #listing h4 a:hover{
	font-size:20px;
	font-weight:normal;
	color:#006699;
	text-decoration:underline;
}

#content #listing ul{
	display:block;
	margin:0px;
	padding:0;
}

#content #listing ul li{
	clear:both;
	display:block;
	font-weight:normal;
	margin:0 0 0px 25px;
	background:url(../img/arrow2.gif) no-repeat 0 6px;
	padding:1px 0 1px 15px; 
}

#content #listing ul li.nodot{
	clear:both;
	display:block;
	font-size: 16px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:1px 0 1px 0;
	background:none;
}

#content #listing a{
	line-height:normal;
	font-weight:normal;
	color:#336699;
	text-decoration:none;
}

#content #listing a:hover{
	line-height:normal;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
}

#content #listing p{
	margin:0 0 10px 0;
	padding:0;
	line-height:normal;
	font-weight:normal;
	font-size : 16px;
}

#content #listing .imgl{
	float:left;
	margin:0 10px 10px 0;
	padding:5px;
}

#content #listing .imgr{
	margin:0 20px 0px 10px;
	padding:5px;
}

#content #listing .dateklik{
	width:100%;
	height:20px;
	margin:5px 0;
	border-bottom:1px dotted #DDDDDD;
}

#content #listing .pubdate{
	font-size:smaller;
	color:#999;
	float:left;
}

#content #listing .klik{
	font-size:smaller;
	color:#999;
	float:right;
}

#content #listing .autprof{
	width:100%;
	height:20px;
	margin:10px 0 0 0;
	border-top:0px dotted #DDDDDD;
}
#content #listing .author{
	line-height:11px;
	font-size:smaller;
	color:#999;
	float:left;
}

#content #listing .author a{
	font-size:smaller;
	color:#999;
	text-decoration:underline;
}

#content #listing .profile{
	line-height:11px;
	font-size:smaller;
	color:#999;
	float:right;
}

#content #listing .profile a{
	font-size:smaller;
	color:#999;
	text-decoration:underline;
}

#content #listing .mail{
	line-height:11px;
	font-size:smaller;
	color:#999;
	float:right;
}

#content #listing .tools{
	font-size:smaller;
	font-weight:normal;
	color:#999;
	margin-bottom:20px;
}

#content #listing .tools a{
	font-size:smaller;
	font-weight:normal;
	color:#999;
	text-decoration:underline;
}

#content #listing .catsearch{
	font-size:0.9em;
	font-weight:bold;
	color:#d60c0c;
	margin:5px 0 5px 0;
}

#content #listing .catsearch a{
	font-size:0.9em;
	font-weight:bold;
	color:#d60c0c;
	margin:5px 0 5px 0;
}

#content #listing .moore li{
	display:block;
	margin:0;
	padding: 3px 0 3px 10px;
	background:url("../img/black_file.gif") no-repeat 0px;
	background-position:0px 8px;
	}

#content #listing .moore{
	font-size:1em;
	font-weight:normal;
	color:#CC3300;
	margin:5px 0 5px 0;
}

#content #listing .moore a{
	font-size:1em;
	font-weight:normal;
	color:#4a4a4a;
	text-decoration:none;
	margin:5px 0 5px 0;
}

#content #listing .moore a:hover{
	font-size:1em;
	font-weight:normal;
	color:#CC3300;
	text-decoration:none;
	margin:5px 0 5px 0;
}

#content #listing .archive a{
	padding:5px 0;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#CC3300;
	text-decoration:none;
}

#content #listing .mynews a{
	float:right;
	margin:5px 0;
	font-size:14px;
	font-weight:bold;
	color:#CC3300;
	text-decoration:none;

}
#content #listing .naskah {
	margin:10px 0;
}

#content #listing .naskah p {
	margin:0 0 20px 0;
}

/*------------------- listcat - listing news 2 column----*/

#content #listcat{
	float:left;
	width:45%;
	margin:10px;
	padding:0;
	overflow:hidden;
	}

#content #listcat h2{
	margin: 10px 0 10px 0px;
	padding: 0 0 5px 0;
	font-size:20px !important;
	font-weight:normal;
	color:#0099CC;
	border-bottom:3px solid #FFCC33;
	}

#content #listcat h2 a{
	font-size:20px !important;
	font-weight:normal;
	text-decoration:none;
	color:#0099CC;
	}

#content #listcat h2 a:hover{
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	color:#006699;
	}

#content #listcat h3{
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	font-size:16px !important;
	font-weight:normal;
	color:#CC3300;
	border-bottom:0px solid #FFCC33;
	}

#content #listcat h3 a{
	font-size:16px !important;
	font-weight:normal;
	text-decoration:none;
	color:#CC3300;
	}

#content #listcat h3 a:hover{
	font-size:16px !important;
	font-weight:normal;
	text-decoration:none;
	color:#059BD8;
	}

#content #listcat h4{
	margin: 10px 0 10px 0px;
	padding: 0;
	font-size:14px;
	font-weight:normal;
	color:#FF0000;
	}

#content #listcat h4 a{
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#FF0000;
	}

#content #listcat h4 a:hover{
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#059BD8;
	}

#content #listcat ul{
	display:block;
	margin:0;
	padding:0;
	}

#content #listcat li{
	clear:both;
	display:block;
	margin:0 0 15px 0px;
	padding:0 0 0px 0;
	}

#content #listcat li.media{
	clear:both;
	display:block;
	margin:0;
	padding:0px 0px 10px 0px;
	border-bottom:0px dotted #DDDDDD;
	}

#content #listcat li.nomedia{
	display:block;
	margin:0;
	padding:0px 0px 10px 10px;
	border-bottom:0px dotted #DDDDDD;
	background:url("../img/black_file.gif") no-repeat 0px;
	background-position:0px 5px;
	}

#content #listcat p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#content #listcat a{
	font-weight:normal;
	font-size:13px !important;
	color: #0099CC;
	text-decoration:none;
	}

#content #listcat a:hover{
	font-weight:normal;
	color: #6699CC;
	text-decoration:underline;
	}

#content #listcat .imgl{
	float:left;
	margin:0 10px 10px 0;
	padding:4px;
	}

#content #listcat .pubdate{
	font-size:10px;
	color:#999;
}

#content #listcat .klik{
	font-size:10px;
	color:#999;
}


/* ------------------ listing2 ------------------ */

#listing2 {float:left;width:490px;margin:0 0 10px 0;padding:0 0px 0 0;overflow:hidden;border:0px solid black;}
#listing2 h2 {margin:0 20px 10px 0; padding:0 0 5px 0; font-size:18px; font-weight:bold; color:#CC3300; border-bottom:3px solid #FFCC33;}
#listing2 h2 a {font-size:20px; font-weight:normal; color:#CC3300; text-decoration:none;}
#listing2 h2 a:hover{font-size:20px; font-weight:normal; color:#6699FF; text-decoration:none;}
#listing2 ul{display:block;margin:0;padding:0;}
#listing2 li{clear:both;display:block;margin:5px 0;padding:0;}
#listing2 li.arrow {
	padding: 0 0 0 10px;
	background:url("../img/black_file.gif") no-repeat 0px;
	background-position:0px 5px;
}
#listing2 li.arrow a {line-height:normal;font-size:12px; font-weight:normal;color:#4a4a4a;text-decoration:none; }
#listing2 li.arrow a:hover {line-height:normal;font-size:12px; font-weight:normal;color:#CC3300;text-decoration:none; }

#listing2 li.noarrow {line-height:normal; }
#listing2 li.noarrow:hover {background:#eee;}
#listing2 li.noarrow a {line-height:normal;font-size:14px; font-weight:normal;color:#CC3300;text-decoration:none; }

#listing2c {float:left; width:220px; margin:0 20px 0 0;padding:0;overflow:hidden;border:0px solid black;}
#listing2c h2 {margin:0 0 15px 0; padding:0 0 5px 0; font-size:18px; font-weight:bold; color:#CC3300; border-bottom:3px solid #FFCC33;}
#listing2c h2 a {font-size:20px; font-weight:normal; color:#CC3300; text-decoration:none;}
#listing2c h2 a:hover{font-size:20px; font-weight:normal; color:#6699FF; text-decoration:none;}
#listing2c h3 {margin:0 0 5px 0; padding:0 0 0px 0; font-size:16px; font-weight:bold; color:#FF0000; border-bottom:3px solid #FFF;}
#listing2c ul{display:block;margin:0;padding:0; }
#listing2c li{clear:both;display:block;margin:5px 0;padding:0;}
#listing2c li.arrow {
	padding: 0 0 0 10px;
	background:url("../img/black_file.gif") no-repeat 0px;
	background-position:0px 5px;
}
#listing2c li.arrow a {line-height:normal;font-size:13px; font-weight:normal;color:#4a4a4a;text-decoration:none; }
#listing2c li.arrow a:hover {line-height:normal;font-size:13px; font-weight:normal;color:#CC3300;text-decoration:none; }

#listing2c li.noarrow {line-height:normal; font-size:13px; font-weight:normal;}
#listing2c li.noarrow:hover {background:#eee;}
#listing2c li.noarrow a {line-height:normal;font-size:13px; font-weight:bold;color:#CC3300;text-decoration:none; }

/* ------------------ listing3 block right front news ------------------ */

#listing3 {
	float:left; 
	width:100%;
	margin:0 0 10px 0;
	padding:0; 
	font-weight:normal; 
	overflow:hidden;
	border:0px solid black;
}

#listing3 h2 {
	margin:10px 0; 
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:normal; 
	color:#CC3300; 
	border-bottom:3px solid #FFCC33;
}

#listing3 h2 a {
	font-size:20px; 
	font-weight:normal; 
	color:#FF0000; 
	text-decoration:none;
}

#listing3 h2 a:hover{
	font-size:20px; 
	font-weight:normal; 
	color:#0099CC; 
	text-decoration:none;
}

#listing3 ul{
	display:block;
	margin:0;
	padding:0;
}

#listing3 li{
	clear:both;
	display:block;
	margin:5px 0;
	padding:0;
}

#listing3 li.arrow {
	padding: 0 0 0 10px;
	background:url("../img/black_file.gif") no-repeat 0px;
	background-position:0px 5px;
}

#listing3 li.arrow a {
	line-height:normal;
	font-size:12px; 
	font-weight:normal;
	color:#CC3300;
	text-decoration:none; 
}

#listing3 li.arrow a:hover {
	line-height:normal;
	font-size:12px; 
	font-weight:normal;
	color:#6699CC;
	text-decoration:none; 
}

#listing3 li.noarrow {
	line-height:normal;
	font-weight:normal;
}

#listing3 li.noarrow:hover {
	background:none;
}

#listing3 li.noarrow a {
	line-height:normal;
	font-size:14px;
	font-weight:normal;
	color:#CC3300;
	text-decoration:none;
}

#listing3 li.noarrow a:hover {
	color:#FF0000;
}

/*-- listing 3c --*/

#listing3c {
	float:left; 
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
	border:0px solid black;
}

#listing3c h2 {
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
	color:#CC3300;
	border-bottom:3px solid #FFCC33;
}

#listing3c h2 a {
	font-size:20px;
	font-weight:normal;
	color:#FF0000;
	text-decoration:none;
}

#listing3c h2 a:hover{
	font-size:20px;
	font-weight:normal;
	color:#0099CC;
	text-decoration:none;
}

#listing3c ul{
	display:block;
	margin:0;
	padding:0;
}

#listing3c li{
	clear:both;
	display:block;
	margin:5px 0;
	padding:0;
}

#listing3c li.arrow {
	padding: 0 0 0 10px;
	background:url("../img/black_file.gif") no-repeat 0px;
	background-position:0px 5px;
}

#listing3c li.arrow a {
	line-height:normal;
	font-size:12px;
	font-weight:normal;
	color:#CC3300;
	text-decoration:none;
}

#listing3c li.arrow a:hover {
	line-height:normal;
	font-size:12px;
	font-weight:normal;
	color:#6699CC;
	text-decoration:none;
}

#listing3c li.noarrow {
	line-height:normal;
	font-weight:normal;
}

#listing3c li.noarrow:hover {
	background:#eee;
	}

#listing3c li.noarrow a {
	line-height:normal;
	font-size:14px;
	font-weight:normal;
	color:#CC3300;
	text-decoration:none;
}

#listing3c li.noarrow a:hover {
	color:#FF0000;
}


/* ----------------------------------------------Table-------------------------------------*/

table{
	/*width:100%;*/
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	margin-bottom:0px;
	border:1px solid #CCCCCC;
	}

table .nobor{
	/*width:100%;*/
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	margin-bottom:0px;
	border:0px solid #CCCCCC;
	}

table th{
	color:#FFFFFF;
	background-color:#04182F;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	text-align:center;
	table-layout:auto;
	vertical-align:middle;
	}

table td{
	vertical-align:top;
	border-collapse:collapse;
	border-left:0px solid #CCCCCC;
	border-right:0px solid #CCCCCC;
	}
	
table th, table td{
	padding:5px;
	border-collapse:collapse;
	}

table tr.borbot{
	border-bottom:1px solid #CCCCCC;
	}

table tr.borback{
	border-bottom:1px solid #CCCCCC;
	background-color:#F7F7F7;
	}

table tr.light{
	color:#666666;
	background-color:#F7F7F7;
	}

table tr.light a{
	/*text-decoration:none;*/
	}

table tr.dark{
	color:#FFFFFF;
	background-color:#333333;
	}


table tr.dark a{
	color:#FFFFFF;
	text-decoration:none;
	}

table td.tengahtop {
	background-color : #EEEEEE;
	font-weight : bold;
	color : #000000;
}

/* -----------------------------------pagination style---------------------------- */
#content #pagin {
	clear:both;
	margin: 0 10px;
	padding: 5px 0;
	font-weight: normal;
	text-align:center;
}

#content #pagin * {
	padding: 5px 10px;
	margin: 0;
}

#content #pagin a {
	border: solid 1px #666666;
	background-color: #EFEFEF;
	color: #666666;
	text-decoration: none;
}

#content #pagin a:visited {
	border: solid 1px #666666;
	background-color: #EFEFEF;
	color: #60606F;
	text-decoration: none;
}

#content #pagin a:hover, #pagin a:active {
	border: solid 1px #059BD8;
	background-color: white;
	color: #059BD8;
	text-decoration: none;
}

#content #pagin span {
	cursor: default;
	border: solid 1px #808080;
	background-color: #F0F0F0;
	color: #B0B0B0;
}

#content #pagin span.current {
	border: solid 1px #666666;
	background-color: #666666;
	color: #FFFFFF;
}

/* ------------------------- Forms ----------------------------------*/

input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em;vertical-align:middle;font-weight:normal; padding:4px 6px;}

#search-center {text-align:center; padding:10px 0 30px 0;}
#search-center fieldset {margin: 20px 0 10px 0; padding:0; border:none;}
#search-center input.text {width:200px;padding:2px 5px 3px 5px;}
#search-center .button { background: #99CC33;width:73px;height:25px;border:1px solid #999999;color:#fff;cursor:pointer;text-align:center;}
#search-center .button:hover { background: #77CC33;width:73px;height:25px;border:1px solid #999999;color:#fff;cursor:pointer;text-align:center;}

#search-form {position:absolute;right:37px;top:34px}
#search-form fieldset {border:none;display:inline}
#search-form input.text {width:200px;padding:7px 0 4px 5px;border:1px solid #d2d2d2;background:#fff;margin-right:8px}
#search-form input.submit {background:#99CC33; border:1px solid #999999;width:79px;height:34px;border:none;color:#fff;font-size:13px;cursor:pointer}

#login-form fieldset {border:none; padding:10px 10px 10px 10px; margin-bottom: 0;border:0px solid black;}
#login-form .field {padding:5px 0;}
#login-form label {float:left;width:100px; line-height:18px;padding-bottom:6px;font-weight:normal;}
#login-form input.text, #login-form input.password {width:140px;border:1px solid #dedede;padding:4px 7px 4px 5px}
#login-form .submit {background:#99CC33; width:75px;height:30px;border:1px solid #999999;;color:#fff;cursor:pointer;text-align:center; line-height:25px;}
#login-form .submit:hover {background:#77CC33; border:1px solid #999999;width:75px;height:30px;border:1px solid #999999;color:#fff;cursor:pointer;text-align:center; line-height:25px;}

#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both}
#contacts-form label {float:left;width:123px;line-height:18px;padding-bottom:6px;font-weight:bold}
#contacts-form input {width:265px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#contacts-form textarea {width:470px;height:325px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#contacts-form .button {background:#99CC33;width:160px;height:34px;float:right}

#link-form {width:100%; margin:0; padding:0; overflow:hidden;}
#link-form fieldset {border:none; margin:0; padding:0;float:left;}
#link-form .field {clear:both; padding:5px 0;}
#link-form label {float:left;width:80px;line-height:18px;padding-bottom:6px;font-weight:bold}
#link-form input.text {width:265px;padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#link-form select {padding:4px 0;background:none;border:1px solid #e5e5e5;color:#616161;}
#link-form textarea {width:400px;height:125px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#link-form .button {background:#99CC33; width:100px;height:30px;border:1px solid #999999;color:#FFF;}
#link-form .button:hover {background:#77CC33; width:100px;height:30px;border:1px solid #999999;color:#FFF;}

#friend-form {width:100%; margin-top:30px;}
#friend-form fieldset {border:none;float:left}
#friend-form .field {clear:both; padding:5px 0;}
#friend-form label {float:left;width:110px;line-height:18px;padding-bottom:6px;font-weight:bold}
#friend-form input.text {width:265px;padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#friend-form select {padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#friend-form textarea {width:400px;height:125px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#friend-form .button {background: #99CC33; width:125px;height:25px;border:1px solid #999999; color:#fff;color:#FFF;}
#friend-form .button:hover {background: #77CC33; width:125px;height:25px;border:1px solid #999999; color:#fff;color:#FFF;}

#article-form {width:100%; margin-top:30px;}
#article-form fieldset {border:none;float:left}
#article-form .field {clear:both; padding:5px 0;}
#article-form label {float:left;width:110px;line-height:18px;padding-bottom:6px;font-weight:bold}
#article-form input.text {width:265px;padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#article-form select {padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#article-form textarea {width:400px;height:125px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#article-form textarea.long {width:400px;height:250px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#article-form .button {background:#99CC33; border:1px solid #999999;width:162px;height:36px;color:#FFF;}

#response-form {width:100%; margin-top:10px;}
#response-form fieldset {border:none;float:left}
#response-form .field {clear:both; padding:5px 0;}
#response-form label {float:left;width:80px;line-height:18px;padding-bottom:6px;font-weight:bold}
#response-form input.text {width:265px;padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left;}
#response-form select {padding:4px 7px 4px 5px;background:none;border:1px solid #e5e5e5;color:#616161;float:left}
#response-form textarea {width:400px;height:125px;padding:1px 0 1px 3px;background:none;border:1px solid #e5e5e5;color:#616161;margin-bottom:12px;overflow:auto;float:left}
#response-form .button {background: #99CC33; width:125px;height:25px;border:1px solid #999999; color:#fff;color:#FFF;}
#response-form .button:hover {background: #77CC33; width:125px;height:25px;border:1px solid #999999; color:#fff;color:#FFF;}

/*---  general ---*/

.smalltype {font-size : 9px;font-weight : normal; color : #666;}
.smalltype a:link{font-size : 9px;font-weight : normal; color : #999;}

.center{text-align:center;}
.right{text-align:right;}
.alignright {text-align:right}
.aligncenter {text-align:center}

.fl_left{float:left;}
.fl_right{float:right;}
.fleft {float:left}
.fright {float:right}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}

.line-hor {clear:both;background:#EEE;height:1px;overflow:hidden;font-size:0;line-height:0;margin:10px 0; }

.onebiggerred {font-size : 10pt; font-weight : bold; color : #ff0000;}

.error {font-size : 8pt;font-weight : normal;color : #000000;background-color : #ff6464;}

img {border:0; /*vertical-align:top; text-align:left;*/}
.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

.imgbl{float:left; margin:0 8px 8px 0; clear:left;}
.imgbr{float:right; margin:0 0 8px 8px; clear:right;}

/*boxone */
#boxone { 
	clear:both; 
	width:960px;
	margin:20px 0 0 0; 
	padding:10px;
	font-weight:normal;
	overflow:hidden;
	background-color:#FFF;
}

#boxone h2 {
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:bold;
	color:#CC3300;
	border-bottom:3px solid #FFCC33;
}

#boxone h2 a {
	font-size:20px;
	font-weight:normal;
	color:#CC3300;
	text-decoration:none;
}

#boxone h2 a:hover{
	font-size:20px;
	font-weight:normal;
	color:#6699FF;
	text-decoration:none;
}

#boxone a{
	text-decoration:none;
}

.col {float:left; width:182px;max-height:370px;margin-right:10px; background-color:#FFF; border:1px solid #EEE;}
.col:hover {float:left; width:182px;margin-right:10px; background-color:#FFF; border:1px solid #EEE; background:#EEE;}
.col-last {float:left;width:182px; background-color:#FFF; border:1px solid #EEE;}
.col-last:hover {float:left; width:182px; background-color:#FFF; border:1px solid #EEE; background:#EEE;}
.col-1, .col-2 {float:left; width:176px;margin-right:10px;background:url(../img/box1-bg.gif) no-repeat 100% 100% #b40303;}
.col-3 {float:left; width:176px;background:url(../img/box1-bg.gif) no-repeat 100% 100% #b40303;}

.box1 {margin:18px 18px 20px 18px; font-weight:normal; overflow:hidden;} 
.box1 img {width:100%;}
.box1 h4 { margin:0; padding:10px 0 0px 0;font-size:16px;color:#FF3300}
.box1 h4 a {font-size:16px;color:#FF3300; font-weight:bold; text-decoration:none;}
.box1 h4 a:hover{font-size:16px;color:#0099CC; font-weight:bold; text-decoration:none;}

.link1 {display:block;float:left;line-height:20px; background:url(../img/link1-bg.gif) left top repeat-x;color:#383838;text-decoration:none;text-shadow:1px 1px 0 #CDCDCD}
.link1:hover {text-decoration:none}
.link1 em {display:block;background:url(../img/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(../img/link1-right.gif) no-repeat right top;padding:8px 15px 8px 15px;font-weight:normal; font-style:normal}

/*boxtwo */
#boxtwo {float:left; width:980px; margin:0px 0 0 0; font-weight:normal; overflow:hidden;}
#boxtwo h2 {margin:0 0 15px 0; padding:0 0 5px 0; font-size:20px; font-weight:bold; color:#CC3300; border-bottom:3px solid #FFCC33;}
#boxtwo h2 a {font-size:20px; font-weight:normal; color:#CC3300; text-decoration:none;}
#boxtwo h2 a:hover{font-size:20px; font-weight:normal; color:#6699FF; text-decoration:none;}
#boxtwo a{text-decoration:none;}

/*boxthree */
#boxthree { clear:both;  width:980px; margin:0px 0 0 0; font-weight:normal; overflow:hidden;}
#boxthree h2 {margin:0 0 15px 0; padding:0 0 5px 0; font-size:20px; font-weight:bold; color:#CC3300; border-bottom:3px solid #FFCC33;}
#boxthree h2 a {font-size:20px; font-weight:normal; color:#CC3300; text-decoration:none;}
#boxthree h2 a:hover{font-size:20px; font-weight:normal; color:#6699FF; text-decoration:none;}
#boxthree a{text-decoration:none;}

/*--- block module --*/
#blokblok {
	width:100%;
	clear:both;
  margin:0 0 20px 0;
}

#blokblok  h2{
	margin:10px 0 10px 0;
	padding:0 0 5px 0;
	line-height:normal;
	font-size:20px;
	font-weight:normal;
	color: #0099CC;
	border-bottom:3px solid #6666FF;
}

#blokblok h2 a{
	margin:0px 0 10px 0;
	line-height:normal;
	font-size:20px;
	font-weight:normal;
	color: #0066CC;
	text-decoration:none;
}

#blokblok h2 a:hover{
	font-size:20px;
	line-height:normal;
	font-weight:normal;
	color: #0066CC;
	text-decoration:none;
}


@media only screen and (max-width:480px) and (min-width:320px){
#wrapper{
	width:92%;
}

#header{
	width:100%;
}
#header .logo {
	width:100%;
  text-align:center;
  padding:0;
}

#header .banner{
	display:none;
}

#menutop{
  width:100%;
}

.bannermobile{
	display:block;
  width:100%;
}

#slidetop {
	width:100%;
}

#content{
	width:97%;
}

#content .conleft{
	display:none;
}

#content .concenter{
	width:95%;
}

#content .contentfull{
	width:95%;
}

#content .conright{
	width:100%;
}

#content .concenter table{
	width:95%;
}

#content .contentfulltable{
	width:95%;
	}

#content .content-right table{
	width:95%;
}

#content #catalog {
	width:97%;
}

#content #menumod{
	width:100%;
}

#content #menumod ul{
	width:100%;
}

#content #menumod li{
	width:32%;
}

#content #listing {
	width:97%;
}

#content #listcat{
	width:97%;
}

#content #listing .klik {
	display:none;
}

#content #listing .imgl {
	width:95%;
}

#content #listing .imgr {
	width:95%;
	margin:0;
}

#content .list-wrap img.imgl {
	width:95%;
}

#content .list-wrap img.imgr {
	width:95%;
}

#content #latestnews{
	width:97% !important;
}

#content #listing3 {
	width:97%;
}

#content #listing3c {
	width:97%;
}

div.pagination span.disabled {
	display:none;
}
div.pagination a.next,
div.pagination a.prev {
	display:none;
}

#search-center .button {
    margin-top: 10px;
}

#blokblok {
	width:100%;
  padding:0px;
}

#boxone, #boxtwo, #boxthree { 
	width:90%;
}

.col {
	width:100%;
}

.col:hover {
	width:100%;
}

.col-last {
	width:100%;
}

.col-last:hover {
	width:100%;
}

.col-1, .col-2 {
	width:100%;
}

.col-3 {
	width:100%;
}

#tablau {
	width:97%;
}

#footer {
	width:95%;
}

#footer .foot1 {
	width:100%;
  border-right:none;
}

#footer .foot2 {
	display:none;
}

#footer .foot3 {
	display:none;
}

}



@media only screen and (max-width:800px) and (min-width:480px){
#wrapper, #header, #content, #footer{
	width:100%;
}

#header .logo {
	width:100%;
}

#header .banner{
	display:none;
}

#menutop{
	width:100%;
}

.bannermobile{
	float:left;
	padding:30px 10px 20px 10px;
	width:470px;
	vertical-align:middle;
	overflow:hidden;
	display:block;
}

#slidetop {
	width:100%;
}

#content .conleft{
	display:none;
}

#content .concenter{
	width:100%;
}

#content .contentfull{
	width:100%;
}

#content .conright{
	width:100%;
}

#content .concenter table{
	width:95%;
}

#content .contentfulltable{
	width:95%;
	}

#content .content-right table{
	width:95%;
}

#content #catalog {
	width:95%;
}

#content #menumod{
	width:100%;
}

#content #menumod ul{
	width:100%;
}

#content #menumod li{
	width:33%;
}

#content #listing {
	width:95%;
}

#content #listcat{
	width:46%;
}

#content #listing3 {
	width:46%;
}

#content #listing3c {
	width:46%;
}

#content #latestnews{
	width:47% !important;
	padding-right:10px !important;
}


div.pagination span.disabled {
	display:none;
}
div.pagination a.next,
div.pagination a.prev {
	display:none;
}

#search-center .button {

}

#boxone { 
	width:95%;
	margin:auto;
}

#blokblok {
	width:100%;
}

.col {
	width:48%;
}

.col:hover {
	width:48%;
}

.col-last {
	width:48%;
}

.col-last:hover {
	width:48%;
}

.col-1, .col-2 {
	width:48%;
}

.col-3 {
	width:48%;
}

#footer {
	width:95%;
}

#footer .foot1 {
	width:100%;
}

#footer .foot2 {
	display:none;
}

#footer .foot3 {
	display:none;
}

}