body {
    color: #231f20;
    font-family: Arial,sans-serif;
    font-size: 13px;
}

header, footer, nav, section {
    display: block;
}

.w1000{
	width:1000px;
	background-color:#fff;
}
.w870{
    width:870px;
    margin: 0 auto;
}
.divMenu ul{
list-style-type:none;
padding:0px;
margin:0px;
}
 
.divMenu ul li{
display:inline;
line-height: 27px;
padding: 4px 39px;
}
 
.divMenu ul a{
text-decoration:none;
text-transform:uppercase;
float:left;
background:#b7b9bb;
color:#000;
text-align:center;
padding: 0 6px;
font-size:16px;
}

.divMenu ul a:hover,.divMenu ul a.active{
    color:#fff;
}

.divMenu ul, .divMenu li {
    list-style: none outside none;
	float:left;
}
* {
    margin: 0;
    padding: 0;
}

.brow{
	width:57px;
	line-height:167px;
	background-color:#e3e3e4;
}

.col-md-6  img{ margin-top:12px;}

.clearFix{clear:both}

h2{text-transform:uppercase;}

.bgWhite h2, .bgWhite p{background-color:#fff; width:281px; padding: 10px 14px; color:#3e3b3c}
    .bgWhite h2 a {
        color:#3e3b3c
    }
    .bgWhite h2 a:hover {
        color:#0054a5;
        text-decoration:none;
    }
.bgWhite h2{font-size:17px;padding: 6px 14px;margin: 5px 0px;}
.bgWhite p{min-height:120px;text-align:justify}
.marginIcon{margin-left: -18px;}
.banner{background-color:#f1f1f2;padding-bottom: 10px;}
.paddingLogo{padding-top:30px; padding-left:56px}
.divSupport{line-height:30px; vertical-align:bottom}
.divSupport2{margin-top:71px}
.divSupport3{position:relative}
.imgSupport{position:absolute;left:0px;bottom:8px}
.pSupport{padding:0px; margin:0px 0px 0px 30px;}
.pSupport{margin-right:25px;}
.spanSuport{color:#ec1c24;}
.spanSuport2{font-weight:bold}
.divMenu{padding-bottom:2px}
.ulMenu{background-image:url(/Images/bgMenu.jpg); background-repeat:repeat-x; width:100%; height: 47px;}
.pulgin{background-color:#f1f1f2; padding-top:10px; padding-bottom:10px;}
.plugin3{background-color: #e3e3e4; margin: auto; width: 382px;height:175px}
.textRight{
    border-left: 2px solid #3e3b3c;
    margin-left: 4%;
    padding-left: 4%;
    width: 54.333333333333336%;
    text-align: justify;
    padding-top: 20px;
    min-height: 167px;
}
.divImg{background-color:#f1f1f2; padding-top:20px}
.divImg img{max-width:100%;}
.list-index-category{padding-bottom: 20px;border: 2px solid #fff;
border-right: none;
border-left: none;}
.list-index-category> .w870 .col-md-4{width:32.33333333333333%;margin-right:1.5%;}
.list-index-category> .w870 .col-md-4:last-child{margin-right:0;float:right}
.divFooter{background-color:#c5c7c9; background-image:url("/Images/bgFooter.jpg"); background-repeat:repeat-x;}
#fixP p{font-size:11.5px; width:161px;margin-top: 5px;text-align:justify}
.boderTop{border-top:1px #747375 solid; width:100% !important;margin-bottom: -8px;}
p.pCopy{font-size:12px; text-align:right!important; width:100% !important}
.floatLeft{float:left}
p#fixright{margin-right:0; width:100%;}

/*----Css for Category------*/

.portfolio ul{float:right;}
.portfolio ul li{ width:108px; height:96px; margin:14px 7px;}
#fixliChild ul li:first-child{width:215px; height:238px; z-index:1001;}
.col-md-12 ul .portfolio-item a{padding:0 !important;}
.bgfs{background-color: #dbdcdd;font-size: 11px;}
.bgfs p{padding:30px 25px; line-height:16px;}
.fontLarge {font-size: 13px;
text-align: justify;
padding: 4px 10px 0px 10px;
font-weight: normal;
line-height: 20px;}
.bgli{height: 96px;line-height: 20px;padding: 40% 0 0;text-align: center;width: 108px;}
.project-info a img{display: block; max-width:100%;}
/*----Css for Category Child------*/
.menuLeft {background-color: #b0b1b3; min-height:263px; width:217px;}
.menuLeft a{font-size:13px;}
.menuLeft ul li a, .menuLeft a{color:#fff; text-decoration:none}
.menuLeft ul li a{padding-left:15px;}
.menuLeft ul li a:hover{color:#000}
.fixmargin{margin-left:-22px; margin-right:-10px;}
.fixcontent{margin:4px 0 2px 230px; width:715px; padding:10px;}
.fixcontent img{border-bottom: 1px #000 solid; border-top: 1px #000 solid;}
.bg{background-color:#f1f1f2}
a.fixfont{font-size:15px;}

/*----Css for Contact------*/
.marginB{margin-bottom:2px}
.fixtd, .fixtd td, #formContact td, .bdvp{font-weight:bold; color:#005dab}
.borderTop{border-top:1px #a7a5a6 solid; width: 100%;}
#idtb{margin:10px 0}
#idtb tr td, #tbContact tr td{font-size:12px;}
.fixdiv{margin-left:32px; border-left:1px #a7a5a6 solid; padding:38px 0 6px 40px;}
#formContact td, .bdvp2{font-weight:normal}
#formContact input, #formContact textarea{background-color: #e6e7e8; border:none; margin:0 0 5px 15px;color:#005dab}
#formContact input.fixwidth, #formContact textarea.fixwidth{width: 97%;;}
#formContact input.fixwidthE{width: 85%; margin-left: 10.5%;}
#formContact input.fixwidthDT{width: 92%;}
#formContact input.fixheightTT, #formContact textarea.fixheightTT{height:60px}
#formContact input.fixwidthGui{width: 87%;float: right;}
#formContact{margin-bottom:10px;}
.tssx{color:#929497; cursor:pointer}
.bando{margin-top:10px;}
#imgbando{border:1px #a7a5a6 solid;}
.colorRight{float:right; color:#005dab;}
.showcase-content a:hover .cth-info{
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    cursor: pointer;
}
.showcase-content .cth-info{
    background: rgba(0, 84, 165, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    color: #ffffff;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    box-sizing: border-box;
    text-align: center;
    display: block;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-image: url('/images/zoom.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.item-info:hover{
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    text-decoration: none;
}
.ml10{margin-left:10px}
.font12{font-size:12px;}
.widthTT{width:102%;}
.img4{margin-left:13px;}
.textmain{padding: 10px 50px 10px 0; margin-bottom: 20px;text-align: justify;}
h1, .h1 {
font-size: 15px;
font-weight:bold;
}
.clsImg2{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.finfo{
    width: 45%;
    float: left;
}
.finfo a{
    width: 32%;
    display: inline-block;
    color:#231f20;
    font-size:12px;
}
.bgliex{
     background-color: transparent !important;
     position:relative;
}
.show-detailsex .clsImg2{
     display:block;
}
@media (max-width: 480px) {
    body{
        font-size: 15px;
    }
    .clsImg2{
        display:block;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
    }
    .finfo a{
        width: 100%;
    }
    .banner{
        height:auto;
    }
    .w1000,.w870
    {
        width:96%;
    }
    .divlogo{
        text-align:center;
    }
    .divSupport{
        text-align: center;
        margin-top: 20px;
    }
    .divSupport2{
        margin-top:0px;
    }
    .imgSupport{
        display:none;
    }
    .textRight{
        width:90%;
        min-height: 138px;
        margin-top: 10px;
    }
    .divMenu{
        padding-bottom:10px;
    }
    .ulMenu{
         height:auto;
    }
    divMenu ul {
       background:none;
       height:auto;
    }
    .divMenu ul li{
        padding: 4px 15px;
        width: 100%;
        background-image: url(/Images/bgMenu.jpg);
    }
    .divMenu ul a{
        width: 100%;
    }
    .list-index-category{
        text-align:center;
    }
    .list-index-category> .w870 .col-md-4{
        width:100%;
    }
    .list-index-category .bgWhite img{
         width: 100%;
    }
    .bgWhite h2, .bgWhite p{
        margin-bottom: 3px;
        width: 100%;
    }
    .bgWhite h2{
        padding-top: 10px;
    }
    #fixP .col-md-4 .row .col-md-6{
        float:left;
        width:50%;
    }
    #fixP .col-md-4 .row .col-md-6:first-child{
        text-align: right;
        padding-right: 10%;
    }
    #fixP .col-md-4 .row .col-md-6:last-child{
        text-align: left;
    }
    #fixP p{
        font-size: inherit;
        width: 96% !important;
        padding: 0px 10px;
        text-align:justify !important;
        margin-left: 0px!important;
    }
    .plugin3{
        width:auto;
    }
    .paddingLogo{
        padding-left:0px;

    }
    .fixImg img{width:100%;}
    .fixWidth50 li{width:50%;}
    .cate-list{padding: 10px 0 !important;
width: 100%;}.project-info a img, .show-details a img{margin:0 auto;
max-width: 100%;}
    #imgbando {
        width: 94%;
    }
    #formContact input.fixwidth, #formContact textarea.fixwidth,#formContact input.fixwidthE,#formContact input.fixwidthDT,#formContact input.fixwidthGui {
        width: 100%; margin:7px 0px;
    }
    .colorRight{float:left}
    .fixdiv{padding:10px 0 10px 10px; margin:0 0 10px 0;}
    .imgRes{float: none; text-align: center;}
    .productChild div img, .menuLeft{width:100%;}
    .productChild div img{
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
        width: auto;
        height: auto;
    }
    .menuLeft{
        min-height:150px;
    }
    .fixmargin {
        margin-left: 0;
        margin-right: 0;
    }
    .img4{margin-left:0;}
    .bg p img{width:100%;}
    .bgli{
        height: 24%;
        line-height: auto;
        padding: 46% 0 30% 0;
        text-align: center;
        width: 100%;
        position: relative;
        background-color: rgba(219,220,221,0.8);
        z-index: 999;
    }
    .productchild{
        padding-right:0px!important;
    }
    section.portfolio > ul{
        width: 100%;
    }
    .col-md-12 ul .portfolio-item a,.col-md-12 ul .portfolio-item a {
        padding: 0 !important;
        display: block;
        height: 100%;
        width: 100%;
    }
    .textmain{padding: 10px; margin-bottom: 20px;width: 100%;}
    .textmain img,.bg p img{
        max-width:100%;
        height:auto!important;
    }
    .productChild{margin-top:-5px!important;}
    #pimage1,#pimage2,#pimage3,#pimage4{
        margin:5px 0px;
    }
    #pimage1{
        margin-top:0px;
    }
    #pimage2{
        width:100%!important;
    }
    .bgfs{
        font-size:10px;
    }
    #fixP{
        margin-top:10px;
    }
}

/*------Css for menu vertical-----------*/
#category-treeview{
    padding-top:10px;

}

/* Block: Category Navigation */
#category-treeview li a, .block-account .block-content li a , #recently-viewed-items a , .block-brand-nav li a{
    display: block;
    padding: 2px 0 3px 22px;
    text-decoration: none;
	margin-bottom:0;
}

#category-treeview li .lv2 a{
    padding-left:4px;
}
.ie7 #category-treeview li { display:inline }
.block-brand-nav  .sbHolder li a , .block-brand-nav .sbHolder li a:hover{ background:none; padding-left:5px; }
#category-treeview li , .block-account .block-content li , #recently-viewed-items li , .block-brand-nav li{ padding:0 !important; list-style:none;  }
#category-treeview li a:hover , .block-account .block-content li a:hover  ,.block-account .block-content li.current ,
 #recently-viewed-items a:hover , .block-brand-nav li a:hover
{/*background: url("../Images/iconMenu1.png") no-repeat scroll 3px center transparent;*/}
#category-treeview li ul { margin-left:18px; }
#category-treeview li ul a {}
#category-treeview li ul a:hover {/*background: url("../Images/iconMenu2.png") no-repeat scroll 3px center transparent;*/}
#category-treeview li.last a , .block-account .block-content li.last a , #recently-viewed-items li.last a , .block-brand-nav li:last-child a{ border-bottom:none; }
#category-treeview .hitarea {
	background: none;
	height: 16px;
	width: 16px; 
	float: right;
	cursor: pointer;
	margin-right:0px;
	 margin-top: 8px;
}

#category-treeview .expandable .collapsable-hitarea{ 
	/*background: url("../Images/iconMenu1.png") no-repeat scroll -208px -127px transparent;*/		 
} 
#category-treeview .expandable { 
	/*background:url("../images/sprite.png") no-repeat scroll -208px -127px transparent;*/
    background: url("../Images/iconMenu2.png") no-repeat scroll 3px 6px transparent;
    margin:0 0 5px 40px;
} 
#category-treeview .collapsable { 
	/*background: url("../images/sprite.png") no-repeat scroll -237px -127px transparent;*/	
    background: url("../Images/iconMenu1.png") no-repeat scroll 3px 6px transparent;
    margin:0 0 0 40px;
} 

.mauchu{color:#005dab;}
.active{color:#000 !important;}
.activeMN{color:#fff !important;}
.validation-summary-errors li{color:#f00 !important;}
/*-----------------------*/