/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.

Modified:
FB-9909 DEV SRF42245:Homy home menu display category change
Provided by customer, added by Roger.
=================================================================== */

/*.preload1 {background: url(three_0a.gif);}
.preload2 {background: url(three_1a.gif);}*/

.imageSize{
    height: 16px;
    width: 28px;
}
.imageSize2{
    height: 19px;
    width: 28px;
}

#nav {
    padding:0;
    margin:0;
    list-style:none;
    height:21px;
    position:relative;
    z-index:500;
    font-family:'FuturaLtBTLight';
    word-spacing: 3px;
    font-size: 12px;
    width: auto;
    margin-top: 5px;

/***************estilos menu2****************/
}
#nav li.top {display:block; float:left;}

#nav li a.top_link {
    display:block;
    float:left;
    height:21px;
    line-height:33px;
    color:#Fff;
    text-decoration:none;
    font-weight:normal;
    font-size: 12px;
    text-transform:uppercase;
    word-spacing: 3px;
    cursor:pointer;
}
#nav li.top2 {
    display:block;
    float:left;
    height:21px;
    line-height:33px;
    color:#fff;
    text-decoration:none;
    font-weight:normal;
    font-size: 10px;
    text-transform:uppercase;
    cursor:pointer;
}
#nav li a.top_link span {
    float:left;
    display:block;
    padding-top:0;
    height:21px;
    text-transform:uppercase;

/********estilos boton TODOS*********************/
}
#nav li a.top_link span.down {
    float:left;
    display:block;
    text-transform:uppercase;
    height:21px;

}

#nav li:hover a.top_link {color:#00b3d9; }
#nav li:hover a.top_link span {color:#00b3d9; background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top; padding-bottom:20px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{
    left:-3px;
    float:left;
    top:32px;
    background: #fff;
    white-space:nowrap;
    width:205px;
    /*width:90px;*/
    height:auto;
    z-index:300;
    /*padding-bottom:2px;        */
/*****modifica posicion icono*****************/
}
#nav li:hover ul.sub li
{
    display:block;
    height:19px !important;
    height:21px;
    position:relative;
    float:left;
    width:205px;
    /*width:200px;*/
    font-weight:normal;
    background: #f3f3f3;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #9c9c9c;
    font-family:Arial, Helvetica, sans-serif;
    /*word-spacing: 3px;*/
    font-size:11px;
    text-decoration:none;
    text-align:left;
    text-transform: uppercase;

}
#nav li:hover ul.sub li a
{
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    /*word-spacing: 3px;*/
    font-size:11px;
    width:161px !important;
    height:17px !important;
    height:auto;
    width:90px;
    text-decoration:none;
    text-align:left;
    text-transform: uppercase;
    padding-top:2px;
}
#nav li:hover ul.sub li a.subCategoryfly{
    width:205px !important;
}



#nav li:hover ul.sub li a:hover
{
    color:#000;
    font-weight: bold;
    display:block;
    background:#CCC;
    font-family:Arial, Helvetica, sans-serif;
}


#nav li:hover ul.sub2
{
    left:-3px;
    float:left;
    top:32px;
    background: #fff;
    white-space:nowrap;
    width:205px !important;
    width:90px;
    height:auto;
    z-index:300;
    font-weight: bold;
    /*padding-bottom:2px;        */
/*****modifica posicion icono*****************/
}
#nav li:hover ul.sub2 li
{
    display:block;
    height:19px !important;
    height:21px;
    position:relative;
    float:left;
    width:235px !important;
    width:230px;
    font-weight:normal;
    background: #f3f3f3;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #9c9c9c;
    font-family:Arial, Helvetica, sans-serif;
    /*word-spacing: 3px;*/
    font-size:11px;
    text-decoration:none;
    text-align:left;
    text-transform: uppercase;
    font-weight: bold;

}
#nav li:hover ul.sub2 li a
{
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    /*word-spacing: 3px;*/
    font-size:11px;
    width:226px !important;
    height:17px !important;
    height:auto;
    width:90px;
    text-decoration:none;
    text-align:left;
    text-transform: uppercase;
    padding-top:2px;
font-weight: bold;
}
#nav li:hover ul.sub2 li a:hover
{
    color:#000;
    font-weight: bold;
    display:block;
    background:#CCC;
    font-family:Arial, Helvetica, sans-serif;
}











