/*@import url("bootstrap.min.css");
/*!
 * Mikrotik Hotspot Template
 * Homepage: http://bootswatch.com
 * Copyright 2016 Muhammad Bahrun Ulum
 * Licensed under MIT
 * Based on Bootstrap
*/
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
html {
	position: relative;
	min-height: 100%;
}
body{
	margin-bottom: 60px;
}
h3, h4 {margin:0;}
.bold {font-weight: bold;}
.center {text-align: center;}
.margin {margin: 3px;}
.footer {
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #DDD;
	border-top: dashed 3px #018cfe;
}
body > .container {
	padding: 60px 15px 0;
}
.container .text-footer {
	margin: 20px 0;
	text-align: center;
}
.footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}
a:hover, a:focus{
	text-decoration: none;
}


.home tr th {
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background: #c2775a;
}
.home tr td {
	color: #0c8602;
	font-weight: bold;
}

.corporate tr th {
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background: #046d01;
}
.corporate tr td {
	color: #d34a1d;
	font-weight: bold;
}

.home ul li, .corporate ul li {
	list-style: none;
	margin: 2px 0 2px -20px;	
}
.home ul li:hover {
	color: #d34a1d;
	cursor: pointer;
}
.corporate ul li:hover {
	color: #0c8602;
	cursor: pointer;
}

.home ul li {
	color: #0c8602;
	font-weight: bold;
}
.corporate ul li {
	color: #d34a1d;
	font-weight: bold;
}

.contact ul li {
	list-style: none;
	margin: 2px 0 2px -30px;
	color: #893503;	
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

/* =============== FORM AREA ================================*/
#contact input[type="text"],
#contact input[type="password"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;}
#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;}
#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;}
#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;}
#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;}
#contact button[type="submit"]:active {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);}
.copyright {text-align: center;}
#contact input:focus,
#contact textarea:focus {outline: 0; border: 1px solid #aaa;}
::-webkit-input-placeholder { color: #888;}
:-moz-placeholder {color: #888;}
::-moz-placeholder {color: #888;}
:-ms-input-placeholder {color: #888;}

#content img {
	margin-right: 20px;
	max-width: 700px;
}

#object {
	width: 100%;
	max-height:160px;
	overflow: hidden;
	position: relative;
}
#object img {
	object-fit:cover;
	width: 300px;
	height: auto;
	text-align: center;
	border: none;
	vertical-align: middle;
}

.isi a{
	text-decoration:none;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	padding: 2px;
	display: block;
	border-bottom: 1px dashed #dfdfdf;
}

.isi a:hover{
	color:#09F;
	text-decoration: none;
	background: #bdbcbe
}

#sidebar ul li {
	list-style-type: none;
	margin: 0 0 0 -40px; }

#sidebar ul li a{
	text-decoration:none;
	color:#666;
	padding: 2px 10px 2px 10px;
	display: block;
	border-bottom: 1px dashed #dfdfdf;
}
#sidebar ul li a:hover{
	color:#09F;
	text-decoration: none;
	background: #bdbcbe;
	}
.alignleft {
	float:left;
}
.aligncenter {
	width: 100%;
	height: auto;
	display: block;
	max-width: 710px;
	max-height: 1024px;
}