@charset "iso-8859-5";
/* CSS Document */

	#nav {
		position: relative;
		top:-8px;
		height: 50px;
		width: 450px;
		
	}
	#nav #a1, #a2, #a3{ background-image:url(../images/botonera.png); height:43px;}
	#nav #a1{ width:122px;	
	 }
	#nav #a2{
	background-position: -122px 0px;
	width:184px;	
}
#nav #a2 .subitmes{
position:absolute;
top:23px;
margin-left:32px;
}
#nav #a2 .subitmes .hogar{
	background-image: url(../images/hogar1.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 0px;
	padding-left: 22px;
}

#nav #a2 .subitmes .comercio{
	background-image: url(../images/comercio.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 33px;
	padding-bottom: 0px;
	padding-left: 33px;
}
#nav #a2 .subitmes .hogar:hover{
	background-image: url(../images/hogar1hover.jpg);
	
}

#nav #a2 .subitmes .comercio:hover{
	background-image: url(../images/comerciohover.jpg);

}
	#nav #a3{ background-position: -306px 0px;
	width:136px;	
	}
	
	#nav #a1:hover{ background-position: 0px -43px;	 }
	#nav #a2:hover{	background-position: -122px -43px;}
	#nav #a3:hover{ background-position: -306px -43px;
	width:136px;	
	}
	
	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
		
	}
	
	#nav a {
		text-decoration: none;
	}
	#nav a:hover {
	color:#FFFFFF;
	}

	#nav li { /*flotar los principales*/
		margin: 0;
		float: left;
		display: block;
		   position: static;  
		/*padding-right: 25px;
		padding-left: 25px;
		padding-bottom:7px;
		padding-top:7px;
		text-align:center;*/
		

	}
	/*#nav #a2{
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	}*/
	#nav #a1{
/*	padding-left: 0px;*/
	}
	#nav #a3
	{
	/*padding-right: 0px;*/
	}
	#nav #a3:hover, #nav #a2:hover, #nav #a1:hover{
	background-color:#a1a3a6;
	color:#FFFFFF;
	}
	



	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /* bajar subnav */
		position: absolute;
		top: 40px;
		left: 0;
		font-size:9px;
		padding-top: 5px;
		/**/width: 382px;
		padding-left: 30px;
		height: 12px;/**/
		background: #86888b;
		margin-left:40px;
	}
	#nav li.off ul.menu3, #nav li.on ul.menu3 {
	width:220px; margin-left:345px;}
	#nav li.on ul {
	margin-top:16px;
	background: #86888b;
	}

	#nav li.on:hover ul, #nav li.over ul { /* ie*/
	background: #86888b;
	}

	#nav li a {
		/*color: #224d6f;
		font-weight: bold;*/
		display: block;
		/*width: 93px;*/
		padding: 0;
		
	}
	#nav li a:hover {
	
/*	background-color:#a1a3a6;*/
	}
	#nav li.on {
		/*color: #f90;*/
		color:#FFFFFF;
		background-color:#a1a3a6;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie hereda  float*/
		/*color: #f90;*/
		width: auto;
		/*margin-right: 15px;*/
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /* ie - especifidad necesaria*/
		/*background-color:none;*/
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
		padding-top:5px;
		padding-bottom:2px;
	
	}

	#nav li.off a:hover, #nav li.on a:hover { 
	/*	color: #f90;*/
	}

	/*do the image replacement*/

	#nav li span {
		/*position: absolute;
		left: -9384px;*/
	}

	#a1 a, #a2 a, #a3 a {
		display: block;
		position: relative;
	/*	height: 26px;
		background: url(../bk-dropdownMap.gif) no-repeat;*/ /*estados hover */
	}


/*subnav formatting*/

	#nav li.off ul a, #nav li.on ul a {
		display: block;
		color: #ffffff;
		/*font-family: arial, verdana, sans-serif;
		font-size: small;*/
	}		
	#nav li.off ul a:hover, #nav li.on ul a:hover {
		color: #cbdd55;
	
	}	
	#nav li.on ul a {
		/*background: #f90;*/
	}
	
	#nav li .submenu{
		padding-left:2px;
		padding-right:2px;
		padding-top:0px;
		
		}