@charset \"utf-8\";
/* CSS Document */

#nav_defaultCielo, 
#nav_defaultCielo ul {
	padding:0;
	margin:0;
padding:0 0 5px 0;
	list-style-type:none;
	height:25px;
	font: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#333;
background-image:url(../Images/sf_menu2-177.jpg);
	background-repeat:repeat-x;
	position:relative;
	z-index:100;
	/*text-transform:uppercase;*/
	color:#333;
}
#nav_defaultCielo {/*width:100%;*/ padding:0; /*padding-top:4px;  background-color:#fffaea;*/}

#nav_defaultCielo table {border-collapse:collapse;}
#nav_defaultCielo li {float:left; height:25px;}
#nav_defaultCielo li li {float:none; height:25px; background:#E2DFB3;}
/* a hack for IE5.x and IE6 */
#nav_defaultCielo li a li {float:left; height:25px; width:100%; border-bottom:1px #FFF0D2 solid; }

#nav_defaultCielo li a {display:block; float:left; color:#E8D7A0; height:25px; list-style-type:none;padding:0 9px 0 9px; line-height:25px; text-decoration:none; white-space:nowrap; /*font-weight:bold;*/ height:25px; background-image:url(../Images/sf_menu2-177.jpg);  background-repeat:repeat-x; /*border-right:1px solid #E8D7A0;*/}
#nav_defaultCielo li li a {height:25px; line-height:25px; border-bottom:1px #FFF0D2 solid; float:none; font-weight:normal; }

#nav_defaultCielo li:hover {position:relative; z-index:100; height:25px; line-height:25px;}
#nav_defaultCielo a:hover {position:relative; z-index:100; /*background:#C29A6D;*/ line-height:25px; color:#ffffff; /*border-left:1px solid #fff;*/}
#nav_defaultCielo li:hover > a {/*border-left:1px solid #ee0000; */line-height:25px; height:25px;  background-image:url(../Images/sf_menu_hover-178.jpg);  background-repeat:repeat-x;  /*background:#fffaea; */color:#333;}

#nav_defaultCielo :hover  ul {left:0; top:25px; /*border-left:1px solid #843;*/ z-index:300;}
#nav_defaultCielo a:hover ul {left:-1px; height:25px;}

#nav_defaultCielo ul {position:absolute; left:-9999px; top:-9999px; width:200px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav_defaultCielo li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav_defaultCielo li:hover > ul ul {position:absolute; width:200px; left:-9999px; top:-9999px;}
/* show path followed */
#nav_defaultCielo li:hover li:hover > a {background:#E8D7A0; /*width:200px;*/  color:#333; background-image:url(../Images/sf_menu_hover-178.jpg);  background-repeat:repeat-x;  /*border:2px solid #fff;*/ }

#nav_defaultCielo li a:hover ul li a:hover {background:#000000; width:100%;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav_defaultCielo a:hover a:hover ul,
#nav_defaultCielo a:hover a:hover a:hover ul,
#nav_defaultCielo a:hover a:hover a:hover a:hover ul,
#nav_defaultCielo a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav_defaultCielo a:hover ul ul,
#nav_defaultCielo a:hover a:hover ul ul,
#nav_defaultCielo a:hover a:hover a:hover ul ul,
#nav_defaultCielo a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}