body {
    background-image: url('images/apache_pb.png');
}
.email {
	font: 14px Tahoma;
	color: #B60910;
	font-weight:bold;
	margin-right: 20px;
	margin-bottom: 5px;
	text-align: right;	
}
.anakmenu {
	font: 10px Tahoma;
	margin-top: 5px;

}
.footer {
	font: 12px Tahoma;
	color: #525252;
	margin-top: 10px;
	margin-bottom: 30px;
	letter-spacing: 1px;

}
.bawah {
	font: 12px Tahoma;
	color: #EDFFFF;
	font-weight: bold;
	text-align:right;
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
	letter-spacing: 2px;

}
.bawah2 {
	font: 11px Tahoma;
	color: #F0F0F0;
	text-align:right;
	margin-right: 30px;
	letter-spacing: 1px;
	line-height: 15px;
	
}
.isi {
	font: 14px Helvetica;
	color: #525252;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 35px;
	letter-spacing: 1px;
	line-height: 25px;
}
.isi_klien {
	font: 14px Helvetica;
	color: #525252;
	text-align: justify;
	letter-spacing: 1px;
	line-height: 25px;
}
.isi_klien_table {
	font: 12px Helvetica;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
}
.isi_klien_table2 {
	font: 13px Helvetica;
	color: #000;
	text-align: center;
	letter-spacing: 0px;	
}
.isiform3 {
	font: 14px Helvetica;
	color: #525252;
	letter-spacing: 1px;
}
.isiform {
	font: 14px Helvetica;
	color: #525252;
	text-align: right;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 1px;
	line-height: 25px;
}
.isiform2 {
	font: 14px Helvetica;
	color: #525252;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 4px;
	margin-top: 4px;
	letter-spacing: 1px;
	line-height: 25px;
}
.visi {
	font: 13px verdana;
	color: #525252;
	font-style: italic;
	font-weight: bold;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 35px;
	letter-spacing: 1px;
	line-height: 25px;
}
hr {
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	margin-bottom: 10px;
	margin-top: 1px;
}
.judulisi {
	font: 28px Avgardn;
	color: #B60910;
	font-weight: bold;
	letter-spacing: 2px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.judulisi2 {
	font: 18px Avgardn;
	color: #B60910;
	letter-spacing: 2px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 1px;
}
.judulklien {
	font: 25px Avgardn;
	color: #B60910;
	letter-spacing: 2px;
	margin-bottom: 1px;
	font-weight: bold;
}
@font-face{
   font-family: Avgardn;
   src: url(images/AVGARDN.ttf);
}

.css-slideshow{
   position: relative;
   max-width: 1002;
   height: 200;
   margin: auto auto auto auto;
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
}
.css-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
   transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}
.css-slideshow figure{
   opacity:0;
}
figure:nth-child(1) {
	animation: xfade 30s 24s infinite;
}
figure:nth-child(2) {
	animation: xfade 30s 18s infinite;
}
figure:nth-child(3) {
	animation: xfade 30s 12s infinite;
}
figure:nth-child(4) {
	animation: xfade 30s 6s infinite;
}
figure:nth-child(5) {
	animation: xfade 30s 0s infinite;
}

@keyframes xfade {  
0% {
opacity: 0;
}
8% {
opacity: 1;
}
17% {
opacity: 1;
}
 25% {
opacity: 0;
}
100% {
opacity: 0;
}
}


a.menubawah {
	font: 11px Tahoma;
	color: #F0F0F0;
	text-align:right;
	letter-spacing: 1px;
	line-height: 20px;
	text-decoration: none;
}
a.menubawah:hover {
	color: #BEBDBD;
	text-decoration: underline;
}
a.link {
	font: 14px Helvetica;
	color: #525252;
	text-align: justify;
	letter-spacing: 1px;
	line-height: 25px;
}
a.link:hover {
	color: #BEBDBD;
	text-decoration: underline;
}



nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}
nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
	margin: 0;
    padding: 0;
	z-index:9999;
}
nav ul:after {
	content: ""; clear: both; display: block;
}
nav ul li {
	float: left;
	z-index:9999;
}
nav ul li:hover {
	background: #FDD5B1;
	background: linear-gradient(top, #FDD5B1 0%, #FDD9BA 40%);
	background: -moz-linear-gradient(top, #FDD5B1 0%, #FDD9BA 40%);
	background: -webkit-linear-gradient(top, #FDD5B1 0%,#FDD9BA 40%);
}
nav ul li:hover a {
	color: #B60910;
	
}
	
nav ul li a {
	display: inline-block; padding: 18px 27px;
	color: #fff; text-decoration: none;
	font: 12px Tahoma;
	font-weight:bold;
    text-align: left;
	letter-spacing: 1px;

}
nav ul ul {
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	background: #FCB474; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	z-index:9999;
}
nav ul ul li {
	float: none; 
	border-top: 1px solid #C74708;
	position: relative;
	z-index:9999;
}
nav ul ul li a {
	padding: 10px 15px;
	color: #fff;
}	
nav ul ul li a:hover {
	background: #FDD5B1;
}
nav ul ul ul {
	position: absolute; left: 100%; top:0;
	z-index:9999;
}
nav ul ul ul li a {
	padding: 10px 10px;
	color: #fff;
}

blockquote {
	margin: 5px;
	padding: 5px;
	border-left:10px solid #fce27c;
	background-color: #ECE7E7;
}
blockquote p {
	margin: 0 0 0 5px;
}
.table1 {
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}
.table2 {
	box-shadow: 0px 0px 9px rgba(0,0,0,10);
}