/* XXX MENU sliding_effect.js http://xyberneticos.com/index.php/2008/05/12/menu-inspirado-en-los-efectos-producidos-por-mootools-usando-jquery/*/

#navigation-block {

}
#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 12px 20px 10px 35px;
	margin: 0;
	margin-bottom: 4px;
}


ul#sliding-navigation li.sliding-element a
{
	color: #000;
	background: transparent url(imagesMenu/back-reposo.jpg) repeat-y;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { 
color: #ffffff;
background: transparent url(imagesMenu/back-hover.jpg) repeat-y;
}

/* XXX TOOLTIP*/
.tooltip{
position:absolute;
left:-2000px;
background-color:#dedede;
padding:5px;
border:1px solid #fff;
width:250px;
}

.tooltip p{
margin:0;
padding:0;
color:#fff;
background-color:#111;
padding:2px 7px;
}