@charset "utf-8";
/* CSS Document */

#menu{
	margin:27px 0px 0px;
	padding:0px;
	width:960px;
	height:30px;
	clear:both;
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:15px;
	background:url(/imgs/menu.png) repeat;
}

#menu li {
	float:left;
	list-style:none;
	width:160px;
}

#menu ul {
	padding:0px;
	margin:0px;
	position:relative;
	z-index:3;
}

#menu li li {
	float:left;
	padding:0px;
	width:192px;
	font-size:12px;
}

#menu li ul {
    display: none;
	margin:0px;
	width:auto;
	margin-left:-16px;
}

#menu li:hover ul {
    display: block;
	float:left;
	z-index:2;
	background-color:#500000;
}

#menu li a {
	color:#fff;
	display:block;
	line-height:30px;
	margin:0px;
	text-decoration:none;
	height:30px;
}

#menu li li a:hover {
	background:url(/imgs/menu_over.jpg) repeat-x;
	background:#900;
}

#menu li:hover{
	background:url(/imgs/menu_over.jpg) repeat-x;
	height:30px;
}

/*-----------------------------------------------------------------------------------------------------------------------*/

#submenu{
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
	font-size:14px;
}

#submenu li{
	margin:0px;
	width:220px;
	display:block;
	list-style:none;
	float:left;
	height:22px;
}

#submenu li:first-letter{
	text-transform:capitalize;
}

#submenu ul{
	margin:0px;
	padding:0px;
	width:100%;
}

#submenu li > a {
	padding:2px 10px;
	margin:0px;
	width:200px;
	height:22px;
	color:#333;
	display:block;
	text-decoration:none;
}

#submenu li > a:hover {
	background:url(/imgs/submenu_fnd.png) repeat-x;
	color:#FFFFFF;
}

#submenu .apretado {
	background:url(/imgs/submenu_fnd_current.png) repeat-x;
	color:#FFFFFF;
	padding:2px 10px;
	margin:0px;
	height:18px;
}