.menu {
	width: 150px;
	height: 580px;
	padding: 10px 0 0 0;
	font-size: 10px;
	background: url(art/back.gif);
	text-align: center;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	width: 150px;
	display: block;;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	font-size: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	/*	height: 35px;*/
	height: auto;
	padding: 0px;
}

/* position relative so that you can position the sub levels */
.menu li {
	position: relative;
	display: block;
	/*	height: 25px;*/
	height: auto;
	margin: 0px;
	margin-bottom: 1px;
	/*width:160px;*/
}

/* get rid of the table */ /*table {position:absolute; top:0; left:0;}*/
	/* style the links */
.menu a,.menu a:visited {
	display: block;
	text-decoration: none;
	height: auto;
	/*	height: 35px;*/ /*	line-height: 25px;*/
	line-height: 15px;
	width: 160px;
	color: #fff;
	margin: 0px;
	/*	padding-top: 5px;*/
	padding: 0px;
	/*background-image:url(../imatges/boton_azul.gif);*/
	background-color: #7692EB;
/*	border: 1px black solid;*/
	border: 0px;
	background-repeat: no-repeat;
	/*margin-left:10px;*/ /*text-indent:5px;*/
	/*border-right:5px solid #fff;*/ /*border-bottom:0px solid #fff;*/
	cursor: default;
	background-repeat: no-repeat
}

/* style the link hover */
.menu a:hover {
	color: maroon;
	background-color: #FEFE00;
	/*background:url(../imatges/boton_amarillo.gif);*/
	background-repeat: no-repeat;
}

.menu :hover>a {
	color: maroon;
	background-color: #FEFE00;
	/*background:url(../imatges/boton_amarillo.gif);*/
	background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 161px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {
	visibility: visible;
}

.menu ul :hover ul a {
	/*background-image:url(../imatges/boton_azul.gif);*/
	background-repeat: no-repeat;
}

.menu ul :hover ul a:hover {
	/*background:url(../imatges/boton_amarillo.gif);*/
	background-repeat: no-repeat;
	color: maroon;
}

.menu ul :hover ul :hover>a {
	/*background:url(../imatges/boton_amarillo.gif);*/
	background-repeat: no-repeat;
	color: maroon;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility: hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {
	visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility: visible;
}

.menu ul :hover ul :hover ul a {
	/*background-image:url(../imatges/boton_azul.gif);*/
	background-repeat: no-repeat;
}

.menu ul :hover ul :hover ul a:hover {
	/*background:url(../imatges/boton_amarillo.gif);*/
	background-repeat: no-repeat;
	color: maroon;
}

.menu ul :hover ul :hover ul :hover>a {
	/*background:url(../imatges/boton_amarillo.gif);*/
	background-repeat: no-repeat;
	color: maroon;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility: visible;
	/*text-align:center;*/
}

/*
.menu ul :hover ul :hover ul :hover ul li.pos1 {top:-100px;}
.menu ul :hover ul :hover ul :hover ul li.pos2 {top:-125px;}
.menu ul :hover ul :hover ul :hover ul li.pos3 {top:-150px;}
.menu ul :hover ul :hover ul :hover ul li.pos4 {top:-175px;}
.menu ul :hover ul :hover ul :hover ul li.pos5 {top:-200px;}
.menu ul :hover ul :hover ul :hover ul li.pos6 {top:-225px;}*/
	/*.menu ul :hover ul :hover ul :hover ul li a {background:transparent; color:#fff; width:298px; height:320px;}
.menu ul :hover ul :hover ul :hover ul li a img {border:1px solid #fff; margin-top:5px;}*/
#lista_productos {
	display: none;
	padding: 0px 0 0 0;
	top: -5px;
	position: relative;
	width: 420px;
	height: 560px;
	background: #FFF;
	overflow: scroll;
	z-index: 100;
}

#ofertas {
	position: relative;
	top: 0px;
	/*right:-10px;*/
	left: 0px;
	width: 160px;
}