/* Només variacions NT/DS sobre styleMenuCO9.css. Carregar sempre DESPRÉS de styleMenuCO9.css */

:root {
    --ColorFonsBarraMenu: #ff0008;
    --ColorFonsMenu: #ff0008;
    --ColorLletraMenu: #fff;

    --ColorFonsSubMenu1Hover: #ff0008;
    --ColorLletraSubMenu1Hover: #fff;
    --ColorFonsSubMenu2Hover: #ff0008;
    --ColorLletraSubMenu2Hover: #fff;

    --ColorLletraSubMenu1MobilHover: #ff0008;
    --ColorLletraSubMenu2MobilHover: #ff0008;
}

/* perquè, quan estem a PC s'obri cap a l'esquerra */
.navMenu > li.hover > ul.esquerraSoftware { left: -33px;}
.navMenu > li.hover > ul.esquerraSoftware > li { width: 150px;}
.navMenu > li.hover > ul.esquerraConsumibles { left: -11px;}
.navMenu > li.hover > ul.esquerraConsumibles > li { width: 150px;}
.navMenu > li.hover > ul.esquerraImpresoras { left: -24px;}
.navMenu > li.hover > ul.esquerraImpresoras > li { width: 150px;}
.navMenu > li.hover > ul.esquerraNetworking { left: -24px;}
.navMenu > li.hover > ul.esquerraNetworking > li { width: 150px;}
.navMenu > li.hover > ul.esquerraServidores { left: -11px;}
.navMenu > li.hover > ul.esquerraServidores > li { width: 150px;}

/* I això perquè no afecti a la visualització mòbil (ha d'anar després dels .navMenu) */
.navMobil > li.hover > ul.esquerraSoftware { left: 0px;}
.navMobil > li.hover > ul.esquerraSoftware > li { width: 275px;}
.navMobil > li.hover > ul.esquerraConsumibles { left: 0px;}
.navMobil > li.hover > ul.esquerraConsumibles > li { width: 275px;}
.navMobil > li.hover > ul.esquerraImpresoras { left: 0px;}
.navMobil > li.hover > ul.esquerraImpresoras > li { width: 275px;}
.navMobil > li.hover > ul.esquerraNetworking { left: 0px;}
.navMobil > li.hover > ul.esquerraNetworking > li { width: 275px;}
.navMobil > li.hover > ul.esquerraServidores { left: 0px;}
.navMobil > li.hover > ul.esquerraServidores > li { width: 275px;}