/*Menus CSS Styles*/

/*-------/------- MAIN MENU -------/-------*/
/* menu sprite */
#menu {
    padding-left: 50px;
}

#menu,
#menu-ul a:hover,
#menu-ul .current,
#menu-ul .CatalogDropDownOn,
#menu-ul .CatalogDropDownOn a {
    background-color: #76BC21;
}

#menu-ul,
#menu-ul li,
#menu-ul a {
    font-family: 'Montserrat', sans-serif;
    float: left
}

#menu-ul {
    display: inline;
    max-width: 65%;
    padding: 0px 0px;
    background-position: top right;
    position: relative;
    font-family: Montserrat;
    top: 4px;
}

    #menu-ul li {
        background: right center no-repeat;
        padding-right: 45px;
        margin-right: 2px;
    }

    #menu-ul a {
        height: 26px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        color: #ffffff;
        padding: 12px 8px 0
    }

        #menu-ul a:hover {
            background-position: center -58px;
            color: black
        }

    #menu-ul .current, #menu-ul .current a:hover {
        background-position: center -119px;
        cursor: pointer;
        color: #004715
    }

    /*Flecha desplegable catálogo*/
    #menu-ul #btt_catalog {
        position: relative;
        z-index: 1009
    }

.dropdownOpen {
    background: url(../images/catalogue-megamenu/flecha_menu_abierto.svg) right 19px no-repeat !important;
}

.dropdownClose {
    background: url(../images/catalogue-megamenu/flecha_menu_cerrado.svg) right 19px no-repeat;
}

    /*#menu-ul #btt_catalog a {padding-right:32px}*/
    #menu-ul .dropdownArrow {
        width: 15px;
        height: 40px;
        display: block;
        background: url(../images/catalogue-megamenu/flecha_menu_cerrado.svg) right 19px no-repeat;
        position: absolute;
        top: 0;
        right: 30px;
        cursor: pointer;
        text-indent: -9999px;
    }

    #menu-ul .CatalogDropDownOn .dropdownArrow {
        width: 15px;
    }
    /*Estilo de la opción de menu, con megamenu desplegado*/
    #menu-ul .CatalogDropDownOn {
        background-position: right -180px
    }
/*tab corner*/
#menu #menu-ul .CatalogDropDownOn a {
    background-position: left -180px
}
/*tab corner*/
#menu-ul .CatalogDropDownOn .dropdownArrow {
    background-position: -41px 6px
}


/*-------/------- MENU / Catalogue DropDown (MEGAMENU)  -------/-------*/
#catalogue-megamenu {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 9999;
    background-color: #f8f9fa;
    width: 100%;
}
/*Pestañas:*/
#top-megamenu, #bottom-megamenu {
    width: 980px;
    height: 15px;
}

#top-megamenu {
    background-position: center top;
}

#bottom-megamenu {
    background-position: center bottom;
}

/*Contenido:*/
#catalogue-megamenu .content {
    padding-left: 13px;
}

#catalogue-megamenu a {
    color: #333;
    float: none;
    padding: 0;
    height: 0;
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
}

    #catalogue-megamenu a:hover {
        color: #739E2E;
        text-decoration: underline;
    }

/*-------Nodo-N1 -------*/
/*Contenedor de grupo principal de categorías, nos sirve para crear  columnas segun ancho*/
#catalogue-megamenu .category-group {
    padding-bottom: 6px;
    background: #f8f9fa;
    float: left;
}
/*Título de Nodo 1 (cat. principal)*/
#catalogue-megamenu .title a {
    height: 30px;
    display: block;
    font-size: 14px;
    color: var(--main-green);
    line-height: 30px;
    min-width: max-content;
}

    #catalogue-megamenu .title a:hover {
        color: #739E2E;
        text-decoration: none;
    }

#catalogue-megamenu img {
    float: left;
    border-right: 1px solid #999999;
}

/*-------Listas, Común a Nodo-N-2-3-4 -------*/
#catalogue-megamenu ul {
    padding: 0 0 0 6px;
    overflow: hidden;
}

