@charset "iso-8859-1";

ul#topnav {
	margin: 0;
	padding: 0;
	float: right;
	/* width: 660px; */
	list-style: none;
	position: relative;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #666;
	text-decoration: none;
}
ul#topnav li:hover { background: #be0f34; color:#FFF }



/* ul#topnav li.active, ul#topnav li.active>a:hover, ul#topnav li.active>a { background: #be0f34; color:#FFF} */

body.home #topnav li.home, body.home #topnav li.home>a, body.home #topnav li.home>a:hover,
body.serviciosProfesionales #topnav li.serviciosProfesionales,body.serviciosProfesionales #topnav li.serviciosProfesionales>a,body.serviciosProfesionales #topnav li.serviciosProfesionales>a:hover,
body.clientesProyectos #topnav li.clientesProyectos,body.clientesProyectos #topnav li.clientesProyectos>a,body.clientesProyectos #topnav li.clientesProyectos>a:hover,
body.catalogo #topnav li.catalogo,body.catalogo #topnav li.catalogo>a,body.catalogo #topnav li.catalogo>a:hover,
body.contacto #topnav li.contacto,body.contacto #topnav li.contacto>a,body.contacto #topnav li.contacto>a:hover
{ background: #be0f34; color:#FFF}


ul#topnav li a:hover { color:#FFF}
ul#topnav li span{
	float: left;
	padding: 5px 0;
	position: absolute;
	right: 0px; top:35px;
	display: none;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	background: #be0f34;
	color: #FFF;
}



ul#topnav li:hover span { display: block; color:#FFF }
ul#topnav li a:hover span { color:#FFF}
ul#topnav li span a { display: inline; color:#FFF }
ul#topnav li span a:hover {text-decoration: underline; color:#FFF}