/* ===== MAIN CSS - AUDRAÍN & JIMÉNEZ ===== */
/* ==== DIMAWE CR  -  www.dimawecr.com ==== */
/* ========== rigo@dimawecr.com =========== */


/* GENERAL CLASES */

.desktop{ display: block; }
.mobile{display: none;}
.tablet{display: none;} 

.infograph img{width: 100% !important; padding: 0px !important; }

.imgResponsive{display: none;}
/*  1. auxNav */

.auxNavWrapper{
    width: 100%;
    height: 30px;
    background: rgb(33,51,70) !important;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 999999;
}

.auxNavContent{
    width: 1100px;
    height: 30px;
    margin: 0 auto;
}


.auxNavContent ul{
    list-style: none;
    float: left;
    margin: 0px; padding: 0px;
    margin-top: 9px;

}

.auxNavContent ul li{
    float: left;
    font-size: 9px;
    font-weight: normal;
    color: rgb(185,204,215);
    padding-right: 5px;
    margin-left: 5px;
    border-right: 1px solid #314d6a ;
}

.auxNavContent ul li:last-child{
    border: none;
    padding-right: 0px;
}

.auxNavContent ul li:first-child{
    margin-left: 0px;
}

.auxNavContent ul li a{
    font-size: 9px;
    font-weight: normal;
    color: rgb(185,204,215);
}

.auxNavContent img{
    width: 12px;
    float: left;
    margin-right: 5px;
}

.auxLeft{ float: left;}
.auxRight{float: right;}
.auxRight a{text-decoration: none;}
.auxRight ul li:last-child img{ margin-right: 5px; }


/* 2. nav */

.navWrapper{
    width: 100%;
    
    float: left;
    overflow: hidden;

    position: relative;
    z-index: 999999;
    background: #fff !important;
}