#catalogue-megamenu li {
    margin: 6px 6px 0px 0;
    padding: 2px;
    white-space: nowrap; /*facilita salto de línea de li, en ie6 e ie7, no borrar*/
}

/*-------Nodo-N2 -------*/
#catalogue-megamenu ul li {
    background: url(../images/bullets.gif) no-repeat left 8px;
    text-indent: 8px;
    float: left
}

    #catalogue-megamenu ul li a {
        font-size: 13px;
        color: #004715
    }

/*-------Nodo-N3 -------*/
#catalogue-megamenu ul ul {
    width: 440px;
    border-left: 2px solid #C1D63F;
    border-bottom: 2px solid #C1D63F;
}

    #catalogue-megamenu ul ul li {
        background: url(../images/bullets.gif) no-repeat left -193px;
    }

        #catalogue-megamenu ul ul li a {
            text-indent: 8px;
            color: #333;
        }

    /*-------Nodo-N4 -------*/
    #catalogue-megamenu ul ul ul {
        width: 430px;
    }

        #catalogue-megamenu ul ul ul li {
            background: url(../images/bullets.gif) no-repeat left -292px;
        }

#catalogue-megamenu ul li ul li,
#catalogue-megamenu ul li ul li a {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: 8px;
}

    #catalogue-megamenu ul li ul li ul li,
    #catalogue-megamenu ul li ul li ul li a {
        text-transform: uppercase;
        color: #333;
    }


/*------- /------- TOP TOOLBAR  -------/ -------*/
#topbar #TopbarTabRight {
    width: 20px;
    height: 54px;
    background: url(../images/backg-TopToolbar.png) no-repeat top right;
    padding-left: 15px;
    position: absolute;
    right: 55px;
}

#topbar #TopbarTabLeft {
    height: 54px;
    background: url(../images/backg-TopToolbar.png) no-repeat top left;
    position: absolute;
    right: 75px;
    padding-left: 10px;
}


















/*-------------/*-----------PARA PRESENTACION (LUEGO ELIMINAR Y METER LINKS)------------/----------------*/
.megamenu_a {
    height: 30px;
    display: block;
    font: bold 14px 'Montserrat', Helvetica, sans-serif;
    color: #004715;
    text-transform: uppercase;
    line-height: 30px;
    text-indent: 6px;
    background-color: #EBEBD8;
    border-bottom: 1px solid #999;
}

.megamenu_li {
    font-size: 13px;
    color: #004715
}
/*---------/---------------------------------------------/---------------*/















/**************
DROPDOWN MENUS
***************/
/**********************
GENERAL TOPBAR DROPDOWN
**********************/
.TopbarDropMenu {
    float: left;
    position: relative;
    z-index: 1002
}
/* BUTTON (superior, verde) */
#TopbarTabLeft .DropMenuBtt a {
    font-size: 13px;
    color: #333;
    line-height: 22px;
    padding-right: 32px;
    position: relative;
    float: left;
}

    #TopbarTabLeft .DropMenuBtt a .arrow {
        width: 26px;
        height: 30px;
        background: url(../images/backg-TopToolbar.png) no-repeat right -50px;
        position: absolute;
        top: 0;
        right: -1px
    }
    /*flechita abajo*/
    /* HOVER, ACTIVE LINK */
    #TopbarTabLeft .DropMenuBtt a:hover {
        color: #666
    }

#TopbarTabLeft .DropMenuBttOn a {
    color: #333;
    background-color: white !important;
}

    /* HOVER, ACTIVE ARROW */
    #TopbarTabLeft .DropMenuBttOn a .arrow {
        background-position: right -95px
    }

/* CONTENT */
.TopbarDropMenu .DropMenuContent {
    padding: 5px;
    background: white;
    border: 2px solid #C1D63F;
}

.TopbarDropMenu .DropMenuShadow {
    position: absolute;
    top: 28px;
    right: -10px;
    z-index: -1
}

.TopbarDropMenu li a {
    display: block
}


