
/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#servicios {
  float: left;
	position: relative;
	width: 800px;
	height: 200px;
	overflow: hidden;
}



#servicios ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#servicios ul li {
	float: left;
}

#servicios ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:90px;
	height: 200px;
}

#servicios ul li.ingenieria a {
	background: url(imagenes/ingenieria.jpg) repeat scroll 0%;
}

#servicios ul li.fabricacion a {
	background: url(imagenes/fabricacion.jpg) repeat scroll 0%;
}

#servicios ul li.disenyo a {
	background: url(imagenes/disenyo.jpg) repeat scroll 0%;
}


#servicios ul li.outsourcing a {
	background: url(imagenes/outsourcing.jpg) repeat scroll 0%;
}

#servicios ul li.formacion a {
	background: url(imagenes/formacion.jpg) repeat scroll 0%;
}

#servicios ul li.sistemas a{
	background: url(imagenes/sistemas.jpg) repeat scroll 0%;

}


#servicios ul li.plm a {
	background: url(imagenes/plm.jpg) repeat scroll 0%;
}




/*imagemenu de proyectos*/


#proyectos {
  float: left;
	position: relative;
	width: 800px;
	height: 200px;
	overflow: hidden;
}



#proyectos ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#proyectos ul li {
	float: left;
}

#proyectos ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:90px;
	height: 200px;
}

#proyectos ul li.ferrocarril a {
	background: url(imagenes/ferrocarril.jpg) repeat scroll 0%;
}

#proyectos ul li.automocion a {
	background: url(imagenes/automocion.jpg) repeat scroll 0%;
}

#proyectos ul li.utillajes a {
	background: url(imagenes/utillajes.jpg) repeat scroll 0%;
}

#proyectos ul li.aeronautica a {
	background: url(imagenes/aeronautica.jpg) repeat scroll 0%;
}

#proyectos ul li.estructuras a {
	background: url(imagenes/arquitectura.jpg) repeat scroll 0%;
}

#proyectos ul li.equipos a {
	background: url(imagenes/equipos.jpg) repeat scroll 0%;
}

#proyectos ul li.lblanca a {
	background: url(imagenes/lblanca.jpg) repeat scroll 0%;
}

#logoMetrica {
  float: left;
	position: relative;
	width: 300px;
	height: 250px;
	overflow: hidden;
}


.clear {
	clear: both;
}

/*************************************************************/

