@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: myFirstFont;
    src: url(../style/FUTURA.TTF);
}

div {
    font-family: myFirstFont;
}
#contentall
{
   padding: 10px; 
   padding-bottom: 200px;
}
.buttonclassadmin
{
    
}
.tableviewcabang{
    width:100%;
}

body
{
	font-family: myFirstFont, verdana;
}
a { color:#039;}
input[type="text"] {
	height: 22px;
	padding:2px;
	width:200px;
	color:#000;
	
}
#myVideovid {
  position: fixed;
  left: 0;
  width: 100%;
  top: 65px;
  z-index: -10;
}
#login
{
	margin:auto;
	padding-top:70px;
	width:100%;
	height:860px;
        line-height: 50px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
       
	
}
.loginnyaa
{
    margin-left: 20px;
    padding: 10px;
    line-height: 30px;
}
.txtbox
{
    border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;
}
#tblmenulogin
{
    width: 50%;
    margin: auto;
    color: #cc202b;
     
}

input[type="password"] {
	height: 22px;
	padding:2px;
	width:200px;
	color:#000;
}
.inputbarcode
{
    width: 80%;
    text-align: center;
    font-size: 20px;
    min-height: 690px;
    margin: auto;
    padding-top: 80px;
}

#headercontent
{
	height:42px;
	background-image:url(../imagesaux/backgroundblue.png);
	margin-top:-10px;
	margin-left:-8px;
	margin-right:-8px;
	position:fixed;
	width:100%;
	z-index:199;
}
#headercontentetc
{
	z-index:200;
	margin:auto;
	width:100%;
}
#auxlogo
{
	margin-top:2px;
	width:145px;
	padding:2px;
	background-image:url(../imagesaux/backgroundblue.png);
	position:relative;
	float:left;
	z-index:20;
	border-radius:0px 0px 3px 3px;
}
#trapezoid {
    border-bottom: 100px solid red;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    height: 0;
    width: 100px;
}
.quality
{
	font-style:italic;
	font-size:36px;
	margin:0px;
	padding:0px;
}
.come
{
	font-size:28px;
	margin:0px;
	padding:0px;
}
.wording
{
	font-size:14px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}



/* header sttc */

#maincontent
{
	padding:0px 0px;
	width:100%;
	margin:auto;
	background-color:white;
	
	
}

.buttoncostum 
{
    
    height: 75px; 
    width: 200px;
    padding: 10px; 
    margin-top: 10px;
    border-radius: 8px;
    color: white;
    background-color: #004281;
}
.buttoncostum:hover
{
    
    cursor: pointer;
    color: white;
    background-color: #1954a5;
}

.buttoncostumlogout 
{
    
    height: 40px; 
    padding: 5px; 
    margin-right: 5px;
    top: 68px;
    border-radius: 8px;
    color: white;
    background-color: #004281;
}
.buttoncostumlogout:hover
{
    
    cursor: pointer;
    color: white;
    background-color: #1954a5;
}


#formbuatisi
{
    padding-top: 60px;
    width: 90%;
    margin: auto;
    line-height: 20px;
    padding: 4px;
    
}
#formbuatisi tr td
{
    line-height: 30px;
}
#pagingfull
{
    min-height: 800px;
}
.txtdaftartanpabarcode
{
    color: darkslategray;
    font-size: 15px;
}



.marginbottomisnt
{margin-bottom: 80px;}


/*slider */
div.wrap {
width:100%;
margin : auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width: 100%;
height : 52px;
margin : 22px 0 0;

}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#slidershow {
margin : -3px 0 0;
float:left;
position:relative;
}
div#video-slidershow {
width:100%;
margin : -3px 0 0;
}
div#slidershow div.wrap {
height : 455px;
background : url('imagesaux/header-bg.png') no-repeat 50% 0;
}
div#slidershow div#slide-holder {
z-index : 40;
width:100%;
height : 454px;
position : absolute;
}
div#slidershow div#slide-holder div#slide-runner {