/**********************
GENERAL HEADERDROPDOWN
**********************/
/* BUTTON (formato cápsula gris) */
/*.HeaderDropMenu {float:right; position:relative; z-index:1000}*/
.HeaderDropMenu {
    float: right;
    position: relative;
    z-index: 500
}

    .HeaderDropMenu .DropMenuBtt a,
    /*.HeaderDropMenu .DropMenuBtt .corner    {height:30px;background:url(../images/Client-OrderDD.png) no-repeat left top;float:left;overflow:hidden}*/
    .HeaderDropMenu .DropMenuBtt a {
        padding-right: 0px;
        font-size: 13px;
        line-height: 26px;
        color: #666;
        background-position: right top
    }

    .HeaderDropMenu .DropMenuBtt .corner {
        width: 15px;
        background-position: left top
    }

    .HeaderDropMenu strong {
        color: Black;
    }
    /* ACTIVE */
    .HeaderDropMenu .DropMenuBttOn a {
        color: #333;
        background-position: right -50px
    }

    .HeaderDropMenu .DropMenuBttOn .corner {
        background-position: left -50px
    }

    .HeaderDropMenu .DropMenuContent .DropScroll li a {
        display: block
    }
    /* CONTENT */
    .HeaderDropMenu .DropMenuContent {
        padding: 5px;
        background-color: white;
        border: #ccc 1px solid;
    }
    /*.HeaderDropMenu .DropMenuShadow {top:29px; right:-8px;position:absolute;z-index:-1}*/
    .HeaderDropMenu .DropMenuShadow {
        right: -8px;
        position: absolute;
        z-index: -1
    }

/**********************
GENERAL DROPMENU CONTENT (Común para TOPBAR DROPDOWN y HEADERDROPDOWN)
**********************/
.DropMenuContent {
    font-family: Montserrat, sans-serif;
    font-size: 11px
}
/* Cambiado de Arial a Montserrat*/
.DropMenuShadow {
    padding: 0 8px 8px 0;
    background: url(../images/dropmenuShadow.png) no-repeat right bottom
}
/* ie6 fix */
* html .DropMenuShadow {
    padding-bottom: 7px
}

.DropMenuContent li {
    border-bottom: 1px solid #D7D9C0
}

    .DropMenuContent li a {
        padding: 5px 0 5px 3px
    }

.DropMenuContent a {
    color: #76bc21;/*#004715*/
}

    .DropMenuContent a:hover {
        color: #739E2E;
        text-decoration: underline;
    }

    .DropMenuContent a.more {
        float: right;
        font-size: 11px;
        font-weight: bold;
    }

.DropMenuContent li a:hover {
    color: black;
    background-color: var(--main-green);
    text-decoration: none
}
/*.DropMenuContent .menu-header {width:100%;padding:6px 0 3px 0;margin-bottom:6px;border-bottom:2px solid #C1D63F;overflow:hidden;}*/
.DropMenuContent .menu-header {
    width: 100%;
    padding: 6px 0 3px 0;
    margin-bottom: 6px;
    overflow: hidden;
}

    .DropMenuContent .menu-header h3, .DropMenuContent .menu-header h5 {
        text-transform: uppercase;
        font-weight: bold;
        float: left;
    }
/*Anadido h5*/
.DropMenuContent .DropScroll {
    overflow: auto;
    height: 70px
}

.DropMenuContent ul {
    background-color: #fff;
}
/* iconos sobres */
.DropMenuContent .email {
    width: 16px;
    height: 16px;
    background: url(../images/icons.png) no-repeat;
    padding-right: 3px;
    float: left
}

.DropMenuContent .unreaded .email {
    background-position: -51px -49px
}

.DropMenuContent .readed .email {
    background-position: -51px -99px
}

.DropMenuContent .unreaded .message {
    font-weight: bold
}

.DropMenuContent .date {
    color: #333
}


/**********************
DROMENU NOTIFICATIONS
**********************/
/* BUTTON */
#DropMenuNotifications .DropMenuBtt a {
    padding-left: 24px;
    background: url(../images/backg-TopToolbar.png) no-repeat left -75px;
}

