/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu{
position:relative;
z-index:2;
font: bold 14px Arial;
background-image:url(../images/menu-alto.png);
background-repeat:no-repeat; /*necessario per chrome */
width: 100%;
margin: 5px 0 0 0;
padding: 0;
list-style-type: none;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
padding: 6px 12px 0 12px;
height:30px;
text-decoration: none;
color:#000033;
}

.suckertreemenu ul li a:active{
color:#000033;
}

.suckertreemenu ul li a:visited{
color:#000033;
}

.suckertreemenu ul li a:hover{
color:#000033;
}


	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
display: block;
visibility: hidden;
background-color:#FFFFFF;
font-size:11px;
padding-top:-5px;
border-bottom:1px solid #cccccc;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
background-color:#FFFFFF;
border:1px solid #cccccc;
border-top:0;
border-bottom:0;
padding:0;
margin-top:0px;
}


/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 170px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 200px; /*width of sub menu levels*/
color:#000033;
padding:5px;
margin:0;
text-decoration: none;
height:auto;
}


.suckertreemenu ul li ul li a:link{
color:#000033;
}

.suckertreemenu ul li ul li a:active{
color:#000033;
}

.suckertreemenu ul li ul li a:visited{
color:#000033;
}

.suckertreemenu ul li ul li a:hover{
color:#0091e0;
}


	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */