.btn1
{
	background: url(  'buttons/portafoliA.jpg' );
	height: 60px;
}

.btn1 a
{
	display: block;
	height: 60px;
	width: 157px;
}
.btn1 a:hover
{
	background: url(  'buttons/portafoliB.jpg' );
}
.btn2
{
	background: url(    'buttons/dissenyA.jpg' );
	height: 29px;
}

.btn2 a
{
	display: block;
	height: 29px;
	width: 157px;
}
.btn2 a:hover
{
	background: url(    'buttons/dissenyB.jpg' );
}

.btn3
{
	background: url(    'buttons/publicitatA.jpg' );
	height: 29px;
}

.btn3 a
{
	display: block;
	height: 29px;
	width: 157px;
}

.btn3 a:hover
{
	background: url(    'buttons/publicitatB.jpg' );
	height: 29px;
}

.btn4
{
	background: url(    'buttons/websA.jpg' );
	height: 29px;
}

.btn4 a
{
	display: block;
	height: 29px;
	width: 157px;
}

.btn4 a:hover
{
	background: url(    'buttons/websB.jpg' );
	height: 29px;
}

.btn5
{
	background: url(    'buttons/ilustracioA.jpg' );
	height: 29px;
}

.btn5 a
{
	display: block;
	height: 29px;
	width: 157px;
}


.btn5 a:hover
{
	background: url(    'buttons/ilustracioB.jpg' );
	height: 29px;
}

.btn6
{
	background: url(    'buttons/quisomA.jpg' );
	height: 60px;
}

.btn6 a
{
	display: block;
	height: 60px;
	width: 157px;
}

.btn6 a:hover
{
	background: url(    'buttons/quisomB.jpg' );
	height: 60px;
}

.btn7
{
	background: url(    'buttons/textA.jpg' );
	background-repeat: no-repeat;
	height: 116px;
}

.btn7 a
{
	display: block;
	height: 116px;
	width: 157px;
}


.btn7 a:hover
{
	background: url(    'buttons/textB.jpg' );
}

.btn8
{
	background: url(    'buttons/quefemA.jpg' );
	height: 60px;
}

.btn8 a
{
	display: block;
	height: 60px;
	width: 157px;
}

.btn8 a:hover
{
	background: url(    'buttons/quefemB.jpg' );
	height: 60px;
}

.btn9
{
	background: url(    'buttons/onsomA.jpg' );
	height: 60px;
}

.btn9 a
{
	display: block;
	height: 60px;
	width: 157px;
}

.btn9 a:hover
{
	background: url(    'buttons/onsomB.jpg' );
}

.btn10
{
	background: url(    'buttons/contactaA.jpg' );
	height: 60px;
	width: 157px;
}

.btn10 a
{
	display: block;
	height: 60px;
	width: 157px;
}

.btn10 a:hover
{
	background: url(    'buttons/contactaB.jpg' );
}

.btn10 img
{
	height: 60px;
}
.portafoli .btn1
{
	background: url(    'buttons/portafoliC.jpg' );
}

.btn11
{
	width:112px;
	height:32px;
	background: url(    'img/Facebook_LOGO.jpg' );
}
.btn11 a
{
	width:112px;
	height:32px;
	display: block;
}
.disseny .btn2
{
	background: url(    'buttons/dissenyC.jpg' );
}

.publicitat .btn3
{
	background: url(    'buttons/publicitatC.jpg' );
}
.webs .btn4
{
	background: url(    'buttons/websC.jpg' );
}
.ilustracio .btn5
{
	background: url(    'buttons/ilustracioC.jpg' );
}

.quisom .btn6
{
	background: url(    'buttons/quisomC.jpg' );
}

.text .btn7
{
	background: url(    'buttons/textC.jpg' );
}

.quefem .btn8
{
	background: url(    'buttons/quefemC.jpg' );
}
.onsom .btn9
{
	background: url(    'buttons/onsomC.jpg' );
}

.contacta .btn10
{
	background: url(    'buttons/contactaC.jpg' );
}