/**Para menus de todo tipo **/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#wrap {width:1px; position:relative; background:#000; padding:0 10px; color:#999; margin-left:25px;}
#wrap a.nikon_link, #wrap a.nikon_link:visited {color:#bcd; font-size:10px;}
#wrap a.nikon_link:hover {text-decoration:none;}

#flyout {font-size:11px; padding:0; margin:0; list-style:none; width:24px; height:360px; position:absolute; left:-25px;}
#flyout ul {padding:0; margin:0; list-style:none;}
#flyout li {display:block; width:24px; height:120px; background:#1c1c1c;}
#flyout li a {display:block; width:24px; height:120px; text-indent:-999px; text-decoration:none;}
#flyout li a.nikon {background:url(../images_sitio/cameras.gif);}
#flyout li a.canon {background:url(../images_sitio/audio.gif);}
#flyout li a.pentax {background:url(../images_sitio/acc.gif);}

#flyout li a.news {background:url(../images_sitio/news.jpg);}
#flyout li a.home {background:url(../images_sitio/home.jpg);}
#flyout li a.Contactus {background:url(../images_sitio/contactus.jpg);}
#flyout li a.Contactenos {background:url(../images_sitio/contactenos.jpg);}
#flyout li a.Inicio {background:url(../images_sitio/inicio.jpg);}
#flyout li a.noticias {background:url(../images_sitio/noticias.jpg);}
#flyout li a.productos {background:url(../images_sitio/productos.jpg);}
#flyout li a.products {background:url(../images_sitio/products.jpg);}
#flyout li a.marcas {background:url(../images_sitio/marcas.jpg);}
#flyout li a.brands {background:url(../images_sitio/brands.jpg);}
#flyout li a.aboutus {background:url(../images_sitio/about_us.jpg);}
#flyout li a.quienessomos {background:url(../images_sitio/quienes_somos.jpg);}

#flyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#flyout li {float:left; margin-bottom:1px;}
#flyout li ul {visibility:hidden; position:absolute; top:0; left:24px; width:400px; height:117px; border-left:1px solid #fff; padding-top:4px;}
#flyout li ul li {display:block; display:inline; width:100px; height:22px; border:0; margin:0 10px; background:transparent;}
#flyout li ul li a {text-indent:0; background:transparent; display:block; width:100px; height:22px; line-height:21px; color:#bbb; border-bottom:1px solid #555; text-decoration:none;}
#flyout li b {visibility:hidden; display:block; width:360px; height:120px; position:absolute; top:0; left:24px; background:#234; opacity:0.8; filter:alpha(opacity=80);}
* html #flyout li a:hover {position:relative; white-space:normal;}
* html #flyout li a:hover ul li a:hover {color:#000; background:#bcd;}
#flyout li:hover {position:relative;}
#flyout li:hover ul li a:hover {background:#bcd; color:#000;}
#flyout li:hover b,
#flyout li a:hover b {
visibility:visible;
}
#flyout li:hover ul,
#flyout li a:hover ul {
visibility:visible;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {height:132px; width:200px; position:relative; margin:0px 4px 0px 4px;background-color: #B2AF9D;}

#menu ul {margin:0; width:200px; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; }

#menu li {background-color: #B2AF9D;list-style:none;}
#menu li {background-color: #B2AF9D;display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0px;}

#menu a {display:block;background-color: #A5A290; font:bold 13px Verdana, Arial, sans-serif; color:#FFF; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 

#menu ul li:hover > ul {left:100%; margin-top:-25px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;top:-2px;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li a{border-bottom:2px solid #B2AF9D;}
#menu li a:hover { color:#FC9200; } 
#menu li:hover > a {  color:#FC9200; }
#menu li a.fly {}
#menu li a.fly:hover {} 
#menu li:hover > a.fly {}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}