@import "http://fonts.googleapis.com/css?family=Lato:100,300,400";

/*********************************************+*** NUEVO MENU CSS ********************************/

/************ GENERALES - 1ER NIVEL **************/

#nav, .nav, #nav .nav li { 

	max-width:300%; margin:0 auto; padding:0px;  }

#nav li {

	float:left; display:inline; height:100%; position:relative; padding:5px 10px 10px 10px; margin:0 auto; text-align:center; border-right:#fff 1px solid;  }
	
#nav li:hover {

	float:left; display:inline; height:100%; position:relative; padding:5px 10px 10px 10px; margin:0 auto; text-align:center; border-right:#fff 1px solid; background:#999; }

.nkhome{

    width:100%;

    height:100%;

}

.nkhome a{ font-family:"Lato",sans-serif; font-weight:300;}

.nkhome a:hover { color:#9C9

}

#nav li a {

	display:block; float:left; height:100%; text-decoration:none; text-align:center; overflow:hidden; color:#fff; font-size:13px; padding:8px 0 0 0; cursor:pointer; font-family:"Lato",sans-serif; width:100%;}

#nav li a b{

	float:left; display:block; padding:0; font-family:"Lato",sans-serif; font-weight:300; letter-spacing:0.05em;color:#fff; }

/*#nav li:hover{

	background:#999; }

#nav li a:hover{

	cursor:pointer; font-family:"Lato",sans-serif; text-decoration:none; color:#fff; background:#999; height: 80%; width: 100%; }

/*********** 2DO SUBMENU *******************/

#nav li ul.first {

	left:-1px; top:100%; margin:0; padding:0; text-decoration:none; font-family:"Lato",sans-serif; font-weight:300; letter-spacing:0.05em;  }

/*************** RESTO DE NIVELES *********************/

ul.nav { display:none; z-index:20; margin:0 0 0 10px; } 

#nav .nav li { 

	width:250%; text-align:center; border:1px #666 solid; border-top:none; border-left:none; border-right:none; background:#333; font-family:"Lato",sans-serif; font-size:12px; padding:5px; font-weight:300; letter-spacing:0.05em; } 

#nav .nav li:hover { 

	background:#999; text-align:center; margin:0; font-family:"Lato",sans-serif; font-size:12px; font-weight:300; letter-spacing:0.05em; }

#nav .nav li a{

	text-transform:none; text-align:center; width:100%; height: 100%; overflow:hidden;font-family:"Lato",sans-serif; font-size:12px; color:#fff;font-weight:300; letter-spacing:0.05em;}  

#nav .nav li:hover > a{

	color:#fff; font-family:"Lato",sans-serif; font-size:12px; text-align:center; text-transform:none; height: 80%; font-weight:300; letter-spacing:0.05em;  }

li:hover > .nav { 

	display:block; position:absolute; width:100%; top:-2px; left:80%; z-index:10; text-align:left; font-family:"Lato",sans-serif; font-weight:300; letter-spacing:0.05em; font-size:12px; padding:0;  }<!--AFTER DISPLAY IS THE IE GHOST HOVER FIX -->

li:hover {  z-index:20; text-decoration:underline; }