#nav li ul.sub li a.fly
{
    float:left;
    width:205px;
    height:19px;
    padding-left:44px;
    color:#00b3d9;
    font-weight:normal;
    display:block;
    background:url(../site/common/flecha-azul.png) 190px 5px no-repeat;
}
#nav li:hover ul.sub li a.fly:hover
{

    width:249px;
    height:21px;
    color:#000;
    font-weight: bold;
    display:block;
    background: #CCC;
    font-family:Arial, Helvetica, sans-serif;

}


#nav li ul.sub2 li a.fly2
{
    float:left;
    width:240px;
    height:19px;
    padding-left:9px;
    color:#00b3d9;
    font-weight: normal;
    display:block;

}
#nav li:hover ul.sub2 li a.fly2:hover
{

    width:249px;
    height:21px;
    color:#000;
    font-weight: bold;
    display:block;
    background: #CCC;
    font-family:Arial, Helvetica, sans-serif;

}



#nav li ul.sub li a.fly3
{
    float: left;
    width: 232px !important;
    height: 19px;
    padding-left: 8px;
    color: #00b3d9;
    font-weight: normal;
    display: block;
    background: url(../site/common/flecha-azul.png) 226px 5px no-repeat;
}
#nav li:hover ul.sub li a.fly3:hover
{

    width:240px;
    height:21px;
    color:#000;
    font-weight: bold;
    display:block;
    background: #CCC;
    font-family:Arial, Helvetica, sans-serif;

}




#nav li ul.sub li a.fl2
{
    float:left;
    width:205px;
    height:19px;
    /*padding-bottom:2px;*/
    padding-right:44px;
    color:#00b3d9;
    font-weight:normal;
    display:block;
    background:url(../site/common/flecha-azul.png) 190px 5px no-repeat;
}
#nav li:hover ul.sub li a.fl2:hover
{

    width:205px;
    height:21px;
    color:#000;
    font-weight: bold;
    display:block;
    background: #CCC;
    font-family:Arial, Helvetica, sans-serif;
    /*****************SUBMENUS*****************/
}
#nav li:hover ul.sub li  ul
{
    float:left;
    display:block;
    white-space:nowrap;
    width:205px;
    height:auto;
    background: #CCC;
    left:205px;

}
#nav li:hover ul.sub li  ul li
{
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    height:19px;
    width:205px;
    padding-left:8px;
    background: #CCC;
    text-decoration:none;
    text-align:left;
    text-transform: uppercase;
    padding-top:0px;
}
#nav li:hover ul.sub li  ul li a
{
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    /*word-spacing: 3px;*/
    font-size:11px;
    height:auto;
    width:205px;
    height:19px;
    background: #CCC;
    color:#000;
    text-decoration:none;
    text-align:left;
    text-transform: uppercase;
    padding-top:2px;
}


#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}
/*******************SUBCATEGORIAS 2***************/

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
    left:183px;
    top:-2px;
    background:#000;
    white-space:nowrap;
    width:auto;
    z-index:400;
    height:auto;
    font-family:Arial, Helvetica, sans-serif;

    /*border-bottom:2px solid #fff;*/

}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{
    color:#000;
    width:205px;
    height:19px;
    font-weight: bold;
    display:block;
    background:#CCC;
    font-family:Arial, Helvetica, sans-serif;
}

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:url(../site/common/flecha-azul.png) 190px 5px no-repeat; color:#000; }


#nav li:hover li:hover a.fl2,
#nav li:hover li:hover li:hover a.fl2,
#nav li:hover li:hover li:hover li:hover a.fl2,
#nav li:hover li:hover li:hover li:hover li:hover a.fl2
{

    width:205px;
    height:19px;
    display:block;
    background:#CCC;
    font-family:Arial, Helvetica, sans-serif;
}

#nav li:hover li:hover li a.fl2,
#nav li:hover li:hover li:hover li a.fl2,
#nav li:hover li:hover li:hover li:hover li a.fl2
{background:url(../site/common/flecha-azul.png) 190px 5px no-repeat; color:#000; }


/************************ICONOS MENU***************************/

#ic-le{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -0px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;


}
#ic-c{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -28px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;


}
#ic-d{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -56px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;

}
#ic-dn{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -84px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;


}
#ic-e{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -112px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;


}
#ic-t{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -140px 0;
    position:absolute;
    left:-0px;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;

}
#ic-mo{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -447px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;

}
#ic-mp{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-repeat:no-repeat;
    background-position: -473px 0;
    width:28px;
    height:19px;
    float:left;
    position:absolute;
    left:-0px;
    top:0px;


}
#ic-i{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -168px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-co{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -196px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-a{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -224px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-me{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -252px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-coc{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -280px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-de{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -308px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-dec{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -336px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;
}
#ic-db{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -364px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-dj{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -392px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#ic-o{
    background-image:url(../site/common/iconos-tienda2.gif);
    background-position: -420px 0;
    width:28px;
    height:17px;
    margin-right:15px;
    float:left;

}
#fl-a{
    background:url(../site/common/flecha-azul.png) 125px 6px no-repeat;
    float:right;
}
/*****************POSICION SUBMENUS****************/

