nav ul{
    list-style: none;
    font-size: 0;
    margin: 0px;
    padding: 0px;
}

nav li{
    float: left;
    margin-left: 20px;
}

nav li a, .dropbtn{
    text-align: center;
    outline: none;
    display: block;
    text-decoration: none;
    padding: 15px 10px;
    /*font-size: 2rem;*/
    font-size: clamp(0.5rem, 1.8vw, 2rem);
    color: black;
}
nav li a:hover, .dropbtn:hover {
    color: #737373;
}

nav li .dropdown-content{
    display: none;
    position: absolute;
    background-color: #5f8f3b;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

nav .dropdown-content a{
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
nav .dropdown-content a:hover{
    background-color: white;

}
nav .dropdown:hover  .dropdown-content{
    display: block;
}

/* .title{
    background-color: white;
} */

/* header{
    box-shadow: 0px 3px 8px 2px #253717;
} */

#main{
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
}


input[type="search"] {
    display: inline-block;
    /* box-sizing: content-box; */
    margin-top: 6%;
    margin-left: 5%;
    padding: 10px 10px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    font: normal 12px/normal "Times New Roman", Times, serif;
    color: #555;
    text-overflow: clip;
  }

  .search{
	width: 60%;
	max-width: 100%;
	margin: auto;
	background: #fff;
	padding:0 10px;
	padding-bottom: 5px;
	max-height: 85%;
	overflow-x: hidden;
	display: none;
    /*position: absolute;
     z-index: 1; */

}
/* .contSearch{
    position:absolute;
    z-index: 1;

} */
.search-tabla{
	width: 50%;
}

.search::-webkit-scrollbar{
	background:rgba(0,0,0,0);
}

.search::-webkit-scrollbar-button{
 	background:#C1C1C1;
}

.search::-webkit-scrollbar-thumb{
	background:#C1C1C1;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
	display: none;
}

/* Index styles
 -----------------------------------------------*/

 /* Conocennos styles
 -----------------------------------------------*/


 /* Blog styles
 -----------------------------------------------*/


 /* Catalogo styles
 -----------------------------------------------*/

 #seccCatalogo{
     padding: 80px 0px 150px;
     background: url("https://picsum.photos/seed/picsum/1080/720?random=2") no-repeat fixed center / cover;

     text-align: center;

}

/*
#708C32 [rgb(112, 140, 50)]
#AABF0A [rgb(170, 191, 10);] -> verde
#B5BF63  [rgb(181, 191, 99)] -> verde
#EEEEF0 -> gris bajito
#FEFEFE -> casi bco
#737373 -> gris
*/
h1{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: clamp(2rem, 10vw, 13rem);
    color: white;
}
h2{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    /*font-size: 8rem;*/
    font-size: clamp(1rem, 8vw, 8rem);
    color: white;
}
h3{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 4rem;*/
    font-size: clamp(0.5rem, 4vw, 4rem);
    color: white;
}


/* Index styles
-----------------------------------------------*/
.seccIndex{
    padding: 80px 0px 150px;
    background: url("../img/bg/banca metalica.png") no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
}

.seccIndex button{
    background-color: #708C32;
    color: #fefefe;
    border-radius: 15px;
    margin-top: 30px;
    border-style: none;
}
.seccIndex button:hover{
    color: white;
    box-shadow: 1px 2px 4px #B5BF63;

}
.seccIndex p{
    color:#fefefe;
    padding:0px 8px;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 1.4rem;*/
    font-size: clamp(0.2rem, 0.8vw, 1.4rem);
}

.seccIndex .contNav{
    background-color: rgba(170, 191, 10, 0.7);;
}
.seccIndex .contLogo{
    margin-left: -40px;
    margin-top: -36px;
}
.seccIndex .contBienv{
    text-align: center;
}
.seccIndex .redS{
    margin-top: 10px;
    margin-left: 5px;
}

/* CTA styles
-----------------------------------------------*/

