body {
  background: url(../img/bg.png) repeat-x;
  padding:0px;
  margin: 0px;
}

a { 
color: #f06;
font: normal 9px georgia, verdana, arial, sans serif;
text-decoration: none;
}

a:hover {
color: #333;
}

img {
border: none;
}

#background {

width: 1100px;
margin: 0 auto;
text-align: left;
position: absolute;
left: 50%;
margin-left: -565px;
.margin-left: -548px;
height: 590px;
background: url(../img/back.png) no-repeat 50% 0;
padding: 15px 15px 0 15px;

}

#header { 	
  position:absolute;
  height:70px;
  width:700px;
  top: 33px;
  left: 50%;
  margin-left: -459px;
  padding: 0px;
  overflow: hidden;
  z-index:3;
}

#header3 { 	
  position:absolute;
  height:30px;
  width:915px;
  .width:910px;
  top: 130px;
  left: 50%;
  margin-left: -458px;
  padding: 0px;
  overflow: hidden;
  text-align: right;
}

#bio {
  z-index:10;
  position:absolute;
  height:25px;
  width:140px;
  top: 135px;
  left: 50%;
  margin-left: -459px;
  padding: 0px;
  overflow: hidden;
}

#carrusel { 	
  position:absolute;
  height:500px; 
  width:600px;
  top: 88px; 
  left: 50%;
  margin-left: -457px;
  padding: 0px;
  overflow: hidden;
  z-index:1;
}

#content {	
  position:absolute;
  height:700px; 
  width:354px;
  top: 115px; 
  left: 50%;
  margin-left: 103px;
  text-align: left;
  padding: 0px;
  overflow: hidden;
  font: normal 11px georgia, verdana, arial, sans serif;
  line-height: 1.3em; 
  color: #555;
}

#content p {
margin-top: -25px;
.margin-top: -23px;
padding: 30px 0px 10px 30px;
}

#content span {
color: #f06;
}

#content a {
font: normal 11px georgia, verdana, arial, sans serif;
}


#wrapper { 	
  position:absolute;
  height:3400px; 
  width:920px;
  top: 90px; 
  left: 50%;
  margin-left: -459px;
  overflow: hidden;
}

#content_extended { 	
  position:relative;
  height:100%; 
  width:1080px;
  top:0px; 
  left: 50%;
  margin-left: -460px;
  overflow: hidden;
}

#news { 	
  position:absolute;
  height:200px; 
  /*width:660px;*/
  width: 100%;
  top: 555px; 
  left: 50%;
  margin-left: -457px;
  overflow: hidden;
}


/* Menu de navegacio INICI */


#top_nav {
  	z-index: 5;
	width:400px;
	position: absolute;
	top: 6px;
	left: 50%;
	margin: 14px 0px 0px 96px;
	.margin: 14px 0px 0px 91px;
	padding: 0px 0px 7px 0px;
}


/* Menu castellano */

#menu {
 width: 340px;
 height: 20px;
 background: url(../img/menu.jpg);
 margin: 10px auto;
 padding: 0;
 position: relative;
}

#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu li, #menu a {height:25px; display: block;}
#panel1b {left: 2px; width:74px;}
#panel2b {left: 90px; width:84px;}
#panel3b {left: 190px; width:46px;}
#panel4b {left: 250px; width:86px;}
 
#panel1b a:hover {background: transparent url(../img/menu.jpg) -2px -22px no-repeat;}
#panel2b a:hover {background: transparent url(../img/menu.jpg) -90px -22px no-repeat;}
#panel3b a:hover {background: transparent url(../img/menu.jpg) -190px -22px no-repeat;}
#panel4b a:hover {background: transparent url(../img/menu.jpg) -250px -22px no-repeat;}


/* Menu catala */

#menu-cat {
 width: 340px;
 height: 20px;
 background: url(../img/menu-cat.jpg);
 margin: 10px auto;
 padding: 0;
 position: relative;
}

#menu-cat li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu-cat li, #menu-cat a {height:25px; display: block;}
#panel1b-cat {left: 2px; width:75px;}
#panel2b-cat {left: 92px; width:68px;}
#panel3b-cat {left: 176px; width:45px;}
#panel4b-cat {left: 237px; width:85px;}
 
#panel1b-cat a:hover {background: transparent url(../img/menu-cat.jpg) -2px -22px no-repeat;}
#panel2b-cat a:hover {background: transparent url(../img/menu-cat.jpg) -92px -22px no-repeat;}
#panel3b-cat a:hover {background: transparent url(../img/menu-cat.jpg) -176px -22px no-repeat;}
#panel4b-cat a:hover {background: transparent url(../img/menu-cat.jpg) -237px -22px no-repeat;}



/* Menu english */