width:100%;
height : 454px;
overflow : hidden;
position : relative;
}
div#slidershow div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slidershow div#slide-holder div#slide-controls {
left : 0;
bottom : 5px;
width:100%;
height : 46px;
display : none;
position : absolute;
background : url('imagesaux/slide-bg.png') 0 0;
}
div#slidershow div#slide-holder div#slide-controls p.text {
float : right;
color:#F90;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;

}
div#slidershow div#slide-holder div#slide-controls p#slide-nav {
float : left;
height : 24px;
display : inline;
padding-left:22px;
margin : 11px 15px 0 0;
}
div#slidershow div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slidershow div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slidershow div#slide-holder div#slide-controls p#slide-nav a {
background-image : url('imagesaux/silde-nav.png');
}
div#nav ul li a {
background : url('imagesaux/nav.png') no-repeat;
}


.residentialback{
	width:49.99999%;
	height:500px;
	float:left;
	
}
.industrialback{
	width:49.99999%;
	height:500px;
	float:left;
	border-left:1px #999999 solid;
}



/* Footer  */
#footer
{
	min-height:130px;
	background-color: #004281;
	width:100%;
	font-size:24px;
        position: fixed;
        bottom: 0px;
        box-shadow: 0 4px 88px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
.footercontent
{
	width:100%;
	margin:auto;
	padding:8px;
	color:#CCC;
        text-align: center;
        height: 23px;
}


.rightcpyfooter
{	width:100%;
	margin:auto;
	padding:2px;
	color:#CCC;
        text-align: center;
        font-size: 11px;
        height: 11px;
        background-color: #004281;
}











@media all and (max-width : 768px) {
.bestlife
{
    height: 60px;
    
}
#formbuatisi
{
    padding-top: -10px;
    
}
.imgbl
{
    
    float: none;
    margin: auto;
}
.imgblkanan
{
   
    float: none;
    margin: auto;
}
.imgbl img
{
    float: none;
    height: 50px;
    
}
.imgblkanan img
{
    float: none;
    height: 50px;
    display: none;
    
}
#maincontent
{
	padding:0px;
        min-height: 760px
        
}
	
.contenthomeleft
{
	width:100%;
	float:none;
	
}
.contenthomeright
{	
	
	width:100%;
	float:none;
	
}	

#myVideovid {
  position: fixed;
  
  width: 440%;
  top: 0px;
  z-index: -10;
}
#login
{
	margin:auto;
	padding-top:0;
	width:100%;
	height:760px;
        line-height: 50px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
       
	
}

	
#footer
{

	min-height:180px;
	background-color: #004281;
	width:100%;
	font-size:24px;
        position: fixed;
        bottom: 0px;
	box-shadow: 0 4px 88px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


.divfooter 
{
	width:100%;
	
	padding-top:20px;
	
}
.divfooterrght
{
	width:100%;
	
	
	
	
}

.cpyfooter
{
	float:none;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	font-style:italic;
	width:100%;
	text-align:center;
        height: 30px;
}
.footercontent
{
	font-size:15px;
        height: 70px;
}
.rightcpyfooter
{	float:none;
	font-size:11px;
	width:100%;
	text-align:center;
}
.rightcpyfooter img
{	background-color:#FFF;
	margin-top:5px;
}
#tababoutprod
{
    margin-left: 0px;
    float: left;
    width: 33.3333%;
    height: 40px;
    background-color: red;
    border-radius: 0px 15px 0px 0px;
    text-align: center;
    font-size: 18px;
    padding-top: 7px;
}

#tabspecprod
{
    margin-left: 0px;
    float: left;
    width: 33.3333%;
    height: 40px;
    background-color: grey;
    border-radius: 0px 15px 0px 0px;
    text-align: center;
    font-size: 18px;
    padding-top: 7px;
}

#tabwhereprod
{
    margin-left: 0px;
    float: left;
    width: 33.3333%;
    height: 40px;
    background-color: green;
    border-radius: 0px 15px 0px 0px;
    text-align: center;
    font-size: 18px;
    padding-top: 7px;
}
#contentfeatket
{width: 90%;}
.featcontent img
{
    width: 19.999%;
}

.imgproductdetail img{
    
    width: 100%;
}
.residentialback {
    width: 100%;
    float: none;
}
.industrialback {
    width: 100%;
    float: none;
}

.divfull
{
    height: 180px;
}

}

/* ENDDD Footer  */