/* Root = Horizontal, Secondary = Vertical */
.menu {
	font:11px arial, sans-serif; 
	width:772px; 
	height:38px; 
	position:relative; 
	margin:0; 
	margin:0px 0 0px 0; 
	background: #dfe3e6 url(art/bck_nav.jpg) no-repeat scroll left top;
	position:relative; 
	z-index:100;
	}
.menu ul { 
	padding:0; 
	margin:0 0 0 160px; 
	list-style-type: none;
	text-align: center;
}

.menu ul li {float:left; border-left:1px solid #eee; width:98px;}

.menu ul li a, .menu ul li a:visited {display:block; width:93px; text-decoration:none; padding:0 0 0 5px; height:32px; line-height:32px; color:#FFF; background: #818085 url(../../graphics/drop.gif) bottom right no-repeat;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul { visibility:hidden; position:absolute; top:31px; left:99px; border-top: 0px solid #555; z-index: 10; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#333;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; /*width:596px;*/background:#818085; color:#fff;}
* html .menu ul li:hover ul,
* html .menu ul li a:hover ul {width:498px; z-index: 10;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background: #333; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background: #8f8e94; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background: #484848; color:#FFF;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#FFF; background:#333;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background: #515151; color:#ff3a20;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#333; color:#fff;}

body#p_home li #inicio {background-color: #ff3a20; color: #FFF;}
body#p_producto li #producto {background-color: #ff3a20; color: #FFF;}
body#p_institucional li #institucional {background-color: #ff3a20; color: #FFF;}
body#p_servicios li #servicios {background-color: #ff3a20; color: #FFF;}
body#p_contact li #contact {background-color: #ff3a20; color: #FFF;}
body#p_donde li #donde {background-color: #ff3a20; color: #FFF;}

/* menu productos */
#m_productos {
	width: 772px;
	height: 466px;
	background-color: #fff;
	margin: 10px 0 0 0;
}
#m_productos ul {
	padding:0; 
	margin:0 0 0 0px; 
	list-style-type: none;
	text-align: center;
	border-left: 1px solid #6a6a6a;
	border-right: 1px solid #6a6a6a;
}
#m_productos ul li {
	float:left; 
	width:146px;
	margin: 0 10px 0 0;
}
#m_productos ul li.ultimo {
	margin-right: 0;
	}
#m_productos ul li a {
	display:block; 
	width:146px; 
	text-decoration:none; 
	padding:0px; 
	height:466px;
	text-indent: -1000em;
	background: #666;
}
#m_productos ul li a.ejecutivos {
	background: url(art/btn_ejecutivas.jpg) no-repeat scroll left bottom;
}
#m_productos ul li a.profesionales {
	background: url(art/btn_profesionales.jpg) no-repeat scroll left bottom;
}
#m_productos ul li a.auditorio {
	background: url(art/btn_auditorio.jpg) no-repeat scroll left bottom;
}
#m_productos ul li a.publico {
	background: url(art/btn_publico.jpg) no-repeat scroll left bottom;
}
#m_productos ul li a.recepcion {
	background: url(art/btn_recepcion.jpg) no-repeat scroll left bottom;
}
#m_productos ul li a.accesorios {
	background: url(art/btn_accesorios.jpg) no-repeat scroll left bottom;
}

#m_productos ul li a:hover {
	background-position: left top;
}