.banner1, .banner2, .banner3, .banner4, .banner5 {
	margin-top: 5px;
	display: block;
	height: 60px;
	width: 222px;
	background-position: left bottom;
	line-height: 60px;
}

.banner1 {
	background-image: url(../imatges/banners/correu.jpg);
}
.banner2 {
	background-image: url(../imatges/banners/xtec.jpg);
}
.banner3 {
	background-image: url(../imatges/banners/edu365.jpg);
}
.banner4 {
	background-image: url(../imatges/banners/genedu.jpg);
}
.banner5 {
	background-image: url(../imatges/banners/se.jpg);
	background-repeat: no-repeat;
}
.banner1:hover{
	background-image: url(../imatges/banners/correu.jpg);
	background-position: right bottom;
}
.banner2:hover{
	background-image: url(../imatges/banners/xtec.jpg);
	background-position: right bottom;
}
.banner3:hover{
	background-image: url(../imatges/banners/edu365.jpg);
	background-position: right bottom;
}
.banner4:hover{
	background-image: url(../imatges/banners/genedu.jpg);
	background-position: right bottom;
}
.banner5:hover{
	background-image: url(../imatges/banners/se.jpg);
	background-position: right bottom;
}
.bannerlink {
	height: 60px;
	line-height: 60px;
}
#banners ul {
margin:0;
padding:0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

#banners ul a, #banners ul ul a {
display:block;
width:222px;
height:60px;
line-height:60px;
color:#FFFFFF;
text-decoration:none;

}

#banners ul a {
	text-indent:15px;
	font-weight:500;
	color: #FFFFFF;
	line-height: 30px;
}

#banners ul ul a {
text-indent:38px;
background:#666666 url(../imatges/ulul.jpg) no-repeat left bottom;
font-weight:400;
font-size:10px;
}


#banners ul a:hover, .selected ul a {

background-position:right top;
color:#FFFFFF;
}