#DropMenuNotifications, #DropMenuNotifications .DropMenuBtt a {
    height: 30px
}

    /* CONTENT */
    #DropMenuNotifications .DropMenuContent {
        width: 350px
    }

        #DropMenuNotifications .DropMenuContent .DropScroll {
            height: 180px
        }


/******************
DROPMENU MYACCOUNT
*******************/
/* BUTTON */
#DropMenuMyAccount, #DropMenuMyAccount .DropMenuBtt a {
    height: 30px;
    padding-left: 5px;
}

    /* CONTENT */
    #DropMenuMyAccount .DropMenuContent {
        width: 150px;
        padding-top: 10px;
    }

        #DropMenuMyAccount .DropMenuContent li {
            margin-bottom: 4px;
            border: 0;
            font-size: 12px;
        }

            #DropMenuMyAccount .DropMenuContent li a {
                color: #004715;
                display: inline;
                padding: 0
            }

                #DropMenuMyAccount .DropMenuContent li a:hover {
                    color: #739E2E;
                    text-decoration: underline;
                    background-color: transparent
                }


/***************
DROPMENU CLIENT 
****************/
#DropMenuClient .client-logo {
    width: 50px;
    height: 50px;
    border: 1px solid #333;
    margin-right: 6px;
    float: left;
    background-color: white;
}

#DropMenuClient .DropMenuContent {
    width: 380px
}

    #DropMenuClient .DropMenuContent .DropScroll {
        height: 165px
    }

    #DropMenuClient .DropMenuContent a .ref {
        width: 90px;
        border-left: 1px solid #D7D9C0;
        padding-left: 5px;
        margin-left: 5px;
        color: #333
    }

    #DropMenuClient .DropMenuContent a .client_name {
        padding-left: 3px
    }

#DropMenuClient .client-filter {
    margin: 5px 0 10px 0
}

#DropMenuClient .DropMenuContent label {
    margin-right: 20px;
    position: relative;
    padding-left: 18px;
    display: inline-block
}

#DropMenuClient .DropMenuContent .checkRadio {
    position: absolute;
    top: 4px;
    left: 0
}

/**************
DROPMENU ORDER 
***************/
#DropMenuOrder {
    margin-right: 0px;
    margin-left: 50px;
}
    /*Ico Truck*/
    /*#DropMenuOrder a .iconTruck {width:65px; height:30px; margin-top:4px; background: url(../images/Client-OrderDD.png) no-repeat left -229px; cursor:pointer; float:left; }*/
    #DropMenuOrder a .iconTruck {
        width: 65px;
        height: 30px;
        margin-top: 4px;
        background: url(../images/Client-OrderDD.png) no-repeat left -229px;
        cursor: pointer;
        float: left;
    }

    #DropMenuOrder .DropMenuContent {
        width: 370px
    }

        #DropMenuOrder .DropMenuContent .DropScroll {
            height: 120px
        }

        #DropMenuOrder .DropMenuContent li a {
            overflow: hidden
        }
        /* ie6 fix */
        * html #DropMenuOrder .DropMenuContent li a {
            width: 95%
        }

            #DropMenuOrder .DropMenuContent li a span {
                float: left;
                cursor: pointer
            }

        #DropMenuOrder .DropMenuContent .reference_titles span {
            float: left;
            padding-left: 3px;
            margin-bottom: 3px;
            font-weight: bold
        }

        #DropMenuOrder .DropMenuContent .ref {
            width: 60px;
            padding-right: 3px;
            color: #333;
            font-weight: bold
        }

        #DropMenuOrder .DropMenuContent .product_name {
            border-left: 1px solid #D7D9C0;
            padding-left: 3px;
            width: 260px
        }
/*Borramos por petición cliente: #DropMenuOrder .DropMenuContent .delete       {width:20px;height:15px;background:url(../images/icons.png) no-repeat -44px -597px;text-indent:-9999px;float:right;border-left:1px solid #D7D9C0;}*/

/* FIN DROPDOWN MENUS*/


