/*** Nav bar styles ***/
ul { 
	list-style-type: none;
}

ul.menu,
.menu ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
/*	display: inline; */
}

ul.menu{
/*	display: table; */
}

ul.menu>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}

ul.menu li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40px;
	margin-left: -6px;
	margin-top: 2px;
}

ul.menu li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.menu ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.menu,
.menu ul,
.menu ul li a{
	background-color: #fff;
	color: #369;
}

ul.menu li:hover,
.menu ul li a:hover{
	/* background-color: #369; */
	color: #fff;
}

ul.menu li:active,
.menu ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.menu,
.menu ul{
	border: 1px solid #369;
}

.menu a{
	text-decoration: none;
}

#menu .lavaLampWithImage {
	position: relative;
	left: 60px;
	height: 29px;
	width: 721px;
	background: url("bg.gif") no-repeat top;
	padding: 15px;
	margin: 10px 0;
	overflow: hidden;
        
}

#menu .lavaLampWithImage li {
	float: left;
	list-style: none;
}

#menu .lavaLampWithImage li.back {
	background: url("lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
                    
}
                        #menu .lavaLampWithImage li.back .left {
                            background: url("lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    #menu .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        #menu .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            color: #fff;
                            border: none;
                        }

        
#menu .lavaLampNoImage {
	position: relative;
	height: 29px;
	width: 721px;
	background-color: white;
	padding: 5px;
	margin: 10px 0;
	overflow: hidden;
	border: 1px solid gray;
}
                #menu .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    #menu .lavaLampNoImage li.back {
			/* margin-left: 150px; */
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
			margin-top: -35px;
			/* position: relative; */
                    }
                    #menu .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        #menu .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        #menu .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 721px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                #menu .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    #menu .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    #menu .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        #menu .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     

        #menu .lavaLampBorderOnly {
            position: relative;
            /* width: 816px; */
            background-color: white;
            padding: 3px;
		/* margin: 10px 0; */
            overflow: hidden;
            border: 1px solid #000;
        }
                #menu .lavaLampBorderOnly li {
                    float: left;
                    list-style: none;
                }
                    #menu .lavaLampBorderOnly li.back {
                        /* border: 1px dashed #003399; */
			border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        z-index: 8;
			margin: -3px;
                        position: absolute;
                    }
                   #menu .lavaLampBorderOnly li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
			padding: 5px 2px;
                        /* padding: 5px 10px; */
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
/* menu d'usuaris */
#top-menu{ margin-left:1.818em; clear:both; }
    #top-menu ul li{ padding:0.909em; float:left; border:1px solid #333; margin-right:0.609em; }
    #top-menu ul li.selected{ background-color:#c5c3c3; }
        #top-menu ul li.selected a{ color:#fff; }
    #top-menu ul li.last{ margin-right:0em; }
        #top-menu ul li a{ font-weight:bold; text-transform:uppercase; text-decoration:none; color:#000; }
        #top-menu ul li a:hover{ color:#666; }

.ui-tabs .ui-tabs-hide { display: none; }

.ui-tabs-selected { background-color:#c5c3c3; }

#sub-menu{ margin-left:4.818em; margin-top: 0.5em; clear:both; }
    #sub-menu ul li{ padding:0.409em; float:left; border:1px solid #c5c3c3; border-bottom:none; margin-right:0.909em; }
    #sub-menu ul li.selected{ background-color:#c5c3c3; }
        #sub-menu ul li.selected a{ color:#fff; }
    #sub-menu ul li.last{ margin-right:0em; }
        #sub-menu ul li a{ text-transform:uppercase; text-decoration:none; color:#9c9b9a; }
        #sub-menu ul li.ui-tabs-selected a{ color:#fff; }

.menu-bar{ float:left; width:990px; height:30px; clear:both; margin:10px 0px;}
.menu-bar .category{ float:left; margin-left:3em; }
.menu-bar .paginator{ float:right; line-height:30px; }