* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
	

@font-face {
    font-family:"Helvetica67-CondensedMedium";
    src: url(../font/HelveticaCdMed.eot);
    src: url(../font/HelveticaCdMed.eot#iefix?) format("embedded-opentype"),
         url(../font/HelveticaCdMed.woff2) format("woff2"),
         url(../font/HelveticaCdMed.woff) format("woff"),
         url(../font/HelveticaCdMed.ttf) format("truetype"),
         url(../font/HelveticaCdMed.svg#Helvetica67-CondensedMedium) format("svg");
    font-weight: normal;
    font: normal;
}
    
   
 @font-face {  
    font-family:"Helvetica-CondensedLight";
    src: url(../font/HelveticaCdLt.eot);
    src: url(../font/HelveticaCdLt.eot#iefix?) format("embedded-opentype"),
        url(../font/HelveticaCdLt.woff2) format("woff2"),
        url(../font/HelveticaCdLt.woff) format("woff"),
        url(../font/HelveticaCdLt.ttf) format("truetype"),
        url(../font/HelveticaCdLt.svg#Helvetica-CondensedLight) format("svg");
    font-weight: normal;
    font: normal;
}

@font-face {  
    font-family:"Helvetica-CondensedBlack";
    src: url(../font/HelveticaCdBlk.eot);
    src: url(../font/HelveticaCdBlk.eot#iefix?) format("embedded-opentype"),
        url(../font/HelveticaCdBlk.woff2) format("woff2"),
        url(../font/HelveticaCdBlk.woff) format("woff"),
        url(../font/HelveticaCdBlk.ttf) format("truetype"),
        url(../font/HelveticaCdBlk.svg#Helvetica-CondensedBlack) format("svg");
    font-weight:bold;
    font:bold;
}

@font-face {  
    font-family:"Econoricons-Regular";
    src: url(../font/econoricons.eot);
    src: url(../font/econoricons.eot#iefix?) format("embedded-opentype"),
        url(../font/econoricons.woff2) format("woff2"),
        url(../font/econoricons.woff) format("woff"),
        url(../font/econoricons.ttf) format("truetype"),
        url(../font/econoricons.eot.svg#Econoricons-Regular) format("svg");
    font-weight: normal;
    font: normal;
}
    
   
   
h-menu { font-family:Helvetica67-CondensedMedium; letter-spacing:1px;}
     
h-leng { font-family:Helvetica-CondensedLight; letter-spacing:0.5px;}

h-ini-carru { font-family:Helvetica-CondensedLight; letter-spacing:1px;}
     
h-ini-titulo { font-family:Helvetica-CondensedLight; letter-spacing:1px;}

h-ini-tit-prod { font-family:Helvetica67-CondensedMedium;}

h-ini-prod { font-family:Helvetica-CondensedLight;}

h-ini-nov { font-family:Helvetica67-CondensedMedium; font-size: 1.5em;}

h-footer { font-family:Helvetica67-CondensedMedium; color: #cccccc; font-size: 1.6em; letter-spacing:0.5px; line-height: 1.1em;}

h-iconos { font-family:Econoricons-Regular;}

h-prod { font-family:Helvetica-CondensedBlack;}
     
body { background: #FFFFFF;}

    
/*HEADER*/   
    
    #LogoEconor {max-width: 160px;}
      
    #navbarNavPrincipal a { text-decoration:none; color:#cccccc;}
        
    #navbarNavPrincipal a:hover { text-decoration:none; color:#119c54;}

    #navbarNavPrincipal {font-size: 25px;}

    #idiomas a { text-decoration:none;color:#cccccc;}
            
    #idiomas a:hover { text-decoration:none;color:#000000;}

    
/*IMAGEN DE FONDO, TEXTOS Y BOTON*/  

    #index-banner {
        background-image: url("../imag/00-ini-gross.png");
        background-position: center center; 
        background-size: cover;
        height: 100%;
        min-height: 30vh;
        width: 100%;

        -webkit-animation: slider 30s infinite alternate;
        -moz-animation: slider 30s infinite alternate;
        -o-animation: slider 30s infinite alternate;
        -ms-animation: slider 30s infinite alternate;
        animation: slider 30s infinite alternate;
    }

    @keyframes slider {
        from {background-position: top center;}
        to {background-position: bottom center;}
    }

    @-webkit-keyframes slider {
        from {background-position: top center;}
        to {background-position: bottom center;}
    }

    @-moz-keyframes slider {
        from {background-position: top center;}
        to {background-position: bottom center;}
    }    

    @-o-keyframes slider {
        from {background-position: top center;}
        to {background-position: bottom center;}
    }

    @-ms-keyframes slider {
        from {background-position: top center;}
        to {background-position: bottom center;}
    }

    #index-banner .carousel-item {min-height: 30vh;}

    #index-banner .carousel-inner {height: 45rem;}

    .banner-content > h-leng {
        font-size: 50px;
        line-height: 75px;  
    }

    .boton-prod {
        position: relative;
        height: 5rem;
        padding-top: 650px;
    }

    .boton-prod > a {
        text-decoration: none;
        font-size: 1.3rem;
        color: #ffffff56;
        background-color: #ffffff56;
    }

    .boton-prod > a:hover {
        text-decoration: none;
        font-size: 1.3rem;
        color: #119c54;
        background-color:#ffffff;
    }
    


    /*NAVEGADOR PRODUCTOS*/  

    #navbarNavProd a { 
        text-decoration:none;
        color:#8d8d8d;
    }
            
    #navbarNavProd a:hover { 
        text-decoration:none;
        background-color: #119c54;
        color:#ffffff;
    }
    
    #navbarNavProd {
        height: 2.5rem;
        font-size: 1.0em;
    }

    #navbarNavProd {
        background-color: #ffffff;
        z-index: +1;
    }



    
    #LP-abrev {display: none;}

    #JL-abrev {display: none;}

    #A-abrev {display: none;}

    #Linea-trat {display: none;}
    
    #Linea-div {display: none;}

    #iconos {display: none;}
   
 
    #separador {height: 10px; background-color: #0c6436;}

/*CARROUSEL------------------------*/

    /*controles---------------------*/
    .carousel-control-next svg {
        color: #0c6436;
        width: 50px;
        height: 50px;
    }

    .carousel-control-prev svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
    }


    /*imagen---------------------*/
        
    #index-banner-prod {height: 50rem;}

    .banner-content-imag {height: 50rem;}

    .banner-content-txt {height: 50rem; margin-top: 50px; margin-left: 20px;}

    #index-banner-prod .carousel-inner {height: 50rem;}
    
    #carousel-img img {height: 80%; margin-top: 50px;}
    #carousel-img {background-color: #0c6436;}


    /*Datos productos---------------------*/

    .info-prod {
        font-size: 55px;
        line-height: 55PX;
        color: #119c54;
    }
    
    .info-desc {
        font-size: 35px;
        line-height: 35px;
        color: #119c54;
    }    

    .info-uso {
        font-size: 25px;
        color: #119c54;
        letter-spacing: normal;
        line-height: 28px;
    }

    .info-dilu {
        font-size: 25px;
        color: #000000a6;
        letter-spacing: normal;
        line-height: 28px;
    }

    /*ICONOS*/

    #prod-pres {height: 55px;}
    
    #prod-ficha, #prod-video, #prod-triang {font-size: 3rem; height: 10px;}
       

    .prend {
        color: #119c54;
        font-size: 3rem;
        letter-spacing: 0.5rem;
    }

    .apag {
        color: #0000001c;
        font-size: 3rem;
        letter-spacing: 0.5rem;
    }

    .cont-litros > h-leng {font-size: 0.8em; margin-left: 10px;}
    .cont-litros-10 > h-leng {font-size: 0.8em; margin-left: 15px;}
    .cont-litros-200 > h-leng {font-size: 0.8em; margin-left: 25px;}
    
        
/*FOOTER*/
    .footer {
        background-color: #000000d2;
        height: 25rem;    
        margin: 0;   
    }

    .btn-menu {color: #cccccc;}

       
    .text-direccion > h-footer {
        font-size: 1.4em;
        color: #00000080;
    }

   .bi-youtube {
        color: #cccccc;
        width: 55px;
   }

   .bi-instagram {
        color: #cccccc;
        width: 45px;
   }

    #bot-ver > a {
        color: #cccccc;
        position: relative;
        margin-top: 300px;
        font-size: 1.5em;
    }

   
@media screen and (min-width: 1401px) and (max-width: 1920px) {

    #index-banner .carousel-inner {height: 36rem;}

    .boton-prod {padding-top: 500px;}

    .banner-content > h-leng {
        font-size: 50px;
        line-height: 70px;      
    }


    #index-banner-prod {height: 36rem;}

    .banner-content-imag {height: 36rem;}

    .banner-content-txt {height: 36rem;}

    #index-banner-prod .carousel-inner {height: 36rem;}

    .info-prod {
        font-size: 35px;
        line-height: 35px;
    }

    .info-desc {
        font-size: 18px;
        line-height: 18px;
    }

    .info-uso {
        font-size: 18px;
        line-height: 18px;
    }

    .info-dilu {
        font-size: 18px;
        line-height: 18px;
    }

}     



@media screen and (min-width: 1280px) and (max-width: 1400px) {

    #navbarNavPrincipal {font-size: 20px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {
        font-size: 50px;
        line-height: 65px;
    }

      
    #index-banner-prod {height: 35rem;}

    .banner-content-imag {height: 35rem;}

    .banner-content-txt {height: 35rem;margin-top: 20px; margin-left: 20px;}

    #index-banner-prod .carousel-inner {height: 35rem;}

    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em;
        margin-top: 10%;
    }

    .info-prod {
        font-size: 35px;
        line-height: 35px;
    }

    .info-desc {
        font-size: 18px;
        line-height: 18px;
    }

    .info-uso {
        font-size: 18px;
        line-height: 18px;
    }

    .info-dilu {
        font-size: 18px;
        line-height: 18px;
    }
    
  
}  


@media screen and (min-width: 1024px) and (max-width: 1279px) {

    #navbarNavPrincipal {font-size: 20px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {
        font-size: 50px;
        line-height: 65px;       
    }

  
    /*Datos productos---------------------*/

    .info-prod {
        font-size: 35px;
        line-height: 40px;}

    .info-desc {
        font-size: 18px;
        line-height: 18px;
    }

    .info-uso {
        font-size: 18px;
        line-height: 18px;
    }

    .info-dilu {
        font-size: 18px;
        line-height: 18px;
    }

    #index-banner-prod {height: 33rem;}

    .banner-content-imag {height: 33rem;}

    .banner-content-txt {height: 33rem;margin-top: 20px; margin-left: 20px;}

    #index-banner-prod .carousel-inner {height: 33rem;}
      

    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em;
        margin-top: 10%;
    }

       
}  


@media screen and (min-width: 768px) and (max-width: 1023px) {
   
    #navbarNavPrincipal {font-size: 18px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {
        font-size: 45px;
        line-height: 60px;   
    }

    #txt-prod-nov {
        font-size: 30px;
        line-height: 38px;        
    }

    .bot-prod figure img {max-width: 170px;}

    .text-direccion {text-align: center;}


/*CARROUSEL------------------------*/

#index-banner-prod {height: 35rem;}

.banner-content-imag {height: 35rem;}

.banner-content-txt {height: 35rem;margin-top: 20px; margin-left: 20px;}

#index-banner-prod .carousel-inner {height: 35rem;}


/*Datos productos---------------------*/

    .info-prod {
        font-size: 35px;
        line-height: 40px;
    }

    .info-desc {
        font-size: 15px;
        line-height: 15px;
    }

    .info-uso {
        font-size: 15px;
        line-height: 15px;
    }

    .info-dilu {
        font-size: 15px;
        line-height: 15px;
    }

    /*ICONOS*/

    #prod-pres {font-size: 2.6rem; height: 45px;}
        
    #prod-ficha, #prod-video, #prod-triang {font-size: 2.6rem; height: 10px;}

    .cont-litros > h-leng {font-size: 0.8em;}

    
    /*FOOTER*/

    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em;
        margin-top: 10%;
    }  
    
}  


