@import url(font/ubuntu/stylesheet.css);
BODY {
	margin: 0px;
	padding: 0px;
}
div,tr,td,th,select,textarea,input {
font-family: 'Ubuntu', 'sans-serif', arial;
font-weight: 300;
font-size: 14px;
color: #494949;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.bg-top {
	background-image: url(images/bg-top.jpg);
	background-repeat: repeat-x;
	height: 105px;
	width: 100%;
}
.bg-link {
	background-color: #de5543;
	width: 100%;
}
.f-bg-link {
	background-color: #de5543;
margin-top: 0px;
color: #FFF;
z-index: 9999; position: fixed; top: 0; width: 100%;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
.bg-header {
	background-image: url(images/bg-header.jpg);
	background-repeat: repeat-x;
	height: 292px;
	margin-bottom: 10px;
}
.container {
	clear: both;
	float: none;
	width: 990px;
}
.logo {
	height: 105px;
	width: 213px;
	float: left;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E1E1E1;
	margin-right: 10px;
}
.menu-utama {
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}
.menu-utama  select {
display: none;
}
.menu-utama h2{
	text-align: left;
}
.menu-utama ul {
	margin: 0px;
	padding: 0px;

}
.menu-utama ul li{
	float: left;
	width: 100%;
	text-align: left;
	list-style-type: none;
}
.menu-utama ul li a{
	color: #000000;
	text-decoration: none;
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(images/wifi.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: capitalize;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
	text-align: left;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.menu-utama ul li a:hover{
	color: #d95555;
	text-shadow: 0px 0px #cccccc;
}
.menu-utama ul li ul li{
	float: left;
	list-style-type: none;
	width: 100%;
	text-align: left;
}
.menu-utama ul li ul li a{
	color: #000000;
	text-decoration: none;
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(images/menu-utama-hover.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	text-transform: capitalize;
	width: 100%;
	display: block;
	text-align: left;
	padding-left: 40px;
}
.angakhoo {
	float: left;
	width: 300px;
	padding-top: 30px;

}
.angakhoo p{
	margin: 0px;
	padding: 0px;
}
.angakhoo h1{
	font-family: acidregular;
	font-size: 24px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-shadow: 0px 0px #58591a;
}
.routerboard{
	background-image: url(images/routerboard.png);
	background-repeat: no-repeat;
	height: 58px;
	width: 195px;
	float: right;
	margin-top: 25px;
}
.menu-kedua {
	padding: 5px;
	background-position: center center;
	background-repeat: no-repeat;
}
.menu-kedua a:link,.menu-kedua a:visited,.menu-kedua a:active{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	text-transform: uppercase;
	font-family: 'acidregular', Arial, Helvetica, sans-serif;
	font-size: 22px;
}
.menu-kedua a:hover{
	color: #333333;
	text-shadow: 0px 0px #9d4928;
}
.menu-kedua a:hover img{
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
}
.bg-routerboard {
	background-position: center top;
	background-color: #FFF;
}
.bg-routerboard  .container{
	background-color: #f7f5f1;
	padding: 10px;

}
.container-routerboard {
	clear: both;
	float: none;
	width: 100%;
	background-image: url(images/bayangan-bg-routerboard.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}
.bg-integrated {
	background-image: url(images/bg-integrated.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;

}
.container-integrated {
	clear: both;
	float: none;
	width: 100%;
}
.bg-wireless {
	background-image: url(images/bg-wireless-card.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.container-wireless {
	background-image: url(images/bayangan-bg-wireless.png);
	clear: both;
	float: none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 15px;

}
.footer {
	background-color: #5F5F5F;
}
.footer .pad {
	padding: 10px;
	color: #FFFFFF;

}
.routerboard-title {
	background-repeat: no-repeat;
	float: none;
	background-position: right bottom;
	background-color: #de5543;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}
.routerboard-title2 {
	background-repeat: no-repeat;
	float: none;
	background-position: right bottom;
	background-color: #878787;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}
.routerboard-title h1,.routerboard-title2 h1{
	font-family: 'acidregular';
	font-size: 30px;
	margin: 0px;
	padding: 8px;
	text-align: left;
	text-transform: uppercase;
	text-shadow: 0px 0px #58591a;
	color: #FFF;
}

.integrated-title {
	background-image: url(images/integrated-title.png);
	background-repeat: no-repeat;
	float: left;
	height: 45px;
	background-position: right bottom;
}
.integrated-title h1{
	font-family: acidregular;
	font-size: 25px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 0px #58591a;
}
.wireless-title {
	background-image: url(images/wireless-title.png);
	background-repeat: no-repeat;
	float: left;
	height: 45px;
	background-position: right bottom;
}
.wireless-title h1{
	font-family: acidregular;
	font-size: 25px;
	margin: 0px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 0px #58591a;
}

.view-all a:link,.view-all a:visited, .view-all a:active{
	padding: 5px 10px 20px;
	background-image: url(images/cim-bom-bom.png);
	background-position: right top;
	float: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
.view-all a:hover{
	color: #FFCC99;
}
.produk ul {
	margin: 0px;
	padding: 0px;

}
.produk ul li {
	float: left;
	height: auto;
	width: 100%;
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	background-color: #FFF;
	text-align: left;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}
.produk ul li:hover{
	background-color: #f5f5f5;
}
.produk ul li .pad{
	padding: 5px;

}
.produk ul li .gambar{
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 5px;
	overflow: hidden;
}
.produk ul li img{
	height: auto;
	width: 120px;
}
.produk ul li .isi{

}
.produk ul li .isi h2{
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
	text-shadow: 0px 0px #9d4928;
}
.produk ul li .isi a{
	color: #333;
	text-decoration: none;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.produk ul li .isi a:hover{
	color: #999;
	text-decoration: underline;
}

.produk-integrated ul {
	margin: 0px;
	padding: 0px;

}
.produk-integrated ul li {
	float: left;
	height: 134px;
	width: 295px;
	border: 1px solid #93886e;
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	background-color: #faf7ed;
	margin-bottom: 10px;
	text-align: left;
	list-style-type: none;
	-moz-border-radius: 8px;
border-radius: 8px;
}
.produk-integrated ul li:hover{
	background-color: #ffffff;

}
.produk-integrated ul li .pad{
	padding: 5px;

}
.produk-integrated ul li .gambar{
	float: left;
	height: 117px;
	width: 111px;
	margin-right: 5px;
	overflow: hidden;
}
.produk-integrated ul li .isi{
	font-size: 12px;

}
.produk-integrated ul li .isi h2{
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
	text-shadow: 1px 1px #1c1f37;
}
.produk-integrated ul li .isi a{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #07243e;
	padding: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.produk-integrated ul li .isi a:hover{
	background-color: #FF9966;
}


.produk-wireless ul {
	margin: 0px;
	padding: 0px;

}
.produk-wireless ul li {
	float: left;
	height: 134px;
	width: 295px;
	border: 1px solid #93886e;
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	background-color: #faf7ed;
	margin-bottom: 10px;
	text-align: left;
	list-style-type: none;
	-moz-border-radius: 8px;
border-radius: 8px;
}
.produk-wireless ul li:hover{
	background-color: #ffffff;

}
.produk-wireless ul li .pad{
	padding: 5px;

}
.produk-wireless ul li .gambar{
	float: left;
	height: 117px;
	width: 111px;
	margin-right: 5px;
	overflow: hidden;
}
.produk-wireless ul li .isi{
	font-size: 12px;

}
.produk-wireless ul li .isi h2{
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
	text-shadow: 1px 1px #58591a;
}
.produk-wireless ul li .isi a{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #af9461;
	padding: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.produk-wireless ul li .isi a:hover{
	background-color: #FF6633;
}

.clear {
	clear: both;
	float: none;
	height: 1px;
	width: 1px;
}
.new-mikrotik {
	background-position: left top;
	height: 292px;
	overflow: hidden;
	background-color: #3c3534;
}
.new-mikrotik table tr td {
	color: #c2b7b6;

}
.new-mikrotik table tr .cuap {
	padding-top: 50px;
	text-align: left;
}

.new-mikrotik table tr .cuap a:link,.new-mikrotik table tr .cuap a:active,.new-mikrotik table tr .cuap a:visited{
	color: #FFFFFF;
	background-color: #de5543;
	padding: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.new-mikrotik table tr .cuap a:hover{
	background-color: #973b35;

}
.new-mikrotik table tr td h1{
	font-size: 40px;
	margin: 0px;
	padding: 0px;
	text-shadow: 0px 0px #000000;
	color:#fff;
}
.isi {
	text-align: justify;
	padding: 0px;

}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.parameters_table,.clearance_table{border-collapse:collapse;border-color:#c1c1c1;color:#4F6B72;width:100%;}
.parameters_table{border-width:0px;}
.clearance_table{border-width:1px;}
.clearance_table td{font-size:0.9em;border:none;border-bottom:1px dotted #c1c1c1;padding:7px;}
.parameters_table th{padding:5px;border-bottom:1px solid #c1c1c1;}
.parameters_table td{font-size:0.9em;border:none;border-bottom:1px dotted #c1c1c1;padding:7px;}
.parameters_table tr:nth-child(even){background:#fcfcfc;}
hr{
	clear: both;
	float: none;
	margin-top: 8px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-style: none;
	border-left-style: none;

}
h1{
	font-size: 32px;
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	text-shadow: 2px 2px #cccccc;
}
.isi h1{
	font-size: 21px;
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	text-shadow: 2px 2px #cccccc;
}
h2{
	font-size: 24px;
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	text-shadow: 2px 2px #cccccc;	
}
h3{
	font-size: 21px;
	font-family: 'OxygenRegular', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	text-shadow: 2px 2px #cccccc;
}
.perf th,.perf td{border-collapse:collapse;border:1px solid;}
.perf td{padding:3px;min-width:70px;color:#4F6B72;font-size:0.9em;}
.perf thead td{font-weight:bold;text-align:center;}
.perf tbody td{text-align:right;}
.perf .ita{font-style:italic;}

a:link,a:visited,a:active {
	color: #990000;
	text-decoration: none;

}
a:hover {
	color: #003366;
	text-decoration: none;

}
.error {
	color: #FFFFFF;
	background-color: #CC0000;
	display: inline;
	padding: 5px;

}
.sukses {
	color: #FFFFFF;
	background-color: #003366;
	display: inline;
	padding: 5px;
}
.kiri-home {
	float: left;
	width: 25%;	
}
.kanan-home {
	float: right;
	width: 74%;	
}
.highlight {
	margin-top: 0px;
	margin-bottom: 20px;
}
.highlight ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.highlight ul li {
	background-color: #f2f0f0;
	margin-left: 7px;
	list-style-type: none;
	float: right;
	height: 260px;
	width: 24%;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #666;
	text-align: center;
	overflow: hidden;
}
.highlight ul li:hover {
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.highlight ul li h2{
	font-family: 'acidregular';
	font-size: 24px;
	margin: 0px;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 0px #58591a;
	color: #282828;	
}
.highlight ul li img{
	text-align: center;
	height: 120px;
	width: auto;	
}
.highlight ul li .pads{
	font-size: 12px;
	padding: 5px;
	text-align: center;
}
.bannerhome ul {
	text-align: left;
	margin: 0px;
	padding: 0px;	
}
.bannerhome ul li {
	margin-top: 10px;
	list-style-type: none;	
}
.konten ul li {
	padding-bottom: 8px;
}
.harga {
	font-size: 17px;
	color: #de5543;	
}
.lengkap {
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
}
.lengkap .harga{
	font-size: 21px;
	color: #de5543;	
}