/* NAVIGATION */
#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	background: none;
	float: left;
}

#navigation ul li a {
	display: block;
	position: relative;
	z-index: 20;
	height: 33px;
	text-decoration: none;
}

#navigation ul li a span { visibility: hidden; }

#navigation a#inicio {width: 164px;	background: url('../imagenes/navigation/inicio.png') 0 0 no-repeat;}
#navigation a#inicio.current { background: url('../imagenes/navigation/inicio.png') 0 -33px no-repeat; }

#navigation a#productos {width: 164px; background: url('../imagenes/navigation/productos.png') 0 0 no-repeat;}
#navigation a#productos.nav-current { background: url('../imagenes/navigation/productos.png') 0 -33px no-repeat; }

#navigation a#empresa {width: 164px; background: url('../imagenes/navigation/empresa.png') 0 0 no-repeat;}
#navigation a#empresa.nav-current { background: url('../imagenes/navigation/empresa.png') 0 -33px no-repeat; }

#navigation a#servicios {width: 164px; background: url('../imagenes/navigation/documentos.png') 0 0 no-repeat;}
#navigation a#servicios.nav-current { background: url('../imagenes/navigation/documentos.png') 0 -33px no-repeat; }

#navigation a#contacto {width: 164px; background: url('../imagenes/navigation/contacto.png') 0 0 no-repeat;}
#navigation a#contacto.nav-current { background: url('../imagenes/navigation/contacto.png') 0 -33px no-repeat;}

#navigation a#home {width: 164px;	background: url('../imagenes/navigation/home.png') 0 0 no-repeat;}
#navigation a#home.current { background: url('../imagenes/navigation/home.png') 0 -33px no-repeat; }

#navigation a#products {width: 164px; background: url('../imagenes/navigation/gallery.png') 0 0 no-repeat;}
#navigation a#products.nav-current { background: url('../imagenes/navigation/gallery.png') 0 -33px no-repeat; }

#navigation a#company {width: 164px; background: url('../imagenes/navigation/company.png') 0 0 no-repeat;}
#navigation a#company.nav-current { background: url('../imagenes/navigation/company.png') 0 -33px no-repeat; }

#navigation a#services {width: 164px; background: url('../imagenes/navigation/services.png') 0 0 no-repeat;}
#navigation a#services.nav-current { background: url('../imagenes/navigation/services.png') 0 -33px no-repeat; }

#navigation a#contact {width: 164px; background: url('../imagenes/navigation/contact.png') 0 0 no-repeat;}
#navigation a#contact.nav-current { background: url('../imagenes/navigation/contact.png') 0 -33px no-repeat;
 }



/* SUBNAV */
.subnav {
	position: absolute;
	top: 33px;
	z-index: 10;
	background: #00327b url('../imagenes/navigation/background-subnav.png') bottom left repeat-x;
	border: 1px solid #000000;
	border-top: none;
	padding: 19px 16px 13px 16px;
	width: 170px;
	display: none;
}

.subnav.columned {
	width: 409px;
}
.subnav.empresa {
	width: 192px;	
}

.subnav .float-left {
	width: 189px;
	border-right: 1px solid #000000;
	padding-right: 19px;
}

.subnav .float-right {
	width: 181px;
	padding-left: 19px;
	border-left: 1px solid #000000;
	margin-left: -1px;
}

.subnav h4 {
	color: #66ccff;
	font-weight: 800;
	margin-bottom: 0px;
	margin-top: 8px;
}

#navigation .subnav h4 a {
	text-align: left;
	background: url('../imagenes/navigation/arrow-right.png') 0 0 no-repeat;
	padding-left: 14px;
	color: #ffffff;
	display: block;
	height: auto;
	font-size: 12px;
}
#navigation .subnav h4 a:hover {color:#ff0000; text-decoration : none;}

#navigation .subnav h4.subnav-selected a {
	text-align: left; background: url('../imagenes/navigation/arrow-down.png') 0 3px no-repeat;
}

#navigation ul li .subnav ul {
	text-align: left;
	margin: 0;
	padding-top: 12px;
	display: none;
}

#navigation ul li .subnav ul.parent { display: block; }

#navigation ul li .subnav ul li {
	margin: 0 0 6px 10px;
	float: none;
	padding: 0;
	background: none;
}

#navigation ul li .subnav ul.parent li { margin-left: 14px; }

#navigation ul li .subnav ul li a {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size : 12px;
	background: none;
	height: auto;
	display: inline;
	color: #f2f1f1;
}
#navigation ul li .subnav ul li a:hover {color:#ff0000; text-decoration : none;}

#navigation ul li .subnav ul li a.alt, #navigation ul li .subnav ul.parent li a {
	color: #fff;
	font-weight: 800;
}