/*





navigation

*******************************************************************************************************************/

div.navigation {

	position: absolute;
	
	top: 15px;
	
	left: 0;
	
	background: url(../images/propiedadeshomebgtop.bmp) left bottom no-repeat;
	
	width: 697px;
	
	height: 27px;
	
	padding: 0 0 8px;
	
}

div.navigation ul {
	
	position: relative;
	
	background: url(../images/navbg.png) no-repeat;

	height: 27px;

	list-style: none;
	
	overflow: hidden;

}

div.navigation li {
	
	display: block;
	
	position: absolute;
	
	top: 0;
	
	height: 27px;
	
}

div.navigation a {
	
	display: block;
	
	position: relative;
	
	height: 27px;
	
}

div.navigation .active,
div.navigation li:hover,
div.navigation li.iehover,
div.navigation a:hover {
	
	text-decoration: none;
	
	z-index: 55;
	
}

div.navigation li:hover,
div.navigation li.iehover,
div.navigation a:hover { z-index: 99; }

div.navigation #tab2 {
	
	left: 0;

	width: 101px;
	
}

div.navigation #tab3 {
	
	left: 95px;
	
	width: 127px;
	
}

div.navigation #tab4 {
	
	left: 215px;
	
	width: 142px;
	
}

div.navigation #tab5 {
	
	left: 350px;
	
	width: 111px;
	
}

div.navigation #tab6 {
	
	left: 455px;
	
	width: 68px;
	
}

div.navigation #tab7 {
	
	left: 516px;
	
	width: 69px;
	
}

div.navigation #tab8 {
	
	left: 577px;
	
	width: 111px;
	
}


/* normal */
div.navigation #tab2 a { background: url(../images/navbg.png) left 216px no-repeat; }

div.navigation #tab3 a { background: url(../images/navbg.png) -96px 216px no-repeat; }

div.navigation #tab4 a { background: url(../images/navbg.png) -225px 216px no-repeat; }

div.navigation #tab5 a { background: url(../images/navbg.png) -368px 216px no-repeat; }

div.navigation #tab6 a { background: url(../images/navbg.png) -450px 216px no-repeat; }

div.navigation #tab7 a { background: url(../images/navbg.png) -515px 216px no-repeat; }

div.navigation #tab8 a { background: url(../images/navbg.png) -582px 216px no-repeat; }


/* hover */
div.navigation #tab2 a:hover { background: url(../images/navbg.png) -170px -27px no-repeat; }

div.navigation #tab3 a:hover { background: url(../images/navbg.png) -170px -54px no-repeat; }

div.navigation #tab4 a:hover { background: url(../images/navbg.png) -170px -81px no-repeat; }

div.navigation #tab5 a:hover { background: url(../images/navbg.png) -170px -108px no-repeat; }

div.navigation #tab6 a:hover { background: url(../images/navbg.png) -170px -135px no-repeat; }

div.navigation #tab7 a:hover { background: url(../images/navbg.png) -170px -162px no-repeat; }

div.navigation #tab8 a:hover { background: url(../images/navbg.png) -170px bottom no-repeat; }


/* active */
div.navigation #tab2.active a { background: url(../images/navbg.png) left -27px no-repeat; }

div.navigation #tab3.active a { background: url(../images/navbg.png) left -54px no-repeat; }

div.navigation #tab4.active a { background: url(../images/navbg.png) left -81px no-repeat; }

div.navigation #tab5.active a { background: url(../images/navbg.png) left -108px no-repeat; }

div.navigation #tab6.active a { background: url(../images/navbg.png) left -135px no-repeat; }

div.navigation #tab7.active a { background: url(../images/navbg.png) left -162px no-repeat; }

div.navigation #tab8.active a { background: url(../images/navbg.png) left bottom no-repeat; }