.seccCta{
    padding: 80px 0px 150px;
    background: url("../img/bg/mobiliario urbano.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
}

.seccCta h3{
    color:#fefefe;
    text-align: justify;
    /* background-color: rgba(220,220,220,0.5); */
}
.seccCta h3 strong{
    color: #AABF0A;
}
.seccCta h2{
    color:#708C32;
}
.seccCta .btnCta{
    border-color: #B5BF63;
    border-style: solid;
    width: 80px;
    height: 30px;
    border-radius: 8px;
    padding: 4px 0px 0px 12px;
    display: block;
    position: absolute;
    top: 14.5rem;
    right: 15.5rem;
    color: #737373;
}
.seccCta .btnMas a{
    color: #fefefe;
    text-decoration: none;
}

.seccCta .btnCta a{
    color: #B5BF63;
    text-decoration: none;
    outline: none;
}
.seccCta .contTextConoce{
    width: 17rem;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 1.6rem;*/
    font-size: clamp(0.5rem, 1.8vw, 1.6rem);
    text-align: center;
    position: absolute;
    top: 9rem;
    right: 12rem;
    color: #737373;
}
.seccCta .contTextCotizacion{
    width: 17rem;
    position: absolute;
    top: 9rem;
    left: 12rem;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 2rem;*/
    font-size: clamp(0.5rem, 1.8vw, 2rem);
    color: #fefefe;
    text-align: center;
}
.seccCta .btnMas{
    border-color: #5f8f3b;
    border-style: solid;
    width: 80px;
    height: 30px;
    border-radius: 8px;
    padding: 4px 0px 0px 0px;
    display: block;
    position: absolute;
    top: 14.5rem;
    left: 15.5rem;
    color: #fefefe;
}
.seccCta .btnMas p{
    margin: 0px 0px 0px 12px;
}

.seccCta .bgInfo{
    background-color: #737373;
    /*height: 24vh;*/
    
    margin-top: 40px;
    padding: 4rem 3rem 4rem 3rem;
}

.seccCta .circulos{
    text-align: center;
    margin: 40px 0px 50px 0px;
    position: relative;
}
.seccCta img{
    padding: 0px 10px 0px 10px;
}

/* Escencia styles
-----------------------------------------------*/
.seccEscencia{
    /*padding: 80px 0px 150px;
    background: url("/img/bg/banca.png"); */
    background-color: #fefefe;
    background-position: center;
    background-size: cover;
}
/*.seccEscencia #txtCalidad, #txtCalidad, #txtServicio, #txtInnovacion, #txtAdaptabilidad p{
    padding: 2.3rem;
    color: #fefefe;
}*/

/* .seccEscencia .centro{
    background-color: white;
} */

.seccEscencia .three:hover{
    background-color: #B5BF63;
    /*height: 100%;  revisar */
}
.seccEscencia .contTxt{
    /*height: 24rem;
    padding-top: 4rem;*/

    /*check*/
    padding: 4rem;
}
.seccEscencia .centro .three{
    text-align: center;
    margin: 60px 0px 40px 0px;
    cursor: pointer;/* a revisar */
}
.seccEscencia h2{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 5rem;*/
    font-size: clamp(3.2rem, 5.3vw, 5rem);
    color: #708C32;
}
.seccEscencia h3{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 2rem;*/
    font-size: clamp(1rem, 4.8vw, 2rem);
    font-style: italic;
    color: #fefefe;
}

.seccEscencia p{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 2rem;*/
    font-size: clamp(1.8rem, 4.8vw, 2rem);
    text-align: justify;
    font-style: italic;
    color: #5f8f3b;
    margin-top: 3rem;
}
.seccEscencia .endSecc p{
    font-size: clamp(1.3rem, 2vw, 2rem);
    font-style: italic;
    color: #5f8f3b;
}
.seccEscencia .endSecc{
    background-color: #708C32;
    /*check*/
    height:auto;
    /*height: 30rem;*/
    width: auto;
    
    
    /*margin-top: 50px; check*/
    position: relative; /* check */

    /*a revisar*/
    /*border-top: 3rem solid #B5BF63;
    border-bottom: 3rem solid #B5BF63;*/
}
.sobreSecc p{
    color: #fefefe;
    padding: 2.3rem;
}
.seccEscencia .sobreSecc{
    background-color: #708C32;
    height: 25rem;
    width: auto;
    margin-top: 2rem;
}

.sobreSecc .three{
    background-color: #708C32;
    /*margin-top: 0rem;
    height: 100%;*/
}

.seccEscencia .sobreSecc .two{
    text-align: center;
}
.seccEscencia .contTitulo{
    background-color: #B5BF63;
    height: 13rem;
    /* padding-top: 5rem; */
}
.seccEscencia .conr{
    /*height: 9rem;  tenia 15 en html */
    height: 15rem;
    width: auto;
    /* position: absolute;
    top: auto; */
    padding-top: 15px;
    margin-top: 2rem;
}
.seccEscencia .conr .four img {margin-top: 2rem; width: 100%;}

.seccEscencia .three{
    text-align: center;
}
/* Productos styles
-----------------------------------------------*/
.seccProductos{
    padding: 80px 0px 150px;
    /* background-image: url("/img/bg/bg_2_CTA.png"); */
    background-color: #EEEEF0;
    background-position: center;
    background-size: cover;
}
.seccProductos h2{
    color: #737373;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 5rem;*/
    font-size: clamp(2.7rem, 4.5vw, 4.5rem);
}

.seccProductos h5{
    text-align: center;
    color: white;
}
.seccProductos .imgProducto{
    background-color: #737373;
    margin: 0px 9px 9px 14px;
    padding-top: 24px;
    text-align: center;
}

.seccProductos .contTitulo{
    height: 13rem;
}
.seccProductos .conr{
    /*width: 135rem;*/
    width: auto;
    /* position: absolute; */
    top: auto;
}
.seccProductos .productos-recomendados{ margin-top: 2rem; }

.seccProductos .conr .four img{ width: 100%; }

/* Proyectos styles
-----------------------------------------------*/
.seccProyectos{
    padding: 80px 0px 0px;

    background-position: center;
    background-size: cover;
}

.seccProyectos h2{
    color: #737373;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 5rem;*/
    font-size: clamp(2.7rem, 6vw, 5rem);
}
.seccProyectos p{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 2rem;*/
    font-size: clamp(0.5rem, 1.8vw, 2rem);
}

.seccProyectos .contTitulo{
    height: 13rem;
}
.seccProyectos .conr{
    /*width: 135rem;*/
    /* position: absolute; */
    top: auto;
}
/*.seccProyectos .conoceTxt{ margin-top: 1.5rem; }*/
.seccProyectos .proyecto{
    background-color: #737373;
    height: 20rem;
}
.seccProyectos .conr .four img{ width: 100%; }
/*.seccProyectos .four{ margin-top: 5rem; }*/

/* Contactanos styles
-----------------------------------------------*/
.seccContactanos{
    padding: 80px 0px 150px;
    background-image: url("../img/bg/bg_2_CTA.png");
    background-color: #EEEEF0;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
}
.seccContactanos h2{
    color: #708C32;
}

.seccContactanos label{
    color: #737373;
}
.seccContactanos .btnEnviar{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #AABF0A;
    color: #fefefe;
    margin-top: 30px;
    border-radius: 15px;
}

.seccContactanos .btn{
    text-align: right;
}



/* Contacto styles
-----------------------------------------------*/
.seccContacto{
    padding: 80px 0px 150px;
    /* background-image: url("/img/bg/bote-verde-parte-baja-texturizado.png"); */
    background-image: url("../img/bg/sillas.png");
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
}
.seccContacto ul{
    list-style: none;
}

.seccContacto li a{
    text-decoration: none;
    text-align: left;

}
.seccContacto p{
    color:#fefefe;
    margin: 0px 0px 0px 12px;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 2rem;*/
    font-size: clamp(1.5rem, 1.8vw, 2rem);
}
.seccContacto h2{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 3.2rem;*/
    font-size: clamp(2.4rem, 3vw, 3.2rem);
    text-align: center;
    color:#fefefe;
    border-radius: 20px;
    padding: 10px 0px 15px 0px;
    margin: 0px 42px 20px 0px;
}
.seccContacto ul li a{
    font-family: Arial, Helvetica, sans-serif;
    color: #fefefe;
    /*font-size: 2rem;*/    
    font-size: clamp(1.5rem, 3vw, 2rem);
    text-align: center;
    margin: 0px 0px 0px 74px;
}
.seccContacto .contVerde{
    width: auto;
    height: 7rem;
    background-color: #B5BF63;
}
/* Footer
-----------------------------------------------*/
.seccFooter h3{
    color: #fefefe;
    text-align: center;
    /*font-size: 1.7rem;*/
    font-size: clamp(0.4rem, 5vw, 1.7rem);
    margin-top: 10px;;
}

.seccFooter{
    background-color: #737373;
}

/* seccCatalogo
-----------------------------------------------*/
.seccCatalogo h2{
    color: #AABF0A;
    /*font-size: 3.2rem;*/
    font-size: clamp(3rem, 3.4vw, 3.2rem);
}
.seccCatalogo b{
    color: #AABF0A;
}
.seccCatalogo img{
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.seccCatalogo button{
    border-style: solid;
    border-color: #AABF0A;
    border-width: 2px;
}
.seccCatalogo p {
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 1.8rem;*/
    font-size: clamp(1.4rem, 1.5vw, 1.9rem);
}

.imgCatConte{
    padding: 2rem;
    background-color: greenyellow;
}

.seccCatalogo .heiTitulo{
    margin-top: 1vH;
    /*height: 15vH;*/
}
/*.seccCatalogo .heiDesc{
    height: 33vH;
}*/
.seccCatalogo .heiImg{
    height: 35vH;
}
.seccCatalogo .heiButton{
    height: 15vH;
}


/*
botton de menu pantalla grande
-----------------------------------------------*/
.ir-arriba{
    display: none;
    padding: 10px;
    background-color: rgba(170, 191, 10, 0.9);
    font-size: 2rem;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    clear: both;
    border-radius: 5px;
}

.ir-arriba a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    text-decoration: none;
    color: #fefefe;
}
.ir-arriba a:hover{
    color: black;
}
.ir-arriba img{
    margin: -1px 0px -9px -6px;
}
.ir-arriba hr{
    margin: 0px 0px 2px 0px;
    border-color: black;
}

/*
boton de menu desplegable en pantalla chica
---------------------------------------------*/
.menu-bar{
    width: 100%;
    display: none;  /*_Nvo_*/
    z-index: 2;
}
.menu-desp{
    cursor: pointer;
    z-index: 2;
}
.menu-bar nav{
    background:rgba(170,191,10,0.9);
    z-index:1000;
    max-width: 1000px;
    width:95%;
    margin:20px auto;
}
.menu-bar nav ul {
    list-style:none;
}
.menu-bar nav ul li {
    display:inline-block;
    position: relative;
}
.menu-bar nav ul li:hover {
    /*background:#E6344A;*/
    color: black;
}
.menu-bar nav ul li a {
    color:#fff;
    display:block;
    text-decoration:none;
    padding: 10px;
}

#logoQuery{
    display: none;
}

 .seccIndex .seccCta .seccProductos .seccProyectos .seccContacto .seccFooter img{
    max-width: 100%;
    height: auto;
}

