/* CSS Document */



/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/
/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,
#TJK_dropDownMenu * { margin:0;padding:0;}
#TJK_dropDownMenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	position:relative;
	background:#906d17;
	width:730px;
	max-width:100%;
	float:left;
	margin-bottom:15px;
	border-bottom:1px solid #666;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:1px 10px 10px 10px;
	background:url(/img/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
/*ok width:120px;*/
/*ok max-width:16.5%;*/
	float:left;
	list-style-type:none;
	list-style-image:none !important;
/*ok font-weight:bold;*/
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:10em/*FF*/;
	padding:0;
	border:none;
	max-width:120%;
/*ok border:1px solid #333;*/
	border-top:none;
}
/* All anchors */
#TJK_dropDownMenu li a {
	font-size:12px;
	color:#ffe6a8;
/*ok border-left:1px solid #333;*/
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	padding:14px 10px;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
/*ok height:2em;*/
	line-height:2em;
}

/*imagem para os MENUS*/

#m-jardins {
background:transparent url(../images/menu_jardins.gif) no-repeat scroll center;
text-indent:-9000px;
width:116px;
}
#m-lojas {
background:transparent url(../images/menu_lojas.gif) no-repeat scroll center;
text-indent:-9000px;
width:38px;
margin-left:25px;
_margin-left:8px;
}
#m-foto {
background:transparent url(../images/menu_foto.gif) no-repeat scroll center;
text-indent:-9000px;
width:81px;
margin-left:25px;
_margin-left:8px;
}
#m-falando {
background:transparent url(../images/menu_falando.gif) no-repeat scroll center;
text-indent:-9000px;
width:125px;
margin-left:25px;
_margin-left:8px;
}
#m-plantas {
background:transparent url(../images/menu_plantas.gif) no-repeat scroll center;
text-indent:-9000px;
width:141px;
margin-left:25px;
_margin-left:10px;
}


/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	font-size:12px;
	text-transform:uppercase;
	/*width:9emFF*/;
	position:relative !important; /* ie Mac */
	top:4px;
	left:25px;	
	white-space:nowrap;
/*ok line-height:1.7em;
	height:1.7em;*/
	font-weight:normal;
/*ok border:1px solid #fff;*/
	color:#9e8034;
	background-color:#f3ddab;
	/*background-position:0 50% !important;*/
	background-position:10px 50% !important;
}

ul #sub01 li a{
	width:131px;
	margin-left:-25px;
	*margin-left:-20px;
}
ul #sub02 li a {
	width:105px;
}
ul #sub03 li a {
	width:160px;
}
ul #sub04 li a {
	width:125px;
}
ul #sub05 li a {
	width:155px;
	margin:0 0 0 20px;
	*margin:0 0 0 10px;
}
ul #sub06 li a {
	width:160px;
}

/*imagens para os submenus*/

/*submenu JARDINS OPEN MALL*/
#m01-empresa {
	text-indent:-9900px !important;
	background:url(../images/m01-empresa.gif) center no-repeat;
}
#m01-historico {
	text-indent:-9900px !important;
	background:url(../images/m01-historico.gif) center no-repeat;
}
#m01-localizacao {
	text-indent:-9900px !important;
	background:url(../images/m01-localizacao.gif) center no-repeat;
}
#m01-eventos {
	text-indent:-9900px !important;
	background:url(../images/m01-eventos.gif) center no-repeat;
}
#m01-lazer {
	text-indent:-9900px !important;
	background:url(../images/m01-lazer.gif) center no-repeat;
}

/*submenu LOJAS*/
#m02-lojas {
	text-indent:-9900px !important;
	background:url(../images/m02-lojas.gif) center no-repeat;
}
#m02-quero {
	text-indent:-9900px !important;
	background:url(../images/m02-quero.gif) center no-repeat;
}

/*submenu FOTOGALERIAS*/
#m03-shopping {
	text-indent:-9900px !important;
	background:url(../images/m03-shopping.gif) center no-repeat;
}
#m03-circula {
	text-indent:-9900px !important;
	background:url(../images/m03-circula.gif) center no-repeat;
}
#m03-eventos {
	text-indent:-9900px !important;
	background:url(../images/m03-eventos.png) center no-repeat;
}

/*submenu FALANDO NO JARDINS*/
#m04-imprensa {
	text-indent:-9900px !important;
	background:url(../images/m04-imprensa.gif) center no-repeat;
}
#m04-depoimentos {
	text-indent:-9900px !important;
	background:url(../images/m04-depoimentos.gif) center no-repeat;
}

/*submenu AS PLANTAS DO JARDINS*/
#m05-especies {
	text-indent:-9900px !important;
	background:url(../images/m05-especies.gif) center no-repeat;
}


/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {
	color:#ffe6a8;
	background-color: #895e0f;
}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#9e8034 !important;background-color:#e9d099 !important;}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {
	display:block;
	z-index:10;
	top:48px !important;
}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:5;}
#TJK_dropDownMenu li#CF {z-index:4;}
#TJK_dropDownMenu li#GJ {z-index:3;}
#TJK_dropDownMenu li#KR {z-index:2;}
#TJK_dropDownMenu li#ST {z-index:1;}
/*#TJK_dropDownMenu li#UZ {z-index:1;}*/

/* Current location - class on Body must match LI's id */
/*ok 	.AB #TJK_dropDownMenu li#AB a,
		.CF #TJK_dropDownMenu li#CF a,
		.GJ #TJK_dropDownMenu li#GJ a,
		.KR #TJK_dropDownMenu li#KR a,
		.ST #TJK_dropDownMenu li#ST a,
		.UZ #TJK_dropDownMenu li#UZ a {color:#000;}*/
/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul,
.CF #TJK_dropDownMenu li#CF ul,
.GJ #TJK_dropDownMenu li#GJ ul,
.KR #TJK_dropDownMenu li#KR ul,
.ST #TJK_dropDownMenu li#ST ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}

/*ok  background colors 
#AB,#AB li a {background-color:#e2facd;}
#CF,#CF li a {background-color:#fffcd0;}
#GJ,#GJ li a {background-color:#ffe1cc;}
#KR,#KR li a {background-color:#fccae5;}
#ST,#ST li a {background-color:#c9c9ff;}
#UZ,#UZ li a {background-color:#ffcebe;}*/
/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#ST ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #TJK_dropDownMenu li#AB ul li a:focus,
.AB #TJK_dropDownMenu li#AB ul li a:active,
.CF #TJK_dropDownMenu li#CF ul li a:focus,
.CF #TJK_dropDownMenu li#CF ul li a:active,
.GJ #TJK_dropDownMenu li#GJ ul li a:focus,
.GJ #TJK_dropDownMenu li#GJ ul li a:active,
.KR #TJK_dropDownMenu li#KR ul li a:focus,
.KR #TJK_dropDownMenu li#KR ul li a:active,
.ST #TJK_dropDownMenu li#ST ul li a:focus,
.ST #TJK_dropDownMenu li#ST ul li a:active,
.UZ #TJK_dropDownMenu li#UZ ul li a:focus,
.UZ #TJK_dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}