#menu-en {
 width: 340px;
 height: 20px;
 background: url(../img/menu-en.jpg);
 margin: 10px auto;
 padding: 0;
 position: relative;
}

#menu-en li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu-en li, #menu-en a {height:25px; display: block;}
#panel1b-en {left: 2px; width:67px;}
#panel2b-en {left: 85px; width:77px;}
#panel3b-en {left: 177px; width:48px;}
#panel4b-en {left: 238px; width:78px;}
 
#panel1b-en a:hover {background: transparent url(../img/menu-en.jpg) -2px -22px no-repeat;}
#panel2b-en a:hover {background: transparent url(../img/menu-en.jpg) -85px -22px no-repeat;}
#panel3b-en a:hover {background: transparent url(../img/menu-en.jpg) -177px -22px no-repeat;}
#panel4b-en a:hover {background: transparent url(../img/menu-en.jpg) -238px -22px no-repeat;}



/* Menu de navegacio FI */


/* Selector d'idioma INICI */

#selector_idioma {
  	position: absolute;
	z-index: 5;
	width:400px;
	top: 58px;
	left: 50%;
	margin: 14px 0px 0px 93px;
	.margin: 14px 0px 0px 88px;
	padding: 0px 0px 7px 0px;
}

#selector_idioma2 {
  	position: relative;
	top: -3px;
	left: 0px;
}

#idioma {
 position: relative;
 width: 325px;
 height: 20px;
 background: url(../img/idioma.jpg);
 margin: 10px auto;
 padding: 0;
}

#idioma li {margin: 0; padding: 0; list-style: none; position: absolute;}
#idioma li, #idioma a {height:25px; display: block;}
#idioma1b {left: 171px; width:49px;}
#idioma2b {left: 231px; width:40px;}
#idioma3b {left: 282px; width:45px;}
 
#idioma1b a:hover {background: transparent url(../img/idioma.jpg) -171px -22px no-repeat;}
#idioma2b a:hover {background: transparent url(../img/idioma.jpg) -231px -22px no-repeat;}
#idioma3b a:hover {background: transparent url(../img/idioma.jpg) -282px -22px no-repeat;}


#idioma2 {
 position: relative;
 width: 153px;
 height: 20px;
 background: url(../img/idioma2.jpg);
 padding: 0;
}

#idioma2 li {margin: 0; padding: 0; list-style: none; position: absolute;}
#idioma2 li, #idioma2 a {height:25px; display: block;}
#idioma21b {left: 0px; width:47px;}
#idioma22b {left: 60px; width:39px;}
#idioma23b {left: 111px; width:43px;}
 
#idioma21b a:hover {background: transparent url(../img/idioma2.jpg) 0px -22px no-repeat;}
#idioma22b a:hover {background: transparent url(../img/idioma2.jpg) -60px -22px no-repeat;}
#idioma23b a:hover {background: transparent url(../img/idioma2.jpg) -111px -22px no-repeat;}


/* Selector d'idioma FI */


/* News INICI */

.gallery2 {

margin: 10px 0px 0px -70px; /* Firefox & others */
.margin: 10px 0px 0px -30px; /* IExplorer */
overflow:hidden; /* Clears the floats */
width: 100%; /* IE and older Opera fix for clearing, they need a dimension */
list-style:none;
        
}

.gallery2 li {

float:left;
display:inline; /* For IE so it doesn't double the 1% left margin */
width: 300px;
height: 150px;
position:relative;
overflow:hidden; /* Clears the floats */

}


.gallery2 a, .gallery2 img {

display: block;

}

a img { border:none; } /* A small fix */

.gallery2 a:link,
.gallery2 a:visited,
.gallery2 a:focus,
.gallery2 a:hover,
.gallery2 a:active

{

/* TAMANY THUMBNAIL ARTISTA DESTACAT, NOTICIES, LINKS */
width:260px;
height:104px;
position: absolute;
top:0%;
left:10%;

}


.gallery2 span {
            
background:#ff0066;
position:absolute;
top:105px;
left:30px;
width:260px;
height:28px;

}

/* News FI */


#footer {
  position:absolute;
  width:915px;
  height:50px;
  top: 720px;
  left: 50%;
  margin-left: -457px;
  padding-top: 6px;
  text-align: left;
  font: normal 9px georgia, verdana, arial, sans serif;
  color: #555;
  border-top: 1px dotted #888;
}

#footer span {
margin-left: 625px;
}

#footer2 {
  position:relative;
  width: 937px;
  height: 50px;
  left: 50%;
  margin-left: -539px;
  .margin-left: -541px;
  padding-top: 6px;
  font: normal 9px Verdana,sans-serif;
  color: #000;
  border-top: 1px dotted #888;
}

#footer2_credits {
position: relative;
top: -30px;
left: 580px;
}