#nav li:hover li:hover li:hover li:hover li:hover ul #submenu1{
top: 0px;
position: absolute;
    }

#nav li:hover li:hover ul.submenu2,
#nav li:hover li:hover li:hover ul.submenu2,
#nav li:hover li:hover li:hover li:hover ul.submenu2,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu2{
top: -24px !important;
top: -26px;
position: absolute;
    }
#nav li:hover li:hover ul.submenu3,
#nav li:hover li:hover li:hover ul.submenu3,
#nav li:hover li:hover li:hover li:hover ul.submenu3,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu3{
top: -46px !important;
top: -50px;
position: absolute;
    }
#nav li:hover li:hover ul.submenu4,
#nav li:hover li:hover li:hover ul.submenu4,
#nav li:hover li:hover li:hover li:hover ul.submenu4,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu4{
top: -68px !important;
top: -74px;
position: absolute;
    }
#nav li:hover li:hover ul.submenu5,
#nav li:hover li:hover li:hover ul.submenu5,
#nav li:hover li:hover li:hover li:hover ul.submenu5,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu5{
top: -90px !important;
top: -98px;
position: absolute;
    }
#nav li:hover li:hover ul.submenu6,
#nav li:hover li:hover li:hover ul.submenu6,
#nav li:hover li:hover li:hover li:hover ul.submenu6,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu6{
top: -112px !important;
top: -122px;
position: absolute;
    }
#nav li:hover li:hover ul.submenu7,
#nav li:hover li:hover li:hover ul.submenu7,
#nav li:hover li:hover li:hover li:hover ul.submenu7,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu7{
    top: -24px !important;
    top: -36px;
    position: absolute;
    }
#nav li:hover li:hover ul.submenu8,
#nav li:hover li:hover li:hover ul.submenu8,
#nav li:hover li:hover li:hover li:hover ul.submenu8,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu8{
    top: -156px !important;
    top: -36px;
    position: absolute;
    }
#nav li:hover li:hover ul.submenu9,
#nav li:hover li:hover li:hover ul.submenu9,
#nav li:hover li:hover li:hover li:hover ul.submenu9,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu9{
    top: -156px !important;
    top: -36px;
    position: absolute;
    }
#nav li:hover li:hover ul.submenu10,
#nav li:hover li:hover li:hover ul.submenu10,
#nav li:hover li:hover li:hover li:hover ul.submenu10,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu10{
    top: -46px !important;
    top: -36px;
    position: absolute;
    }
#nav li:hover li:hover ul.submenu11,
#nav li:hover li:hover li:hover ul.submenu11,
#nav li:hover li:hover li:hover li:hover ul.submenu11,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu11{
    top: -68px !important;
    top: -36px;
    position: absolute;
    }
    #nav li:hover li:hover ul.submenu12,
#nav li:hover li:hover li:hover ul.submenu12,
#nav li:hover li:hover li:hover li:hover ul.submenu12,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu12{
    top: -90px !important;
    top: -36px;
    position: absolute;
    }

    #nav li:hover li:hover ul.submenu13,
#nav li:hover li:hover li:hover ul.submenu13,
#nav li:hover li:hover li:hover li:hover ul.submenu13,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu13{
    top: -112px !important;
    top: -36px;
    position: absolute;
    }

    #nav li:hover li:hover ul.submenu14,
#nav li:hover li:hover li:hover ul.submenu14,
#nav li:hover li:hover li:hover li:hover ul.submenu14,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu14{
    top: -134px !important;
    top: -36px;
    position: absolute;
    }

    #nav li:hover li:hover ul.submenu15,
#nav li:hover li:hover li:hover ul.submenu15,
#nav li:hover li:hover li:hover li:hover ul.submenu15,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu15{
    top: -24px !important;
    top: -338px;
    position: absolute;
}

    #nav li:hover li:hover ul.submenu16,
#nav li:hover li:hover li:hover ul.submenu16,
#nav li:hover li:hover li:hover li:hover ul.submenu16,
#nav li:hover li:hover li:hover li:hover li:hover ul.submenu16{
    top: -112px !important;
    top: -362px;
    position: absolute;
}

.widthsubcat2{
    width: 240px !important;
}

.submenu3float{
    left: 240px !important;
}