#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 120px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 70px;
}

#nav li {
	float: left;
	width: 120px;
	padding-right: 60px;
	padding-left: 60px;
	height: 70px;
}

/* Estilos espaciales para el menú principal con logos*/

/*Grupo GRG*/
#nav #menuRed a.firstRed {
	background-image: url(../images/logos/logoMenuGrupoGrgOff.png);
}

#nav #menuRed a.firstRed:hover {
	background-image: url(../images/logos/logoMenuGrupoGrgOn.png);
}

#nav #menuRed a.link {
	background-image: url(../images/logos/logoMenuGrupoGrgOn.png);
}

/*Marketing solutions*/
#nav #menuGreen a.firstGreen {
	background-image: url(../images/logos/logoMenuMarketingSolutionsOff.png);
}

#nav #menuGreen a.firstGreen:hover {
	background-image: url(../images/logos/logoMenuMarketingSolutionsOn.png);
}

#nav #menuGreen a.link {
	background-image: url(../images/logos/logoMenuMarketingSolutionsOn.png);
}

/*GRG Consulting*/
#nav #menuBlue a.firstBlue {
	background-image: url(../images/logos/logoMenuGrgConsultingOff.png);
}

#nav #menuBlue a.firstBlue:hover {
	background-image: url(../images/logos/logoMenuGrgConsultingOn.png);
}

#nav #menuBlue a.link {
	background-image: url(../images/logos/logoMenuGrgConsultingOn.png);
}

/*Efectimedios*/
#nav #menuMandarine a.firstMandarine {
	background-image: url(../images/logos/logoMenuEfectimediosOff.png);
}

#nav #menuMandarine a.firstMandarine:hover {
	background-image: url(../images/logos/logoMenuEfectimediosOn.png);
}

#nav #menuMandarine a.link {
	background-image: url(../images/logos/logoMenuEfectimediosOn.png);
}




/***************************segundo nivel *****************************/
#nav li ul {
	position: absolute;
	width: 165px;
	left: -999em;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}

#nav li ul li {
	height: 20px;
	width: 165px;
	line-height: 20px;
	padding: 0px;
}

/* Definición de los LI con enlaces de segundo nivel */
#nav li ul li.linkSubmenu {
	width: 163px;
	margin: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#nav #menuRed ul li.linkSubmenu {
	border-color: #CC0000;
}

#nav #menuGreen ul li.linkSubmenu {
	border-color: #83DB40;
}

#nav #menuBlue ul li.linkSubmenu {
	border-color: #6297B1;
}

#nav #menuMandarine ul li.linkSubmenu {
	border-color: #FB9D4C;
}


/* ligas de segundo nivel */
#nav li ul li.linkSubmenu a {
	background-image: url(../images/apoyo/backgrounds/menuSecondBlack.png);
	width: 143px;
	height: 20px;
	color:#FFFFFF;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: none;
}

#nav li ul li.linkSubmenu a:hover {
	text-decoration: underline;
}

#nav #menuRed ul li.linkSubmenu a:hover {
	color: #CC0000;
}

#nav #menuGreen ul li.linkSubmenu a:hover {
	color: #83DB40;
}

#nav #menuBlue ul li.linkSubmenu a:hover {
	color: #9FC0D0;
}

#nav #menuMandarine ul li.linkSubmenu a:hover {
	color: #FB9D4C;
}

/* Espacio en blanco entre menú principal y desplegable */
#nav .spaceMenu { 
	height: 25px;
}

/* Espacio bajo el menú para nombre de la empresa*/
#nav .companyName {
	width: 165px;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	color: #83DB40;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: center;
}

#nav #menuRed .companyName {
	color: #CC0000;
}

#nav #menuGreen .companyName {
	color: #83DB40;
}

#nav #menuBlue .companyName {
	color: #669BB6;
}

#nav #menuMandarine .companyName {
	color: #EA7C2E;
}

/* Estilo para el efecto de menú desplegable*/
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}