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

.menu {
	width:944px;
  position:relative;
  font-family: Arial, Helvetica, sans-serif;
	z-index:7; /* Para que quede por encima de otdo */
}
/* padding por defecto, eliminamos el margen y los bullets */
.menu ul {
  padding:0; 
  margin:0;
  list-style-type: none;
}
/* hacemos el menu horizontal */
.menu ul li {
  float:left;
  position:relative;
}
/* enlaces cabecera del menu */
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	height:1.5em;
	font-weight:bold;
	color:#fff; 
	border-bottom:0px solid #302e31;
	padding-left:6px; 
	padding-right:14px; 
	line-height:1.5em;
	margin-right:2px;
}

/* hack para corregir el box-bug de IE5.5 */
* html .menu ul li a, .menu ul li a:visited {
/*	width:98px;
	w\idth:88px;*/
	float:left;
}
/* ocultamos el menu desplegable */
.menu ul li ul {
  display: none;
}
/* quitmos todos los estilos de tabla */
.menu table {
	margin:-1px; 
	border-collapse:collapse;
	font-size:1em;
}

/* primera linea para IE7 y navegadores no-IE, segunda para IE5.5 e IE6 */

/* estilo para cuando pasamos con el ratón por encima */
.menu ul li:hover a,
.menu ul li a:hover {
	color:#ff2b2b; 
	border-bottom:5px solid #c82322;
}
/* desplegamos el menu */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	top:1.2em;
	margin-top:10px;
	left:0; 
	width:146px;
	border:1px solid #c82322;
	background:transparent;
}
/* estilo de las opciones del menu desplegado cuando no esta el raton por encima */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block;
	background:transparent url(opaque.png);
	color:#000;
	border:0;
	margin:0;
	color:#333;
	font-weight:normal;
	font-size:0.8em;
	height:auto;
	line-height:1em;
	padding:5px;
	width:136px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* estilo de las opciones del menu desplegado cuando pasamos con el raton */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
  background:#c82322; 
  color:#fff;
}

/* para hacer transparente el menu en IE5.5 e IE6 */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:9px; /* for IE5.5 faulty box model */
marg\in-top:10px; /* for IE6 */
}
/* hack para IE5.5 por su box-bug al desplegar el menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:146px; /* for IE5.5 faulty box model */
w\idth:136px; /* for IE6 */
}