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

#menu {
	width:630px;
	height:20px;
	float:right;}

#menu ul {
	list-style-type: none;
	width:630px;
	height:20px;}
	
/* ____________________________________________________________________________________Ancho botones Nivel 1*/
	
#menu ul #quienes {width: 120px;}
#menu ul #servicios {width: 90px;}
#menu ul #clientes {width: 135px;}
#menu ul #noticias {width: 90px;}
#menu ul #trabajo {width: 125px;}
#menu ul #contacto {width: 70px;}

/* ____________________________________________________________________________________Nivel 1*/
#menu ul li.nivel1 { 
	float: left;
	margin-top:4px;
	border-bottom:1px solid #999;}
	
#menu .ulNivel1 {
	list-style-type: none;}
	
#menu ul li.nivel1 a { /* Reposo Nivel 1*/
	display: block;
	height:20px;
	/*height: 0px !important;*/
	text-decoration: none;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	/*position: relative;*/
	text-align:center;
	padding-top: 5px;}

#menu ul li.nivel1 a span{ /* Reposo Nivel 1*/
	text-align:left;/* POR QUE CHUCHA NO TOMA LA ALINEACION DEL TEXTO PERO SI TOMA EL COLOR DE FONDO????? */}
	
#menu ul li a:hover, #menu ul li:hover a.nivel1 {/* Rollover Nivel 1*/
	color:#FFF;
	position: relative;
	height: 20px;
	background-color:#666;}
	
#menu ul li a.nivel1, #menu ul li a.nivel2 {
	display: block !important;
	display: none;
	position: relative;}
	
#menu ul li:hover {
	position: relative;}

	
/* ____________________________________________________________________________________Nivel 2*/
#menu ul li ul {
	display: none;}
	
#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{
	display: block;
	position: absolute;
	left: 0 !important;
	left: -6px;
	top: 25px !important;
	top: 6px;
	z-index:12;}
	
#menu ul li .nivel2 a {/* Reposo Nivel 2*/
	width:130px;
	height: 20px!important;
	text-align: left;
	font-weight:normal;
	color:#999;
	background: url(../img/menu/bg_nivel2.png) !important;
	background-color: #333333;
	border-bottom: 1px solid #3e3e3e;
	padding-top: 10px;
	padding-left: 5px;
	padding-right:0;}
	
#menu ul li a.nivel2, #menu ul li a.nivel2ie {
	color: #fff;}
	
#menu ul li .nivel2 a:hover {/* Rollover Nivel 2*/
	/*background: url(../imagenes/menu/bg_desplegable_hover.png) !important;*/ 
	background: #FF0000;
	color: #FFF;}

/* ____________________________________________________________________________________Tabla para IE*/
table.falsa {
	border-collapse: collapse;
	border: 0px;
	float: left;
	position: relative;}