#LeftBan1{
margin:-30px 0px ;
position:absolute;
text-align:left;
background-image:url(../Imatges/coulored2.png);
background-repeat: no-repeat;
background-position: 50% 0%;
width:224px;
height:260px;
}

#LeftBan2{
margin:500px 0 0 0px;
position:absolute;
float:left;
background-image:url(../Imatges/maqui.gif);
background-repeat:no-repeat;
width:150px;
height:85px;
}

#LeftBan3{
margin:300px 0 0 -150px;
position:absolute;
float:left;
background-image:url(../Imatges/ordenador.gif);
background-repeat:no-repeat;
width:313px;
height:253px;
}

#TopBan {
width:850px;
height:100px;
border:1px solid;
/*background-color:#330099;*/
background-position:center;
float:left;
}
#TopBan2{
background-image:url(../Imatges/clip.gif);
position:absolute;
margin:-30px 0 0 400px;
background-repeat:no-repeat;
width:320px;
height:177px;
}

#rightBan{
position: fixed; 
background-image:url(../Imatges/flors.png);
margin:220px 0 0 975px;
width:100px;
height:400px;
background-repeat:no-repeat;
}

#Bone{
position:absolute;
float:left;
margin:90px 0 0 120px;
width:855px;
background-color:#F3F3F3;
}

#espiral{
width:35px;
background-image:url(../Imatges/spirou.png);
}

#foto{
margin:8px 0 8px 8px;
width:645px;
height:180px;
}

#carousel-wrapper {/*se definen las propiedades del contenedor mayor*/
margin:8px 0 8px 8px;
width: 645px;
height: 180px;
overflow: hidden; /*se esconden las barras de scroll*/
}
#carousel-content {
width: 12900px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#carousel-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 645px;
height: 180px;
}