@media screen and (min-width: 580px) and (max-width: 767px) {

    #LogoEconor {width: 140px; margin-top: 15px;}

    #navbarNavPrincipal {font-size: 18px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {
        font-size: 40px;
        line-height: 55px;
    }
  
    .bot-prod figure img {max-width: 180px;}

    .text-direccion {text-align: center;}

    #LP-abrev {display: block;}    
    #LP-completo {display: none;}
    #JL-abrev {display: block;}    
    #JL-completo {display: none;}

/* A partir de aca, entran los iconos de las lineas*/ 
    
    #iconos {display: block;}
    #word {display: none;}

/*CARROUSEL------------------------*/

    #index-banner-prod {height: 26rem;}

    .banner-content-imag {height: 26rem;}

    .banner-content-txt {height: 26rem;}

    #index-banner-prod .carousel-inner {height: 26rem;}

    /*controles---------------------*/
    .carousel-control-next svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 40vh;
    }

    .carousel-control-prev svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 40vh;
    }


    /*imagen---------------------*/
        
    #index-banner-prod {height: 47rem;}

    .banner-content-imag {height: 20rem; margin-top: 0px;}

    .banner-content-txt {height: 27rem; margin-top: 20px; margin-left: 5%;}

    #index-banner-prod .carousel-inner {height: 47rem;}
    
    #carousel-img img {height: 90%; margin-top: 20px;}
    #carousel-img {background-color: #0c6436;}

       