/**********
BREADCRUMB
***********/
#breadcrumbs {
    padding: 3px 0 0 50px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E6E6E6
}

    #breadcrumbs li {
        color: #004715;
        padding: 5px 13px 3px 0px;
        margin-right: 6px;
        background: url(../images/backg-breadcrumbs.gif) no-repeat right;
        float: left;
        font-weight: bold
    }

    #breadcrumbs a {
        color: #004715;
        font-weight: normal;
        text-decoration: none
    }

        #breadcrumbs a:hover {
            color: #739E2E;
            text-decoration: underline
        }



/*-------/------- SUBMENUS -------/-------*/
.submenu-header {
    width: auto;
    max-width: 184px;
    padding-right: 8px;
}
/*.submenu-header, .submenu-footer {width:184px;padding-right:8px;}*/
.submenu {
    width: auto;
    max-width: 200px;
    background-position: -401px top;
    background-repeat: repeat-y;
}

.submenu-header {
    padding-top: 15px;
    margin-top: 25px;
}
/*.submenu-footer {height:18px;background-position:-201px bottom;}*/
.submenu a:hover {
    color: #739E2E;
}

.submenu ul {
    margin-bottom: 20px;
    display: block;
}

    .submenu ul li {
        padding-left: 3px;
    }

/*-------Nodo-N1 -------*/
/*-------Nodo-N1 -------*/
#content .submenu .title {
    padding-bottom: 4px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    color: var(--main-green) !important;
    text-transform: uppercase;
    display: block;
    font-weight: bold
}
/* ie6 hasLayout fix */
* html #content .submenu .title {
    height: 1%
}

#content .submenu a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

#content .submenu a {
    color: #515151;
    text-decoration: none;
}

    #content .submenu a:hover {
        text-decoration: underline;
        color: #739E2E;
    }

#content .submenu .current,
#content .submenu .current:hover {
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #333
}

/*-------Nodo-N2 -------*/
.submenu ul li {
    margin-bottom: 5px;
}
/*-------Nodo-N3 -------*/
.submenu ul ul {
    margin-bottom: 6px;
    border: 1px solid #E1E1E1;
    border-width: 1px 0;
    margin-top: 5px;
    padding-top: 5px
}

    .submenu ul ul li {
        margin-left: 6px
    }
    /*-------Nodo-N4 -------*/
    .submenu ul ul ul {
        margin-bottom: 6px;
        border-bottom: none
    }

        .submenu ul ul ul li {
            font-size: 11px
        }

/*-------/------- SUBMENUS DESPLEGABLES -------/-------*/
.jDesplegable {
    position: relative;
    z-index: 0
}

    .jDesplegable ul {
        display: none
    }

    .jDesplegable .masmenos {
        cursor: pointer;
        padding-left: 16px;
        margin-top: -5px;
        vertical-align: middle;
        width: 16px;
        margin-left: 6px;
        height: 22px;
        min-width: 16px;
        /* content: 'dasdasd'; */
        /* background: url(../images/icons.png) -1
        px
            -648
        px
            no-repeat; */
        background: url(../images/desplegar_catalogo.svg) no-repeat;
        background-position-y: 3px;
        top: 9px;
        right: -10px;
        overflow: hidden /* ie6 height fix */;
    }

    .downloads .masmenos{
        cursor: pointer;
        padding-left: 16px;
        margin-top: -5px;
        vertical-align: middle;
        width: 16px;
        margin-left: 6px;
        height: 22px;
        min-width: 16px;
        background: url(../images/desplegableplus.png) no-repeat;
        background-position-y: 3px;
        top: 9px;
        right: -10px;
        overflow: hidden /* ie6 height fix */;
    }

    .submenu .masmenos {
        cursor: pointer;
        padding-left: 16px;
        margin-top: -5px;
        vertical-align: middle;
        width: 16px;
        margin-left: 6px;
        height: 22px;
        min-width: 16px;
        /* content: 'dasdasd'; */
        /* background: url(../images/icons.png) -1
            px
                -648
            px
                no-repeat; */
        background: url(../images/desplegar_catalogo.svg) no-repeat;
        background-position-y: 3px;
        top: 9px;
        right: -10px;
        overflow: hidden /* ie6 height fix */;
    }


    }

        .jDesplegable .masmenos:hover { /*background-position:-1px -748px*/
        }
    /* posicion en ie6 */
    * html .jDesplegable .masmenos {
        right: 8px;
        top: 0
    }