.carousel img{    
    padding: 10px;
    width: -webkit-fill-available;
    height: auto;
}



/*   MEDIA QUERYS
-----------------------------------------------------*/
/*En esta medida se cambia de diseño*/
/*@media screen and (max-width: 551px) {

}*/

/* 1080 */
@media screen and (max-width: 1080px) {
    
    .contNav, #logo{ display: none; }
    #logoQuery{ display: inline; }
    .seccIndex .contNav{ background-color: rgba(170, 191, 10, 0.7);; } 
    .seccIndex .contLogo{ margin-left: -40px; margin-top: -36px; }
    .seccIndex .contBienv{ text-align: center; }
    .nine.columns.contNav.title{ width:100%; }
    .seccContacto ul li a{ margin: 0px 0px 0px 40px; }

/****** MENU DESPLEGABLE *****/
    .menu-bar{ display: block; }
    .menu-desp{
        display:block;
        /*width:100%;*/
        position: fixed;
        top:10px;
        left: 10px;
        /*background:#E6344A;*/
    }
    .menu-desp .btn-menu{
        display: block;
        padding: 20px;
        color: #fff;
        overflow: hidden;
        font-size: 25px;
        font-weight: bold;
        text-decoration: none;
    }
    .menu-desp span { float: right; font-size: 40px; }
    .menu-bar nav {
        display: none; /*nuevo*/
        width: 20%;
        height: auto;
        position: fixed;
        left:10px;
        top:31px;
        margin: 0;
        overflow: scroll;
    }
    .menu-bar nav ul li { display: block; border-bottom:2px solid rgba(255,255,255,.5); }
    .menu-bar nav ul li a { display: block; }
    .menu-bar nav ul li:hover .children { display: none; }
    .menu-bar nav ul li .children { width: 100%; position: relative; }
    .menu-bar nav ul li .children li a {margin-left:20px;}
    .menu-bar nav ul li .caret {/*float: right;*/}

    /***** SECC ECENCIA ********/
    .seccEscencia .endSecc {border-top: 2rem solid #B5BF63; border-bottom: 2rem solid #B5BF63;}
    .seccEscencia .conr .four img {margin-top: 2rem; width: 80%;}
    .seccEscencia .endSecc .three:hover{height: 100%;}
    .seccEscencia .endSecc p{ color: #fefefe; padding: 0.5rem;}

    /***** SECC PROYECTOS ********/
    .seccProyectos .conr .four img{ width: 80%; }

    /***** SECC PRODUCTOS ********/
    .seccProductos .conr h2{margin-left: 1.6rem; margin-top: 1.4rem;}
    .seccProductos .conr .four img{ width: 80%; margin-top: 3rem;}
}


@media screen and (max-width: 768px) {
    .seccContacto ul li a{ margin: 0px 0px 0px 10px;}
    /*son las imagenes de barra y media luna*/
    .conr img{display: inline;}
    .seccCta img{width: 40%; height: 40%;}

     /* Esencia */
    .seccEscencia h2{font-size: clamp(2.4rem, 3rem, 4rem);}
    .seccEscencia .contTxt{padding: 0px 18px 0px 12px;}
    .seccEscencia .contTitulo{height: 7rem; text-align: center;}
    .seccEscencia img {width: 100%; height: 100%; } /* revisando */
    .seccEscencia .conr{width: 100%;}
    .seccEscencia .endSecc{ height: auto; border-top: 2rem solid #B5BF63; border-bottom: 2rem solid #B5BF63;}
    .seccEscencia .sobreSecc{/*height: 22rem;*/ height: auto;}
    .seccEscencia .sobreSecc h3{margin-top: 1rem;}
    .seccEscencia .endSecc .three{ background-color: #708C32; cursor: pointer; }
    .seccEscencia .endSecc .three:hover{background-color: #B5BF63; height: 100%;}
    .seccEscencia .endSecc p{ color: #fefefe; padding: 1.2rem;}
    .seccEscencia .contTitulo .five{width: 60%;} /* a revisar */
    .seccEscencia .contTitulo .six { width: 25%; }
    .seccEscencia .conr .four img{ width: 80%; }
    .seccEscencia p{/*margin: -60px 15px 0px 15px;*/ margin: 20;}

    /**** secc Proyectos *****/
    .seccProyectos .contTitulo{height: 7rem; text-align: left; }

    .seccProyectos .conoceTxt h2{font-size: clamp(2.4rem, 3rem, 4rem);}
    .seccProyectos .conr img {width: 100%; height: 100%; margin-top: 0.6rem } /* revisando */
    .seccProyectos .conr .four img{ width: 80%; height: 12px; }
    /*.seccProyectos .contTitulo .seven {width: 60%;} /* a revisar */
    /*.seccProyectos .contTitulo .fours img { width: 25%;  max-width: 80%;}*/

    /**** secc Productos *****/

    .seccProductos .conr img {width: 100%; height: 100%; margin-top: 0.6rem } /* revisando */
    .seccProductos .conr .four img{ width: 80%; height: 12px; }
}


/*@media (min-width: 400px) and (max-width: 551px){*/
@media screen and (max-width: 549px){
    /* Index */
    /* .seccIndex{background:url("/static/img/bg/banca_metalica_550.png") no-repeat; background-size: 550px 627px;} */
    .contLogo{text-align: right;}
    nav li a{ font-size: 1.2rem;}
    h3{font-size: 2rem; margin: 1rem;} 
    h1{font-size: 7rem;}

    /* Esencia */
    .seccEscencia h2{font-size: 2.4rem;}
    .seccEscencia .contTxt{padding: 0px 18px 0px 12px;}
    .seccEscencia .contTitulo{height: 7rem; text-align: center;}
    .seccEscencia .conr img{display: none;} /* a revisar*/
    .seccEscencia .endSecc img{display: none;} /* a revisar*/
    .seccEscencia .conr{width: 100%;}
    .seccEscencia .endSecc{ height: auto;} 
    .seccEscencia .sobreSecc{height: 22rem;}
    .seccEscencia .sobreSecc h3{margin-top: 1rem;}
    
    .seccEscencia .endSecc .three{
        background-color: #708C32;
        border-top: 0.1rem solid #B5BF63;
        border-bottom: 1.1rem solid #B5BF63;
        cursor: pointer;
    }
    .seccEscencia .endSecc .three:hover{background-color: #B5BF63; height: 20%;}
    .seccEscencia .endSecc p{ color: #fefefe; padding: 1.2rem;}

    /***** SECC PROYECTOS ********/
    .seccProyectos .conr img{display: none;} /* a revisar*/
    .seccProyectos .endSecc img{display: none;} /* a revisar*/

    .seccProyectos .conr h2{font-size: clamp(2.4rem, 3rem, 4rem); margin-left: 2rem;}
    .seccProyectos .twelve img{ width: 100%; height: 100%; }
    
    /***** SECC PRODUCTOS ********/
    .seccProductos .conr img{display: none;} /* a revisar*/
    .seccProductos .endSecc img{display: none;} /* a revisar*/

    .seccProductos .conr h2{font-size: clamp(2.4rem, 3rem, 4rem); margin-left: 2rem;}

    /**** Secc Catalogo ********/
    .seccCatalogo .heiDesc {margin: 2rem; height: auto;}
    .seccCatalogo .heiTitulo {margin: 2rem; height: auto;}
    .seccCatalogo .heiImg img{width: 100%;}
    .seccCatalogo .heiImg .four { width: 50%; }
}