.navContent{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.nav-collapse{
    margin-top: 10px;
}
.nav-collapse ul{
    list-style: none;
    margin:0px; padding: 0px;
}

.nav-collapse ul li{
    float: left;
    margin-left: 30px;
}

.nav-collapse ul li a{
    font-size: 12px;
    padding: 10.5px 0px;
    float: left;
    font-weight: lighter;
    text-decoration: none;
    color: #747b80;
}

.nav-collapse ul li a:hover{
    color: #104a69;
    border-bottom: 2px solid #104a69;
}

.nav-collapse ul li input{
    width: 120px;
    font-size: 11px;
    font-weight: bolder;
    text-decoration: none;
    color: #213346;
    padding: 10px;
    outline: none;
}

::-webkit-input-placeholder { color:#747b80; font-weight: lighter;}
::-moz-placeholder { color:#747b80; font-weight: lighter;} /* firefox 19+ */
:-ms-input-placeholder { color:#747b80; font-weight: lighter;} /* ie */
input:-moz-placeholder { color:#747b80; font-weight: lighter;}

.navOpacityAnchor{
    width: 1px;
    height: 0px;
    float: left;
    position: relative;
    top: -200px;
}

/* 3.0 Promo    */
.promosWrapper{
    width: 100%;
    height: 0px;
    background: red;
    position: relative;
    z-index: 200;
    right: 0;
    float: left;
}

.promoContent{
    width: 1100px;
    margin: 0 auto;
}

.promoCont{
    width: 299px;
    float: right;
    overflow: hidden;
    border-radius: 0px 0px 5px 5px;
}

.promoBtn{
    cursor: pointer;
}
.promoCont .promoBtn a{
    float: left;
    border-radius: 0px 0px 5px 5px;
background: #2a5762; /* Old browsers */
background: -moz-linear-gradient(top,  #2a5762 0%, #213346 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a5762), color-stop(100%,#213346)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a5762 0%,#213346 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a5762 0%,#213346 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a5762 0%,#213346 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a5762 0%,#213346 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5762', endColorstr='#213346',GradientType=0 ); /* IE6-9 */

}

.promoCont .promoBtn a span{
    font-size: 13px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 10px 72px;
    float: left;
    color: rgb(255,255,255);
    text-decoration: none;
    border-right: 1px solid #356f80;
}

.promoCont .promoBtnM a span{
    font-size: 13px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 10px 72px;
    float: left;
    color: rgb(255,255,255);
    text-decoration: none;
    border-right: 1px solid #356f80;
}

.promoCont .promoBtn a .arrowUp{
    float: left;
    width: 50px;
    height: 38px;
    border-radius: 0px 0px 5px 0px;
    background: url('../img/icn-2-arrow-dwn.png');
}

.promoCont .promoBtn a .arrowDwn{
    float: left;
    width: 50px;
    height: 38px;
    border-radius: 0px 0px 5px 0px;
    background: url('../img/icn-2-arrow-up.png');
}


.promoCont .promoBtnM a .arrowUpM{
    float: left;
    width: 50px;
    height: 38px;
    border-radius: 0px 0px 5px 0px;
    background: url('../img/icn-2-arrow-dwn.png');
}

.promoCont .promoBtnM a .arrowDwnM{
    float: left;
    width: 50px;
    height: 38px;
    border-radius: 0px 0px 5px 0px;
    background: url('../img/icn-2-arrow-up.png');
}

.promoBtnM{
    cursor: pointer;
}
.promoCont .promoBtnM a{
    float: left;
    border-radius: 0px 0px 5px 5px;
background: #2a5762; /* Old browsers */
background: -moz-linear-gradient(top,  #2a5762 0%, #213346 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a5762), color-stop(100%,#213346)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a5762 0%,#213346 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a5762 0%,#213346 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a5762 0%,#213346 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a5762 0%,#213346 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5762', endColorstr='#213346',GradientType=0 ); /* IE6-9 */

}



.promosInfo h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #213346;
    letter-spacing: -0.05px;
    line-height: 18px;
    padding: 0px; margin: 0px;
}

.promosInfo p{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #213346;
    float: left;
    margin: 0px; padding: 0px;
}

.promosInfo a{
    float: left;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;

background: #29aa6f; /* Old browsers */
background: -moz-linear-gradient(top,  #29aa6f 0%, #218356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29aa6f), color-stop(100%,#218356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29aa6f 0%,#218356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa6f', endColorstr='#218356',GradientType=0 ); /* IE6-9 */

}

.promosInfoM h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #213346;
    letter-spacing: -0.05px;
    line-height: 18px;
    padding: 0px; margin: 0px;
}

.promosInfoM p{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #213346;
    float: left;
    margin: 0px; padding: 0px;
}

.promosInfoM a{
    float: left;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;

background: #29aa6f; /* Old browsers */
background: -moz-linear-gradient(top,  #29aa6f 0%, #218356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29aa6f), color-stop(100%,#218356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29aa6f 0%,#218356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa6f', endColorstr='#218356',GradientType=0 ); /* IE6-9 */

}

.promo1{
    width: 260px;
    height: 160px;
    padding: 20px;
    float: left;
    border-bottom: 1px solid #fff;
    background-image: url('../img/promo1-bg.png');
    background-color: #cbdfe1;


}

.promo1cont{width: 178px; float: left; }
.promo1 h1{
    width: 178px;
    padding-bottom: 5px;
    border-bottom: 3px solid #29aa6f;
}
.promo1 p{width: 150px; margin-top: 10px; }
.promo1 a{margin-top: 10px;}

.promo2{
    width: 260px;
    height: 160px;
    padding: 20px;
    float: left;
    background: url('../img/promo2-bg.png');
}

.promo2 h1{
    width: 134px;
    float: left;

}

.promo2Info{
    width: 113px;   
    float: left;
    padding-left: 10px;
    border-left: 3px solid #29aa6f;
}

.promo2Info p{
    margin-bottom: 5px;
}
/* 3. hero */

.heroWrapper{
    width: 100%;
    height: 500px;
    overflow: hidden;
    float: left;
    position: relative;
}


#owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
    }

.owl-buttons{display: none; }

.textSlideCont{
    width: 1100px;
    margin: 0 auto;
}
.textSlide1{
    width: 570px;
    float: left;
    background-image: url('../img/hero-icn-squares.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 40px 0px 0px 50px;
    margin-top: 120px;
}

.textSlide1 h1{
    margin: 0px; padding: 0px;  
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 40px;
    line-height: 38px;
}

.textSlide1 p{
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-weight: lighter;
}


.slide1{
    background: url('../img/bg-hero-1.jpg');
    background-size: cover;
    height: 500px;
}

.slide2{
    background: url('../img/bg-hero-2.jpg');
    background-size: cover;
    height: 500px;
}

.slide3{
    background: url('../img/bg-hero-3.jpg');
    background-size: cover;
    height: 500px;
}

/* 4. description */

.descriptionWrapper{
    width: 100%;
    background: rgb(255,255,255);
    float: left;
    position: relative;
    overflow: hidden;
}

.descriptionImage{
    width: 849px;
    height: 589px;
    float: right;
    position: absolute;
     background: url('../img/about-bg-image-d.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    right: -100px;
    top: 0;
}

.descriptionContent{
    width: 1100px;
    margin: 0 auto;
}

.aboutInfo{
 width: 650px;
 float: left;
 padding: 75px 0px;
 position: relative;
 z-index: 11;
}

.aboutInfo h1{
    margin: 0px 0px 15px 0px; padding: 0px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.1px;
}

.aboutInfo p{
    float: left;
    margin: 0px; padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 10px;
}

.aboutInfo ul{
    border-left: 1px solid #29aa6f;
    float: left;
    line-height: 30px;
    margin-top: 20px;
    padding-top: 0px; padding-bottom: 0px;
    list-style-image: url('../img/icn-ul-bullet.png');
    padding-left: 30px;
}

.aboutInfo ul li{
    color: #585858;
    font-size: 11.5px;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.infoAyJ{
    width: 100%;
    float: left;
    padding: 10px 0px;
}

/* 5. products */

.productsWrapper{
    width: 100%;
    float: left;
    background: url('../img/products-bg-img.jpg');
    padding: 75px 0px;
    overflow: hidden;
}

.productsContent{
    width: 1100px;
    margin: 0 auto;
}

.productsContent h1{
     margin: 0px 0px 15px 0px; padding: 0px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.1px;
    margin-bottom: 50px;
}

.productCont{
    height: 150px;
    float: left;
    margin-right: 103px;
    margin-bottom: 50px;
}

.productCont:nth-child(3n+3){
    margin-right: 0px;
}

.productContLeft{
    width: 72px;
    float: left;
    padding-right: 10px;
}

.productContLeft img{
    width: 72px;
    float: left;
    margin-bottom: 4px;
}

.productContLeft a{
    width: 72px;
    padding: 5px 0px;
    float: left;
    text-align: center;
    border-radius: 5px;

    color: #fff;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;

background: #405f7f; /* Old browsers */
background: -moz-linear-gradient(top,  #405f7f 0%, #213346 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405f7f), color-stop(100%,#213346)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #405f7f 0%,#213346 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #405f7f 0%,#213346 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #405f7f 0%,#213346 100%); /* IE10+ */
background: linear-gradient(to bottom,  #405f7f 0%,#213346 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405f7f', endColorstr='#213346',GradientType=0 ); /* IE6-9 */

}

.productContRight{
    width: 200px;
    float: left;
    padding-left: 10px;
    border-left: 1px solid #29aa6f;
}
.productContRight h3{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    margin: 0px; padding: 0px;
    font-size: 18px;
    letter-spacing: -1px;
    color: #fff;
}

.productContRight p{
    font-size: 12px;
    line-height: 24px;
    color: #d4dbeb;
    margin: 0px; padding: 0px;
}

.prodcutContainer{
    width: 100%;
    float: left;
}
/* 6. otherContent */

.muebleWrapper{
    width: 100%;
    background: rgb(255,255,255);
    float: left;
    overflow: hidden;
}

.muebleContent{
    width: 1100px;
    margin: 0 auto;
}

.mueblesInfo{
    float: left;
    width: 52%;
    padding: 50px 0px;
}
.mueblesInfo h1{
    margin: 0px 0px 15px 0px; padding: 0px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.1px;
    text-transform: uppercase;
}

.mueblesInfo p{
    float: left;
    margin: 0px; padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 10px;
}

.mueblesInfo a{
    width: 72px;
    padding: 5px 0px;
    float: left;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
    background: #405f7f;
    background: -moz-linear-gradient(top, #405f7f 0%, #213346 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405f7f), color-stop(100%,#213346));
    background: -webkit-linear-gradient(top, #405f7f 0%,#213346 100%);
    background: -o-linear-gradient(top, #405f7f 0%,#213346 100%);
    background: -ms-linear-gradient(top, #405f7f 0%,#213346 100%);
    background: linear-gradient(to bottom, #405f7f 0%,#213346 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405f7f', endColorstr='#213346',GradientType=0 );
}

.bg-muebles{
    background: url('../img/bg-muebles-sec.png');
    background-repeat: no-repeat;
    background-position: right ;
}

/* 7. logos */

.partnersWrapper{
    width: 100%;
    height: 120px;
    background: rgb(212,212,212);
    float: left;
    overflow: hidden;
}

.partnersContent{
    width: 1100px;
    height: 120px;
    position: relative;
    margin: 0 auto;
    background: #ababab;
    overflow: hidden;
}

.partnersContent a{
    width: 120px;
    height: 120px;
    background: #333;
    display: block;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

.logoParade{
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.logoParade1{ background: url('../img/partners-fisher-off.png'); background-size: cover; }
.logoParade1:hover{ background: url('../img/partners-fisher-on.png'); background-size: cover; }
.logoParade2{ background: url('../img/partners-ohaus-off.png');background-size: cover; }
.logoParade2:hover{ background: url('../img/partners-ohaus-on.png');background-size: cover; }
.logoParade3{ background: url('../img/partners-dynalon-off.png');background-size: cover; }
.logoParade3:hover{ background: url('../img/partners-dynalon-on.png');background-size: cover; }
.logoParade4{ background: url('../img/partners-belart-off.png');background-size: cover; }
.logoParade4:hover{ background: url('../img/partners-belart-on.png'); background-size: cover;}
.logoParade5{ background: url('../img/partners-yamato-off.png');background-size: cover; }
.logoParade5:hover{ background: url('../img/partners-yamato-on.png');background-size: cover; }
.logoParade6{ background: url('../img/partners-biobase-off.png');background-size: cover; }
.logoParade6:hover{ background: url('../img/partners-biobase-on.png');background-size: cover; }
.logoParade7{ background: url('../img/partners-controlCompany-off.png');background-size: cover; }
.logoParade7:hover{ background: url('../img/partners-controlCompany-on.png');background-size: cover; }
.logoParade8{ background: url('../img/partners-fermont-off.png');background-size: cover; }
.logoParade8:hover{ background: url('../img/partners-fermont-on.png');background-size: cover; }
.logoParade9{ background: url('../img/partners-allafrance-off.png');background-size: cover; }
.logoParade9:hover{ background: url('../img/partners-allafrance-on.png');background-size: cover; }
.logoParade10{ background: url('../img/partners-kewaunee-off.png');background-size: cover; }
.logoParade10:hover{ background: url('../img/partners-kewaunee-on.png');background-size: cover; }
.logoParade11{ background: url('../img/partners-corning-off.png');background-size: cover; }
.logoParade11:hover{ background: url('../img/partners-corning-on.png');background-size: cover; }
.logoParade12{ background: url('../img/partners-pyrex-off.png');background-size: cover; }
.logoParade12:hover{ background: url('../img/partners-pyrex-on.png');background-size: cover; }


/*.partnersContent a:last-child{margin-right: 0px;}*/

#makeMeScrollable{
    width: 1100px;
    height: 150px;
    position: relative;
    margin: 0 auto;
}
        
    
#makeMeScrollable div.scrollableArea a{
    position: relative;
    float: left;
    margin: 0px 20px 0px 0px;
    padding: 0;

}

/* 8. footer */

.footerWrapper{
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: rgb(33,51,70);
    overflow: hidden;
}

.footerContent{
    width: 1100px;
    margin: 0 auto;
}

.footerCol{
    float: left;
    text-align: left;
}
.footerCol:nth-child(1){
    width: 46%;
}

.footerCol:nth-child(2), .footerCol:nth-child(3){
    width: 23%;
    margin-left: 4%;
}

.footerCol h4{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500; font-style: normal;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px; padding: 0px;
    color: #29aa6f;
    font-size: 14px;
}

.footerCol label{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 11px;
    line-height:15px;
    margin-bottom: 5px;
    font-weight: lighter;
}

.footerCol label a{color: #fff;}
.footerCol input{
    margin-bottom: 10px;
}

.footerCol input,.footerCol textarea{
    float: left;
    width: 95%;
    border: none;
    padding: 5px 2.5%;
    outline: none;
    font-size: 14px;
    color: #414141;
}

.footerCol textarea{
    margin-bottom: 10px;
    resize:none;
}

.footerCol button{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    font-size: 14px;
    color: #fff;
    border: none;
    float: left;
    width: 159px;
    padding: 8px 0px;

        border-radius: 5px;
background: #29aa6f; /* Old browsers */
background: -moz-linear-gradient(top,  #29aa6f 0%, #218356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29aa6f), color-stop(100%,#218356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29aa6f 0%,#218356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa6f', endColorstr='#218356',GradientType=0 ); /* IE6-9 */

}

.footerCol button:hover{

}

.footerAuxNav{
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.footerAuxNav h4{
    border-left: 8px solid rgba(255,255,255, 0.5);
    margin: 0px; padding: 6px 0px 6px 10px;
}

.footerCol ul{
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px; padding: 10px 0px;
}

.footerCol ul li{
    float: left;
    list-style: none;
    color: #fff;
    margin: 0px 10px 0px 0px; padding: 0px;
}

.footerCol ul li a{
    color: #fff;
    font-size: 12px;
    font-family: helvetica, sans-serif, arial;
    text-decoration: none;
    font-weight: lighter;
}

.footerCol ul li a:hover{
    color: #0c461a;
}

.bookNowFooter img{
    float: left;
}

.bookNowFooter a{
    color: #339933;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    width: 159px;
    padding: 8px 0px;
    text-align: center;
    margin-left: 10px;
    float: left;
    display: block;
}

.bookNowFooter a:hover{
}

/* 9. copyright */

.copyrightWrapper{
    width: 100%;
    float: left;
    background: rgb(6,26,37);
    border-top: 1px solid rgb(17,72,61);
    padding: 5px 0px;
}

.copyrightContent{
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.copyrightContent span{
    font-size: 11px;
    color: #104839;
}

/* CONTACTO */

.contactoWrapper{
    width: 100%;
    float: left;
    background: #fff;
}

.contactoContainer{
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0px;
}

.contactoContainer h1{
    margin: 0px 0px 15px 0px; padding: 0px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color:  #213346;
    text-transform: uppercase;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.1px;
    margin-bottom: 20px;
}

.contactsCol{
    width: 30%;
    float: left;
    margin-right: 5%;
    margin-top: 40px;
    margin-bottom: 80px;
}

.contactoContainer .contactsCol:nth-child(7){
    margin-right: 0px;
}

.contactsCol p{
    width: 100%;
    float: left;
    margin: 0px; padding: 0px;
    font-size: 12px;
    line-height: 18px;
    color: #585858;
    margin-bottom: 10px;
}

.contactsCol p strong{color: #213346;}

/* SUB PAGE - CATÁLOGO */


.subHeroWrapper{
    width: 100%;
    height: 200px;
    
    overflow: hidden;
    float: left;
}

.subHeroIMGProducts{
     background: url('../img/bg-subPage-catalogo.jpg') left;
}

.subHeroIMGcatalogo{
     background: url('../img/sub-hero-img-catalogo.jpg') left;
}

.subHeroIMGacerca{
     background: url('../img/sub-hero-img-ayj.jpg') left;
}

.subHeroContainer{
    width: 1100px;
    height: 200px;
    margin: 0 auto;
}

.subHeroContainer h1{
    color: #fff;
    margin: 0px; padding: 0px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    float: left;
    font-size: 40px;
    line-height: 40px;
    margin-top: 60px;
    margin-left: 2.5%;
}


/* catalogo */

.catalogoWrapper{
    width: 100%;
    float: left;
    padding: 50px 0px;
}

.catalogoContainer{
    width: 1100px;
    margin: 0 auto;
}

.catalogoConstruc{
    width: 100% !important;
    text-align: center;
    padding: 100px 0px;
}

.catalogoConstruc img {
    margin-bottom: 20px;

}

.catalogoConstruc h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    color: #213346;
}

.catalogoConstruc p{
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #585858;
}

.catalgoNavCol{
    width: 280px;
    float: left;
}

.catalgoNavCol h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    color: #213346;
}

.catalgoNavCol p{
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #585858;
}

.catalogoConstruc p a{
    color: #29aa6f !important;
}

/* NAV COL IZQ */
.catalgoNavCol ul{
    width: 100%;
    margin: 0px; padding: 0px;
    list-style: none;
    float: left;
    border-radius: 5px 0px 0px 5px;

}

.catalgoNavCol ul{
    width: 100%;
}

.catalgoNavCol ul li{
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}


.catalgoNavCol ul li a{
    width: 90%;
    float: left;
    text-decoration: none;
    margin: 0px; padding: 12px 5%;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500; font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
    color: #213346;
    cursor: pointer;
}

.catalogNavBtn a:first-child{
    width: 212px;
    float: left;
}

.catalogNavBtn a:last-child{
    width: 10px;
    height: 10px;
    padding: 15px;
    float: left;
}



.catalgoNavCol ul li:hover{
    border-radius: 5px 0px 0px 5px;

background: #213346; /* Old browsers */
background: -moz-linear-gradient(left,  #213346 91%, #222328 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(91%,#213346), color-stop(100%,#222328)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #213346 91%,#222328 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #213346 91%,#222328 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #213346 91%,#222328 100%); /* IE10+ */
background: linear-gradient(to right,  #213346 91%,#222328 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213346', endColorstr='#222328',GradientType=1 ); /* IE6-9 */
}

.arrowUpCatalog{
    width: 10px;
    height: 10px;
    background: url('../img/icn-catalog-arrowUp.png');
}


.catalgoNavCol ul li:hover .arrowUpCatalog{
    background: url('../img/icn-catalog-arrowUp-w.png');
}

.arrowDwnCatalog{
    width: 10px;
    height: 10px;
    background: url('../img/icn-catalog-arrowDown.png');
}

.catalgoNavCol ul li:hover .arrowDwnCatalog{
    background: url('../img/icn-catalog-arrowDown-w.png');
}


.catalgoNavCol ul li:hover a{color: #fff;}

.catalgoNavCol ul li a img{
    float: right;
    background: red;
    width: 10px;height: 10px;
}

.catalgoNavCol ul li:last-child a{border-bottom: none;}

.catalogActive a{
    padding-right: 2px;
    background: #ececec; 
    border-radius: 5px 0px 0px 5px;
    color: #213346 !important;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5 !important;
    border-left: 1px solid #c5c5c5;
    float: left;

    position: relative;
    z-index: 20;
}

.catalgoNavCol ul li ul{
    width: 90%;
    margin-left: 14px;  
    overflow: hidden;
    border-top: 1px solid #213346;
    border-radius: 0px !important;
}

.catalgoNavCol ul li:hover ul{
    border-top: 1px solid #fff;
}

.catalgoNavCol ul li ul li a{
    font-size: 11px;
    padding: 5px 0px;
    padding-left: 10px;
    text-transform: none;
}

.catalgoNavCol ul li ul li:hover{
 background: none;
}


/* IS-CHECKED */
 .is-checked{
    padding-right: 0px;
    background: #ececec !important; 
    border-radius: 5px 0px 0px 5px;
    color: #213346 !important;
    border-top: 1px solid #c5c5c5 !important;
    border-bottom: 1px solid #c5c5c5 !important;
    border-left: 1px solid #c5c5c5 !important;
    float: left;

    position: relative;
    z-index: 20;
}

.is-checked:hover{
    background: #ececec !important; 
}

.is-checked:hover a{
    color: #213346 !important; 
}

.is-checked:hover a:hover{
    color: #29aa6f !important; 
}
.is-checked:hover ul li a:hover{
    color: #29aa6f !important; 
}

 .is-checked:hover ul{
    border-top: 1px solid #213346 !important;
}

.is-checked .catalogNavBtn:hover a{
    color: #29aa6f !important; 
}

.is-checked:hover .catalogNavBtn a .arrowUpCatalog{
    background: url('../img/icn-catalog-arrowUp.png') !important;
}

.is-checked .catalogNavBtn:hover a .arrowUpCatalog{
    background: url('../img/icn-catalog-arrowUp-g.png') !important;
}

.is-checked .catalogNavBtn:hover a .arrowDwnCatalog{
    background: url('../img/icn-catalog-arrowDown-g.png') !important;
}
/* NAV COL DERECH */
.catalogoVistaCol{
    width: 720px;
    height: 550px !important;
    padding: 20px;
    border: 1px solid #c5c5c5;
    float: left;
    border-radius: 5px 5px 5px 5px;
    background: #ececec;
    overflow: scroll;
}

.itemCatalog{
    float: left;
    width: 220px;
    height: 290px;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
    margin-right: 18px;
    margin-bottom: 20px;

-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.37);
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.37);
}

/*.itemCatalog:nth-child(3n+3){
    margin-right: 0px;
}
*/
.imgTextCatalog{
    width: 220px;
    height: 120px;
    border-radius: 5px 5px 0px 0px;
    background: #000;
}

.imgTextCatalog h3{
    width: 200px;
    padding: 10px 10px 50px 10px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    float: left;

background: -moz-linear-gradient(top,  rgba(26,40,56,0.65) 47%, rgba(26,40,56,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,rgba(26,40,56,0.65)), color-stop(100%,rgba(26,40,56,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(26,40,56,0.65) 47%,rgba(26,40,56,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(26,40,56,0.65) 47%,rgba(26,40,56,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(26,40,56,0.65) 47%,rgba(26,40,56,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(26,40,56,0.65) 47%,rgba(26,40,56,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61a2838', endColorstr='#001a2838',GradientType=0 ); /* IE6-9 */

}



.itemCatalog h5{
    margin: 0px; padding: 0px;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    float: left;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    color: #213346;
}

.caracTextCatalog{
    width: 204px;
    padding: 10px;
    float: left;
}

.caracTextCatalog ul{
    width: 81px;
    margin: 0px; padding: 0px;
    font-family: arial,sans-serif;
    font-size: 10px;
    float: left;    margin-top: 0px;
    margin-left: 20px;
    color: #434343;
}

.caracTextCatalog ul:first-child{
    border-right: 1px solid #29aa6f;
    margin-right: 1px;
}

.caracTextCatalog ul li{
    margin: 0px; padding: 0px;
}

.itemCatalog a{
    margin-left: 10px;
    text-align: center;
    width: 204px;
    border-radius: 5px;
    padding: 5px 0px;
    float: left;
    margin-top: 5px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    color: #fff;
    background: red;
    text-decoration: none;
    font-size: 12px;

background: #29aa6f; /* Old browsers */
background: -moz-linear-gradient(top,  #29aa6f 0%, #218356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29aa6f), color-stop(100%,#218356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29aa6f 0%,#218356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa6f', endColorstr='#218356',GradientType=0 ); /* IE6-9 */

}

.desktop{ display: block; }
.mobile{display: none;}

/* ABOUT US */
.aboutUsWrapper{
    width: 100%;
    float: left;
    overflow: hidden !important;
}

.aboutUsContainer{
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0px;
   
    background-position: right center ;
}

.aboutUsContainer h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.25px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}

.aboutUsContainer p{
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 20px;
}

.aboutUsContainer ul{
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 20px;
    list-style: inside square;
}

.oldStory{
    width: 55%;
    float: left;
    margin-right: 5%;
    padding-bottom: 80px;
}

.newStory{
    width: 39%;
    float: left;
    border: 1px solid #c7c7c7;
    padding: 20px 0px;
}
.newStory h1{
    font-size: 28px;
    line-height: 26px;
    padding: 0px 20px;
}

.infoMarca2{
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    text-align: center;
}
.infoMarca2 img{
    width: 100%;
}

.infoMarca{
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.infoMarca:last-child{
    border-bottom: 0px;
}

.infoMarca img{
    width: 10%;
    float: left;
    margin-right: 10px;
}

/* PRODUCTOS */
.navProductos{
    width: 100%;
    height: 100px;
    background: rgb(33,51,70);
    float: left;
}

.navProductos ul{
    width: 1100px;padding: 0px;
    list-style: none;
    margin: 0 auto;
}

.navProductos ul li{
    float: left;
    width: 16.65%;
    height: 100px;
    text-align: center !important;
    margin: 0px; padding: 0px;

    -webkit-box-shadow: inset -1px 0px 0px 0px rgba(41,170,111,1);
-moz-box-shadow: inset -1px 0px 0px 0px rgba(41,170,111,1);
box-shadow: inset -1px 0px 0px 0px rgba(41,170,111,1);
}

.navProductos ul li:first-child{
    border-left: 1px solid #29aa6f;
}

.navProductos ul li a{
    width: 100%;
    color: #29aa6f;
    text-decoration: none;
     font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 13px;
    float: left;

    margin: 0px; padding: 0px;
}

.navProductos ul li:hover{
    background: rgba(35,133,132, 0.2);
}

.navProductos ul .ui-tabs-active:hover{
    background: #29aa6f;
}

.navProductos ul li a img{
    width: 50px;
    margin: 10px 0px 5px 0px;
}
.navProductos ul li a span{
    float: left;
    width: 100%;
    text-align: center;
}

.ui-tabs-active{
    background: #29aa6f;
    color: #fff !important;
    outline: none;
}

.ui-tabs-active a{ color: #fff !important; outline: none;}


.wrapperInfoProductos{
    width: 100%;
    float: left;
    background:#fff;
    overflow: hidden;
}

.contProd{
    width: 100%;
    float: left;
    margin: 0px 0px 0px 5%;
    padding-top: 80px;
    overflow: hidden;
}

.contProd h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.25px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}

.contProd h1 img{
    width: 50px;
    height: 50px; 
    float: left;
    margin-right: 0px;
    position: relative;
    top: -30px;
}

.contProd h1 span{
    position: relative;
    left: -20px;
}
.contProd p{
    width: 60%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 20px;
}

.ulCristal{width:20% !important; float: left;}
.ul3ra{width:16% !important; float: left; margin-right: 20px;}
#tabs-3 .ul3ra:nth-child(6){margin-left: 50px !important;}

.contProd ul{list-style: square inside; float: left;
margin-right: 0px; width: 50%;}
.contProd ul li{
    font-size: 12px;
    line-height: 26px;
    color: #585858;
}

.cristaleriaImg{
    overflow: hidden;
    padding-bottom: 130px;
    background: url('../img/bg-cristal.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.cristaleriaImg a {
    border: 1px solid #259bab;
    padding: 10px 20px;
    margin-top: 20px;
}
.cristaleriaImg a img{
    width: 10%;
}

.equipoImg{
    overflow: hidden;
    padding-bottom: 130px;
    background: url('../img/bg-equipo-prod.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.materialesImg{
    overflow: hidden;
    padding-bottom: 130px;
    background: url('../img/bg-materiales-prod.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.plasticImg{
    overflow: hidden;
    padding-bottom: 130px;
    background: url('../img/bg-plastic-prod.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.quimicosImg{
    overflow: hidden;
    padding-bottom: 130px;
    background: url('../img/bg-quimicos-prod.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}

.mueblesImg{
    overflow: hidden;
    padding-bottom: 130px;
    background: url('../img/bg-muebles-prod.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
}


/* RESPONSIVE */

@media only screen and (max-width: 1500px){
    .descriptionImage{
        width: 50%;
        height: 589px;
        float: right;
        position: absolute;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        right: -5%;
        top: 0;
    }
}

/* DESKTOP MINI*/
@media only screen and (max-width: 1120px){
    .auxNavContent{
        width: 95%;
        padding: 0px 2.5%;
    }

    .navContent{
        width: 95%;
        padding: 0px 2.5%;
    }

    .promoContent{
        width: 95%;
        padding: 0px 2.5%;
    }

    .textSlideCont{
        width: 95%;
        padding: 0px 2.5%;
    }

    .textSlide1{
        width: 50%;
    }

    .descriptionContent{
        width: 95%;
        padding: 0px 2.5%;
    }

    .descriptionImage{
        width: 849px;
        height: 589px;
        float: right;
        position: absolute;
        background: url('../img/about-bg-image.jpg');
        background-repeat: no-repeat;
        right: -40%;
        top: 0;
    }

    .aboutInfo{
        width: 60%;
    }

    .productsContent{
        width: 95%;
        padding: 0px 2.5%;
    }

    .prodcutContainer{
    }

    .productCont{
        width: 30%;
        float: left;
        margin-right: 5%;
        margin-bottom: 100px;
    }


    .productCont:nth-child(3n+3){
        margin-right: 0px;
    }

    .productContLeft{
    width: 25%;
    float: left;
    padding-right: 5%;
    text-align: center;
}

.productContLeft img{
    width: 72px;
    margin-bottom: 10px;
}

.productContLeft a{
    width: 72px;
    padding: 5px 0px;
    text-align: center;
    border-radius: 5px;

    color: #fff;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;

background: #405f7f; /* Old browsers */
background: -moz-linear-gradient(top,  #405f7f 0%, #213346 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405f7f), color-stop(100%,#213346)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #405f7f 0%,#213346 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #405f7f 0%,#213346 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #405f7f 0%,#213346 100%); /* IE10+ */
background: linear-gradient(to bottom,  #405f7f 0%,#213346 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405f7f', endColorstr='#213346',GradientType=0 ); /* IE6-9 */

}

.productContRight{
    width: 64%;
    float: left;
    padding-left: 5%;
    border-left: 1px solid #29aa6f;
}
.productContRight h3{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    margin: 0px; padding: 0px;
    font-size: 18px;
    letter-spacing: -1px;
    color: #fff;
}

.productContRight p{
    font-size: 12px;
    line-height: 24px;
    color: #d4dbeb;
    margin: 0px; padding: 0px;
}

#makeMeScrollable{
    width: 95%;
    height: 150px;
    position: relative;
    padding: 0px 2.5%;
}

.footerContent{
    width: 95%;
    padding: 0px 2.5%;
}

.copyrightContent{
    width: 95%;
    padding: 0px 2.5%;
}

.desktop{ display: block; }
.mobile{display: none;}

.navProductos ul{width: 100%;}
.navProductos ul li:first-child{border-left: none;}
.navProductos ul li:last-child{box-shadow: none;}
.imgResponsive{
    display: none;
}

/* MUEBLES INDEX */
.muebleContent{
    width: 95%;
    margin: 0 auto;
}

.mueblesInfo{
    float: left;
    width: 52%;
    padding: 50px 0px;
}
.mueblesInfo h1{
    margin: 0px 0px 15px 0px; padding: 0px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.1px;
    text-transform: uppercase;
}

.mueblesInfo p{
    float: left;
    margin: 0px; padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 10px;
}

.mueblesInfo a{
    width: 72px;
    padding: 5px 0px;
    float: left;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
    background: #405f7f;
    background: -moz-linear-gradient(top, #405f7f 0%, #213346 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#405f7f), color-stop(100%,#213346));
    background: -webkit-linear-gradient(top, #405f7f 0%,#213346 100%);
    background: -o-linear-gradient(top, #405f7f 0%,#213346 100%);
    background: -ms-linear-gradient(top, #405f7f 0%,#213346 100%);
    background: linear-gradient(to bottom, #405f7f 0%,#213346 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405f7f', endColorstr='#213346',GradientType=0 );
}

.bg-muebles{
    background: url('../img/bg-muebles-sec.png');
    background-repeat: no-repeat;
    background-position: 300px ;
}

}

/* DESKTOP 2 */
@media only screen and (max-width: 960px){
    .productContLeft img{
        width: 100%;
    }

    .productContLeft a{
        width: 100%;
    }

     .productCont{
        width: 30%;
        float: left;
        margin-right: 5%;
        margin-bottom: 100px;
    }
    .desktop{ display: block; }

    .navProductos ul{width: 100%;}
    .tablet{display: none;}
    .mobile{display: none;}
    .imgResponsive{display: none;}
}


/* TABLET */
@media only screen and (max-width: 880px){


    .desktop{ display: none; }
    .mobile{display: none;}
    .tablet{display: block;}

    /*.navRight{
        width: 32px;
        height: 32px;
        background: #0f0;
    }*/

    .contactoContainer{
        width: 95%;
    }

    .contactsCol{
        width: 30%;
        margin-bottom: 80px !important;
    }
    .navContent img{ width: 260px !important;}
    .navMobile{
       /* background: url('../img/icn-mobile-nav.png');*/
        cursor: pointer;
    }

    .ul3ra{width:30% !important; float: left;}
    .navProductos{height: 70px;}
    .navProductos ul{width: 100%; height: 70px;}
    .navProductos ul li{height: 70px;}
    .navProductos ul li a{height:70px;}
    .navProductos ul li:first-child{border-left: none;}
    .navProductos ul li:last-child{box-shadow: none;}
    .navProductos ul li a span{display: none;}

        .auxNavWrapper{
            height: 40px;
        }

        .auxNavContent{
            height: 40px;

        }

        .auxRight{
            height: 40px;
        }

        .auxRight ul{padding: 0px; margin: 0px;}
        .auxRight li{border-color: #314d6a !important;}
        .auxRight li a{
            padding: 14px 5px;
            float: left;
        }

        .auxRight ul li:last-child a{
            padding-left: 5px; 
        }

        .auxLeft{
            height: 40px;
        }

        .auxLeft ul{padding: 0px; margin: 0px;}
        .auxLeft li{border-color: #314d6a !important;}
        .auxLeft li a{
            padding: 14px 5px;
            float: left;
        }

        .auxLeft ul li:last-child a{
            padding-left: 10px; 
        }

        .auxLeft ul li:first-child a{
            padding-right: 20px; 
        }

        /* ABOUT */
        .aboutUsContainer{
    width: 90% !important;
    padding: 80px 5%;
    background-position: right bottom;
    background-size: 20%;
}

.aboutUsContainer h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.25px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}

.aboutUsContainer p{
    width: 95%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 20px;
}

.aboutUsContainer ul{
    width: 90%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 20px;
    list-style: inside square;
}

.oldStory{
    width: 55%;
    float: left;
    margin-right: 5%;
    padding-bottom: 80px;
}

.newStory{
    width: 39%;
    float: left;
    border: 1px solid #c7c7c7;
    padding: 20px 0px;
}
.newStory h1{
    width: 90%;
    font-size: 27px;
    line-height: 26px;
    padding: 0px 20px;
}

.infoMarca2{
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    text-align: center;
}
.infoMarca2 img{
    width: 100%;
}

.infoMarca{
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.infoMarca:last-child{
    border-bottom: 0px;
}

.infoMarca img{
    width: 10%;
    float: left;
    margin-right: 10px;
}

/* MUEBLES */

.muebleWrapper{
    padding-bottom: 300px;
}

.mueblesInfo{
    width: 100%;
}

.bg-muebles{
    background: url('../img/img-responsive-mueble.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
}

.

/* PRODUCTOS */
.wrapperInfoProductos{
    width: 100%;
}
.contProd{
    width: 100% !important;
    float: left;
    margin: 0px 0px 0px 5%;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
}

.contProd h1{
    width: 100%;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #213346;
    float: left;
    font-size: 38px;
    line-height: 36px;
    letter-spacing: -0.25px;
    text-transform: uppercase;
    margin-bottom: 20px;
    float: left;
}

.contProd p{
    width: 90%;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 26px;
    color: #585858;
    margin-bottom: 20px;
    float: left;
}

.cristaleriaImg, .equipoImg, .materialesImg, .plasticImg, .quimicosImg, .mueblesImg{ display: none; background: none;}

.imgResponsive{
    width: 90%;
    float: left;
    margin-top: 20px;
    display: block;
}

.imgResponsive img{
    width: 100%;
}



/* NAV */

.nav-collapse{
    float: left;
    margin-top: 10px;
}
.nav-collapse ul{
    list-style: none;
    margin: 20px 0px 0px 0px; padding: 0px;
}

.nav-collapse ul li{
    float: left;
    margin-left: 0px;
}

.nav-collapse ul li a{
    font-size: 14px;
    text-align: center;
    padding: 10.5px 0px;
    float: left;
    font-weight: lighter;
    text-decoration: none;
    color: #747b80;
    border-bottom: 1px solid #ededed !important;
}

.nav-collapse ul li:nth-child(5) a{
    border-bottom: 0px !important;
}

.nav-collapse ul li a:hover{
    color: #104a69;
    background: #ededed;
}

.nav-collapse ul li input{
    width: 100%;
    font-size: 14px;
    font-weight: bolder;
    text-decoration: none;
    color: #213346;
    padding: 10px;
    outline: none;
    float: left;
    text-align: center;
}

::-webkit-input-placeholder { color:#cecece; font-weight: lighter !important; }
::-moz-placeholder { color:#cecece; font-weight: lighter !important;} /* firefox 19+ */
:-ms-input-placeholder { color:#cecece; font-weight: lighter !important;} /* ie */
input:-moz-placeholder { color:#cecece; font-weight: lighter !important;}


/**/

.promo1{
    width: 90%; padding: 10px 5%;
    float: left;
    height: 160px;
    border-bottom: 1px solid #fff;
    background-image: url('../img/promo1-bg.png');
    background-size: contain;
    background-color: #cbdfe1;
    background-position: 0px 100px;
    background-repeat: no-repeat;

}

#tabs-3 .ul3ra:nth-child(6){margin-left: 20px !important;}

.promo1cont{width: 95%; padding: 5px 2.5%; float: left;  }
.promo1 h1{
    width: 90%;
    padding-left: 2.5%;
    padding-bottom: 5px !important;
    padding-top: 20px;
    border-bottom: 3px solid #29aa6f;
    margin-bottom: 5px !important;
}
.promo1 p{width: 80%; margin-top: 10px; font-size: 11px !important; line-height: 2px;}
.promo1 a{margin-top: 5px;}

.promo2{
    width: 90%;
    height: 160px;
    padding: 10px 5%;
    float: left;
    background: url('../img/promo2-bg.png');
    background-position: 100px -20px;
    background-repeat: no-repeat;
    background-color: #dedede;

}

.promo2 h1{
    width: 90%;
    float: left;
    border-bottom: 3px solid #29aa6f;

}

.promo2Info{
    width: 113px;   
    float: left;
    padding-left: 10px;
    border: none;
    padding-bottom: 8px !important;
    
}

.promo2Info p{
    margin-bottom: 5px;
}


.promoCont{
    width: 199px;
    float: right;
    overflow: hidden;
    border-radius: 0px 0px 5px 5px;
}

.promoBtn{
    cursor: pointer;
}
.promoCont .promoBtn a{
    float: left;
    border-radius: 0px 0px 5px 5px;
background: #2a5762; /* Old browsers */
background: -moz-linear-gradient(top,  #2a5762 0%, #213346 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a5762), color-stop(100%,#213346)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2a5762 0%,#213346 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2a5762 0%,#213346 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2a5762 0%,#213346 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2a5762 0%,#213346 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5762', endColorstr='#213346',GradientType=0 ); /* IE6-9 */

}

.promoCont .promoBtn a span{
    font-size: 13px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 10px 22px;
    float: left;
    color: rgb(255,255,255);
    text-decoration: none;
    border-right: 1px solid #356f80;
}

.promoCont .promoBtn a .arrowUp{
    float: left;
    width: 50px;
    height: 38px;
    border-radius: 0px 0px 5px 0px;
    background: url('../img/icn-2-arrow-dwn.png');
}

.promoCont .promoBtn a .arrowDwn{
    float: left;
    width: 50px;
    height: 38px;
    border-radius: 0px 0px 5px 0px;
    background: url('../img/icn-2-arrow-up.png');
}



.promosInfo h1{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif, helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #213346;
    letter-spacing: -0.05px;
    line-height: 18px;
    padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px;
}

.promosInfo p{
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #213346;
    float: left;
    margin: 0px 0px 8px 0px; padding: 0px;
}

.promosInfo a{
    float: left;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 8px;

background: #29aa6f; /* Old browsers */
background: -moz-linear-gradient(top,  #29aa6f 0%, #218356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29aa6f), color-stop(100%,#218356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29aa6f 0%,#218356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa6f', endColorstr='#218356',GradientType=0 ); /* IE6-9 */

}

.textSlideCont{
    width: 95%;
    padding: 0px 2.5%;
}

.owl-theme .owl-controls{
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 46% !important;
}
.descriptionContent{
    padding-bottom: 0px;
}
.aboutInfo{
    width: 100%;
    padding: 50px 0px 0px 0px;
    float: left;
}

.descriptionImage{
    width: 130%;
    height: 400px;
    position: relative;
    float: left;
    background: url('../img/about-bg-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -100px 0px;
    left:-14px; top: 0px; right: 0px;
    padding: 0px;
}

.nav-collapse ul li a{border:none; }


}

.nav{
    border-top: 0px !important;
}

.otherWrapper{
    width: 90%;
    padding: 0px 5%;
}
.otherContent{width: 100%;}
.otherWrapper img{
    width: 100%;
}

.footerCol:nth-child(1){
    width: 28%;
}

.footerCol:nth-child(2), .footerCol:nth-child(3){
    width: 29%;
    margin-left: 7%;
}

.footerCol button{
    width: 100%;
}


/***********************************/
/************** PHONE **************/
/***********************************/

@media only screen and (max-width: 550px){
    .navContent img{ width: 200px !important;}
    .auxNavContent{ width: 100%; padding: 0px; }
    .desktop{ display: none; }
    .mobile{display: block;}
    .tablet{display: none;}

    .aboutUsContainer{
        background: none;
    }

    #tabs-3 .ul3ra:nth-child(6){margin-left: 0px !important;}

    .muebleWrapper{
        padding-bottom: 100px;
    }

    .mueblesInfo h1{
        letter-spacing: -1px;
        font-size: 35px;
    }
    .contactsCol{
        width: 100%;
        margin-bottom: 10px !important;
        margin-top: 20px;
    }

    .contactsCol:last-child{margin-bottom: 50px;}

    .oldStory{
    width: 100%;
    float: left;
    margin-right: 5%;
    padding-bottom: 40px;
}

.newStory{
    width: 100%;
    float: left;
    padding: 0px 0px;
    border: none;
}
.newStory h1{
    font-size: 28px;
    line-height: 26px;
    padding: 0px;
}

.infoMarca2{
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    text-align: center;
}
.infoMarca2 img{
    width: 100%;
}

.infoMarca{
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
}

.infoMarca:last-child{
    border-bottom: 0px;
}

.infoMarca img{
    width: 20%;
    float: left;
    margin-right: 10px;
}
    /*================= AUX MENU - PHONE =================*/
    .auxRight{ height: 40px; }
    .auxRight ul{padding: 0px; margin: 0px;}
    .auxRight li{border-color: #314d6a !important; padding: 0px; margin: 0px !important;}
    .auxRight li a{
        padding: 14px 10px;
        margin: 0px;
        float: left;
        display: block;
    }
    .auxRight li a img{
        height: none;
        margin-left: 0px;
        padding-left: 7px;
    }
    .auxRight img{margin-right: 0px;}
    .auxRight ul li:last-child a{ padding-left: 10px;}
    .auxRight ul li:first-child{ border-left: 1px solid #314d6a; padding-left: 0px;}
    .auxNavContent ul li{
        margin-right: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px;
    }
    .auxLeft{ height: 40px; }
    .auxLeft ul{padding: 0px; margin: 0px;}
    .auxLeft li{border-color: #314d6a !important; margin: 0px; padding: 0px;}
    .auxLeft li a{
        padding: 14px 10px;
        margin: 0px;
        float: left;
        display: block;
    }
    .auxLeft li a img{margin-right: 2px;}
    .auxLeft li:first-child a img{ margin-right: 1px;}
    .auxLeft ul li:last-child a{padding-left: 5px;}
    .auxLeft ul li:first-child a{ padding-right: 5px; }
     .auxLeft ul li:first-child a img{ margin-right: 3px;}
    .auxNavContent img{margin-right: 0px;}

    .navProductos{height: 55px; }
    .navProductos ul li{height: none; }
    .navProductos ul li a{height: none; }
    .navProductos ul{width: 100%; height: none;}
    .navProductos ul li:first-child{border-left: none;}
    .navProductos ul li:last-child{box-shadow: none;}

    .navProductos ul li a span{display: none;}
    .navProductos ul li a img{
        width: 50%;
    }

    .ulCristal{width:40% !important; float: left;}
    .ul3ra{width:100% !important; float: left;}

    /*================= NAV =================*/
    /* LOGO RESIZE - PHONE */
    .navLeft img{ width: 220px !important;}

    .subHeroContainer{
        width: 100%;
    }
    .subHeroContainer h1{
        width: 100%;
        float: left;
        font-size: 30px;
        margin-top: 50px;
    }

    /*PROMO*/

    .promoCont{width: 100%;}
    .promoBtnM{ width: 100%; float: left;}

    .arrowUpM{
        width: 19%;
        float: left;

    }

     .arrowDwnM{
        width: 19%;
        float: left;
    }

       .promoCont .promoBtnM a{
        width: 100%;
       }

    .promoBtnM{text-align: center;}
    .promoCont .promoBtnM a span{
    width: 83% !important;
    font-size: 13px;
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 10px 0px;


    color: rgb(255,255,255);
    text-decoration: none;
    border-right: 1px solid #356f80;
}

.promo1{
    width: 44.8%;
    float: left;
    border-bottom: none;
    border-right: 1px solid #fff;
    padding: 5px 2.5%;
    background-position: 30px 90px;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #cbdfe1;

}

.promo1 h1{
    width: 100%;
}
.promo1 p{
    width: 85%;
    margin-bottom: 3px;
}

.promo2{
    width: 44.7%;
    padding: 5px 2.5%;
    height: 180px;
    background-position:0px 100px;
    background-size: contain;
}

.promo2 h1{
    width: 100%;
}

/* HERO */

.heroWrapper{
    height: 410px;
}

.textSlide1{
    width: 90% !important;
    margin-top: 110px;
    background-image:none; 
}

.textSlide1 h1{
    font-size: 28px;
    line-height: 28px;
}

.textSlideCont{
    width: 95% !important;
    padding: 0px 2.5%;
    height: 400px;
}
.textSlide1{
    width: 95%;
    padding: 10px 5% 0px 05px ; 
}

.slide1, .slide2, .slide3{
    width: 100% !important;
    height: 400px;
    background-size: cover;
}

.owl-carousel{
    height: 400px;
}

.owl-theme .owl-controls{
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 40% !important;
}

/* ABOUT PHONE */

.descriptionWrapper{
    width: 100%; padding: 10px 0px;
    overflow: none !important;
}

.aboutInfo{
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
}

.aboutInfo h1{
    width: 100%;
}

/* DESCRIPTION PHONE*/
    .prodcutContainer{ background: none; }
    .productCont{
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

/* OTRO */

.otherContent{width: 100%;}
.otherWrapper img{
    width: 100%;
}

/* FOOTER */
.footerWrapper{
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: rgb(33,51,70);
    overflow: hidden;
}

.footerContent{
    width: 100%;
    margin: 0 auto;
}

.footerCol{
    width: 100% !important;
    float: left;
    text-align: left;
    margin: 0px 0px 30px 0px !important;
    padding: 0px !important;
}


.footerCol h4{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 500; font-style: normal;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px; padding: 0px;
    color: #29aa6f;
    font-size: 14px;
}

.footerCol label{
    width: 100%;
    float: left;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: lighter;
}

.footerCol label a{color: #fff;}
.footerCol input{
    margin-bottom: 10px;
}

.footerCol input,.footerCol textarea{
    float: left;
    width: 90% !important;
    border: none;
    padding: 5px 2.5%;
    outline: none;
    font-size: 14px;
    color: #414141;
}

.footerCol textarea{
    margin-bottom: 10px;
    resize:none;
}

.footerCol button{
    font-family: 'Gotham A', 'Gotham B', helvetica, sans-serif;
    font-weight: 700; font-style: normal;
    font-size: 14px;
    color: #fff;
    border: none;
    float: left;
    width: 95%;
    padding: 8px 0px;

        border-radius: 5px;
background: #29aa6f; /* Old browsers */
background: -moz-linear-gradient(top,  #29aa6f 0%, #218356 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29aa6f), color-stop(100%,#218356)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29aa6f 0%,#218356 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29aa6f 0%,#218356 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa6f', endColorstr='#218356',GradientType=0 ); /* IE6-9 */

}

}

}