body {
 opacity: .999; /*to defeat firefox redraw problem with fade effect*/
}

/* link styles */
.nav a {
	text-decoration: none;
	display: block;
	padding: 5px 7px 4px 17px;
	color: #ffffff;
	width: 5.34em;
	/* font-weight: bold; */
	background-color: #1c5fb1;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
  margin: 0;
}



.nav li li a {
  /* style for links on pop-up menus */
  width: 12em;  
}

.nav li li li a {
	/* style for second level menu links */
}

.nav a:hover{
	background-color: #1c00b1;
	color: #e4f000;
}

/* main nav bar */
.nav {
	margin: 0;
	padding: 0;
	padding-left: 50px;		/* Con esta línea movemos el menú horizontalmente */
	line-height: 1;
}

/* all list items */
.nav  li {
	margin:0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
  position: relative;
}


/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
  left: 0;
  top: 1.72em; /* change when you change height of links */
	display: none;
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
  left: 13.6em; /* change when you change width of links */
  top: 0px;
  z-index: 99;
  border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}




.nav ul ul li {
	z-index: 100;
}



/* look for buttons that have menus */
.nav .sub {
	background-image: url(../superfish/images/arrow_down.png);
  background-repeat:no-repeat;
  background-position: 2px 3px;
}

.nav .subsub {
	background-image: url(../superfish/images/arrow_left.png);
  background-repeat: no-repeat;
  background-position: 4px 7px;
}




/* Inicio de características para botones específicos */

a#inicio {
	width: 3.8em;
		background-color: #ffeeee;
			color: #000066;
}

 a#inicio:hover{ /* Características del botón inicio cuando paso el ratón por encima */
	background-color: #ffeecc;
	color: #660066;
}


a#contacto {
		background-color: #8564bd;
			color: #f9f10d;
}

 a#contacto:hover{ /* Características del botón inicio cuando paso el ratón por encima */
	background-color: #8505bd;
	color: #bdff05;
}



a#instalaciones {
	width: 6.8em;
}

li#blog_mundo_zoehfer {
	left: -6.6em;   /* Con esta línea hacemos que el submenú de contacto se desplace a la izquierda, para
no salirse de la superficie del body */
}


/* FIN DE CARACTERÍSTICAS PARA BOTONES ESPECÍFICOS */