/*Datos productos---------------------*/

    .info-prod {
        font-size: 35px;
        line-height: 40px; 
        margin-top: 10px;
    }

    .info-desc {
        font-size: 15px;
        line-height: 15px;
    }

    .info-uso {
        font-size: 15px;
        line-height: 15px;
    }

    .info-dilu {
        font-size: 15px;
        line-height: 15px;
    }

    /*ICONOS*/

    #prod-pres {font-size: 2.6rem; height: 45px;}
        
    #prod-ficha, #prod-video, #prod-triang {font-size: 2.6rem; height: 10px;}

    .cont-litros > h-leng {font-size: 0.8em; margin-left: 5px;}    
    

    /*FOOTER*/
    
    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em;
        margin-top: 10%;
    }

} 


@media screen and (min-width: 520px) and (max-width: 579px) {

    #LogoEconor {width: 120px; margin-top: 15px;}

    #navbarNavPrincipal {font-size: 18px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {
        font-size: 35px;
        line-height: 50px;        
    }
    
    .bot-prod figure img {max-width: 170px;}

    .text-direccion {text-align: center;}

    #LP-abrev {display: block;}       
    #LP-completo {display: none;}
    #JL-abrev {display: block;}    
    #JL-completo {display: none;}

   
    #iconos {display: block;}
    #word {display: none;}

 
    /*CARROUSEL------------------------*/

    #index-banner-prod {height: 26rem;}

    .banner-content-imag {height: 26rem;}

    .banner-content-txt {height: 26rem;}

    #index-banner-prod .carousel-inner {height: 26rem;}

    /*controles---------------------*/
    .carousel-control-next svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 40vh;
    }

    .carousel-control-prev svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 40vh;
    }


    /*imagen---------------------*/
        
    #index-banner-prod {height: 47rem;}

    .banner-content-imag {height: 20rem;}

    .banner-content-txt {height: 27rem; margin-top: 20px; margin-left: 5%;}

    #index-banner-prod .carousel-inner {height: 47rem;}
    
    #carousel-img img {height: 90%; margin-top: 20px;}
    #carousel-img {background-color: #0c6436;}

       
/*Datos productos---------------------*/

   .info-prod {
        font-size: 35px;
        line-height: 40px; 
        margin-top: 10px;
    }

    .info-desc {
        font-size: 15px;
        line-height: 15px;
    }

    .info-uso {
        font-size: 15px;
        line-height: 15px;
    }

    .info-dilu {
        font-size: 15px;
        line-height: 15px;
    }

    /*ICONOS*/

    #prod-pres {font-size: 2.6rem; height: 45px;}
        
    #prod-ficha, #prod-video, #prod-triang {font-size: 2.6rem; height: 10px;}

    .cont-litros > h-leng {font-size: 0.8em; margin-left: 5px;}  


    /*FOOTER*/

    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em;
        margin-top: 10%;
    }

    .footer-ud > h-leng {font-size: 1.3em;}

    .footer {height: 30rem;}

} 


