/*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 {
    display: inline;
    max-width: 75%;
    padding: 0px 0px;
    background-position: top right;
    position: relative;
    font-family: Montserrat;
    top: 4px;
}

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

#menu-ul    {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
}
/*#menu-ul #btt_catalog a {padding-right:32px}*/
.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 .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 span {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/desplegableplus.png) no-repeat;
        background-position-y: 3px;
        top: 9px;
        right: -10px;
        overflow: hidden /* ie6 height fix */;
    }
.subList .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/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/plegableMarca.png') no-repeat;
        background-position-y: center;
        top: 12px
    }

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

.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;
}


/*Dropdown Descarga*/
/*-------/------- 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;
            
        }