@import url(../../compono/menu/base.css);
@import url(../../compono/menu/cascade.css);
@import url(../../compono/menu/context.css);


/** 
 * Menu de categorias do topo
 */
ul.menu-category 
	{
	clear: both;
	float: right;
	
	height: 21px;
	width:771px;
	background-color: red;
	display:block;
	}
	
ul.menu-category a
	{
	height: 21px;
	cursor:pointer;
	}
	

ul.tab-category:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

ul.menu-category li
	{
	background:transparent url(img/tab-separator.gif) no-repeat scroll 0 1px;
	float: left;
	}

ul.menu-category li a:hover,
ul.menu-category li a.current,
ul.menu-category li a.current:visited
	{
	background-color:Black !important;
	}

ul.menu-category li.software
	{
	background:transparent none repeat scroll 0 0;
	}
	
ul.menu-category a,
ul.menu-category a:visited
	{
	background:transparent url(img/menu-category.gif) no-repeat !important;
	height: 21px;
	display: block;
	outline:0;
	padding:0px;
	text-indent:-9999px;
	}
	

ul.menu-category li.software a,
ul.menu-category li.software a:visited
	{
	background-position:0 -26px !important;
	width: 67px !important;
	}
	
ul.menu-category > li.software.current a
	{
	background-position:0 -26px !important;
	}
	
ul.menu-category li.software a:hover
	{
	background-position:0 -26px !important;
	}
	
ul.menu-category li.computadores a,
ul.menu-category li.computadores a:visited
	{
	background-position:-65px -1px !important;	
	width: 88px;
	}
	
ul.menu-category > li.computadores.current a
	{
	background-position:-65px -26px !important;
	}
	
ul.menu-category li.computadores a:hover
	{
	background-position:-65px -26px !important;	
	}

ul.menu-category li.impressoras a,
ul.menu-category li.impressoras a:visited
	{
	background-position:-152px -1px !important;
	width: 80px;
	}
	
ul.menu-category > li.impressoras.current a
	{
	background-position:-152px -26px !important;
	}
	
ul.menu-category li.impressoras a:hover
	{
	background-position:-152px -26px !important;
	}

ul.menu-category li.perifericos a,
ul.menu-category li.perifericos a:visited
	{
	background-position:-232px -1px !important;	
	width: 77px;
	}
	
ul.menu-category > li.perifericos.current a
	{
	background-position:-232px -26px !important;	
	}
	
ul.menu-category li.perifericos a:hover
	{
	background-position:-232px -26px !important;	
	}

ul.menu-category li.componentes a,
ul.menu-category li.componentes a:visited
	{
	background-position:-309px -1px !important;	
	width: 82px;
	}
	
ul.menu-category > li.componentes.current a
	{
	background-position:-309px -26px !important;	
	}
	
ul.menu-category li.componentes a:hover
	{
	background-position:-309px -26px !important;
	}
	
ul.menu-category li.multimedia a,
ul.menu-category li.multimedia a:visited
	{
	background-position:-390px -1px !important;	
	width: 70px;
	}
	
ul.menu-category > li.multimedia.current a
	{
	background-position:-390px -26px !important;	
	}
	
ul.menu-category li.multimedia a:hover
	{
	background-position:-390px -26px !important;
	}

ul.menu-category li.comunicacoes a,
ul.menu-category li.comunicacoes a:visited
	{
	background-position:-460px -1px !important;	
	width: 86px;
	}
	
ul.menu-category > li.comunicacoes.current a
	{
	background-position:-460px -26px !important;	
	}
	
ul.menu-category li.comunicacoes a:hover
	{
	background-position:-460px -26px !important;
	}
	
ul.menu-category li.jogos a,
ul.menu-category li.jogos a:visited
	{
	background-position:-547px -1px !important;
	width: 45px;
	}
	
ul.menu-category > li.jogos.current a
	{
	background-position:-547px -26px !important;
	}
	
ul.menu-category li.jogos a:hover
	{
	background-position:-547px -26px !important;
	}

ul.menu-category ul
	{
	width:auto !important;
	margin:0;
	padding:4px 0px 5px 0px;
	position:absolute;
	z-index:9999;
	background: transparent url(img/bg-menu-bottom.gif) no-repeat left bottom;
	}
	
ul.menu-category ul li
	{
	background-color:#f2f2f2;
	padding:0px 4px !important; 
	width:167px !important;
	background-image:none !important;
	}
	
	
div.bar ul.menu-category ul li a,
div.bar ul.menu-category ul li a:visited
	{
	background-image:none !important;
	text-indent: 0px;
	height:auto !important;
	color:#415d72;
	font-size:11px;
	width:161px !important;
	padding:4px 3px !important; 
	border-bottom: 1px solid #f6ffff;	
	display:block !important;
	}	
	
ul.menu-category ul li a:hover
	{
	background-color:#949494 !important;
	color:#ffffff !important;
	}