@media screen and (min-width: 360px) and (max-width: 519px) {

    #LogoEconor {width: 120px; margin-top: 15px;}

    #navbarNavPrincipal {font-size: 17px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {font-size: 32px; line-height: 40px;}
    
    .bot-prod figure img {max-width: 150px;}

    .text-direccion {text-align: center;}

    #LP-abrev {display: block;}            
    #LP-completo {display: none;}
    #JL-abrev {display: block;}    
    #JL-completo {display: none;}
    #A-abrev {display: block;}    
    #A-completo {display: none;}

   
    #iconos {display: block;}
    #word {display: none;}


    /*CARROUSEL------------------------*/

    #index-banner-prod {height: 26rem;}

    .banner-content-imag {height: 26rem;}

    .banner-content-txt {height: 26rem;}

    #index-banner-prod .carousel-inner {height: 26rem;}

    /*controles---------------------*/
    .carousel-control-next svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 50vh;
    }

    .carousel-control-prev svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 50vh;
    }


    /*imagen---------------------*/
        
    #index-banner-prod {height: 48rem;}

    .banner-content-imag {height: 18rem;}

    .banner-content-txt {height: 30rem; margin-top: 20px; margin-left: 5%;}

    #index-banner-prod .carousel-inner {height: 48rem;}
    
    #carousel-img img {height: 90%; margin-top: 20px;}
    #carousel-img {background-color: #0c6436;}

       
/*Datos productos---------------------*/

   .info-prod {
        font-size: 35px; 
        line-height: 40px;
        margin-top: 10px;
    }

    .info-desc {
        font-size: 15px;
        line-height: 15px;
    }

    .info-uso {
        font-size: 15px;
        line-height: 15px;
    }

    .info-dilu {
        font-size: 15px;
        line-height: 15px;
    }

    /*ICONOS*/

    #prod-pres {font-size: 2.6rem; height: 45px;}
        
    #prod-ficha, #prod-video, #prod-triang {font-size: 2.6rem; height: 10px;}

    .cont-litros > h-leng {font-size: 0.8em; margin-left: 5px;}  


    /*FOOTER*/

    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em; 
        margin-top: 10%;
    }

    .footer {height: 30rem;}

} 


@media screen and (min-width: 240px) and (max-width: 359px) {

    #LogoEconor {width: 120px; margin-top: 15px;}

    #navbarNavPrincipal {font-size: 17px;}

    #index-banner .carousel-inner {height: 26rem;}

    .boton-prod {padding-top: 340px;}

    .banner-content > h-leng {font-size: 28px; line-height: 35px;}
        
    .bot-prod figure img {max-width: 150px;}

    .text-direccion {text-align: center;}

    #LP-abrev {display: block;}          
    #LP-completo {display: none;}
    #JL-abrev {display: block;}    
    #JL-completo {display: none;}
    #A-abrev {display: block;}    
    #A-completo {display: none;}

    
    #iconos {display: block;}
    #word {display: none;}


    /*CARROUSEL------------------------*/

    #index-banner-prod {height: 26rem;}

    .banner-content-imag {height: 26rem;}

    .banner-content-txt {height: 26rem;}

    #index-banner-prod .carousel-inner {height: 26rem;}

    /*controles---------------------*/
    .carousel-control-next svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 50vh;
    }

    .carousel-control-prev svg {
        color: #ffffff;
        width: 50px;
        height: 50px;
        margin-bottom: 50vh;
    }


    /*imagen---------------------*/
        
    #index-banner-prod {height: 53rem;}

    .banner-content-imag {height: 18rem;}

    .banner-content-txt {height: 32rem; margin-top: 20px; margin-left: 5%;}

    #index-banner-prod .carousel-inner {height: 53rem;}
    
    #carousel-img img {margin-top: 20px;}
    #carousel-img {background-color: #0c6436;}

       
/*Datos productos---------------------*/

   .info-prod {
        font-size: 35px; 
        line-height: 40px;
        margin-top: 10px;
    }

    .info-desc {
        font-size: 15px;
        line-height: 15px;
    }

    .info-uso {
        font-size: 15px;
        line-height: 15px;
    }

    .info-dilu {
        font-size: 15px;
        line-height: 15px;
    }

    /*ICONOS*/

    #prod-pres {font-size: 2.6rem; height: 45px;}
        
    #prod-ficha, #prod-video, #prod-triang {font-size: 2.6rem; height: 10px;}

    .cont-litros > h-leng {font-size: 0.8em; margin-left: 5px;} 


    /*FOOTER*/

    .footer {height: 34rem;}

    #footer-data > h-footer, .btn-menu > h-footer {
        font-size: 1.1em;
        margin-top: 10%;
    }
  

}