.jDesplegable .ON {
    background: url('../images/comprimir_catalogo.svg') no-repeat;
    background-position-y: center;
    top: 12px
}

    .downloads .ON {
    background: url('../images/plegableMarca.png') no-repeat;
    background-position-y:center;
    top: 12px
    }

.submenu .ON {
    background: url('../images/comprimir_catalogo.svg') no-repeat;
    background-position-y: center;
    top: 12px
}

    .jDesplegable ul {
        clear: left
    }


/* SUBMENU HORIZONTAL */
.horizontal_submenu {
    background: none;
    width: 100%
}

    .horizontal_submenu .submenu_col {
        float: left;
        width: 20%;
        margin-right: 30px
    }

    .horizontal_submenu .submenu_col_25 {
        float: left;
        width: 30%;
        margin-right: 30px
    }

    .horizontal_submenu .submenu_col_43 {
        float: left;
        width: 61%;
        margin-right: 30px
    }

    .horizontal_submenu .last_submenu_col {
        margin-right: 0
    }


/*-------PAGINADOS -------*/
.pagenavi {
    padding: 0px 4px;
    margin: 20px 0px;
    border: 1px solid #ccc
}

    .pagenavi .pages {
        font-size: 11px;
        border-right: 1px solid #ccc;
        float: left;
    }

    .pagenavi .paged-list {
        text-align: center
    }

    .pagenavi li {
        display: inline
    }

        .pagenavi li a,
        .pagenavi li span {
            font-size: 12px;
            color: #333 !important;
            text-decoration: none !important;
            border: 1px solid white;
            border-width: 0 1px;
            display: inline-block
        }

        .pagenavi .pages,
        .pagenavi li a,
        .pagenavi li span {
            height: 24px;
            line-height: 24px;
            padding: 0 8px
        }

            .pagenavi li a:hover {
                color: #333;
                background-color: #EAF1BE;
                border-color: #CCC
            }

    .pagenavi .current,
    .pagenavi .current:hover {
        font-weight: bold;
        background-color: var(--main-green);
        color: white !important;
        border-color: #CCC;
        cursor: default
    }

    .pagenavi .PaginatorElementDisable {
        color: #666 !important;
        cursor: default
    }

        .pagenavi .PaginatorElementDisable:hover {
            color: #666;
            background: none;
            border-color: #fff
        }

.item-menu {
    padding-left: 0px !important;
}

.my-padding-left {
    padding-left: 50px;
}

/*-------/------- MENU / Catalogue Descargas (MEGAMENU)  -------/-------*/

/* titulo descargas */

#menuNav ul li a {
    font-size: 14px;
}

#menuNav ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #76BC21;
    padding: 0;
}

    /* items del menu desplegable */
    #menuNav ul ul li {
        float: none;
        width: 150px;
        padding: 20px;
        font-size: 12px;
    }

    /* enlaces de los items del menu desplegable */
    #menuNav ul ul a {
        line-height: 120%;
        padding: 10px 15px;
        font-size: 12px;
    }

/* items del menu desplegable al pasar el ratón */
#menuNav ul li:hover > ul {
    display: block;
}

#menuNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    /* items del menu */
    #menuNav ul li {
        background-color: #76BC21;
    }

    /* enlaces del menu */
    #menuNav ul a {
        height: 26px;
        /*text-transform: uppercase;*/
        font-weight: bold;
        color: #ffffff;
        padding: 12px 8px 0;
    }

    /* items del menu */
    #menuNav ul li {
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
    }

        /* efecto al pasar el ratón por los items del menu */

        #menuNav ul li:hover {
            background: #76BC21;
            z-index: 1000;
        }

#menuNav {
    display: inline-block;
    padding-top: 15px;
}