*{
margin:0;
padding:0;
border:0;
}
body{
background-color:#000;
font:11px Arial,tahoma,geneva,sans-serif;
color:#999999;
line-height:14px;
padding:0px 0 0 0;
}

a{
color:#CCCCCC;
text-decoration:none
}
a:hover{
color:#fff;
text-decoration:none
}

form{
padding:5px 0 ;

}
input,select{
border:#999999 1px solid;
padding:1px 2px;
color:#0D0702;
font:11px verdana, arial,tahoma,sans-serif;
width:70px;
/*background-color:#cccccc;*/
}

textarea{
border:#9D885C 1px solid;
padding:1px 2px;
color:#0D0702;
font:11px arial,tahoma,sans-serif;
height:80px;
/*background-color:#cccccc;*/
}

select{
padding:1px
}
ul,li{
list-style:none;
padding:0px;
}
h1 {
padding:0px 0px 0px 0px;
}
h1 span{
display:none;
}

h2 {
padding:0px 0px 10px 0px;
font:bold 14px Arial, Helvetica, sans-serif;
}

h2 span,h3 span{
padding:0px 0px 0px 0px;
display:none
}

p{
padding:0px 0px 10px 0px;
}

h1{
color:#CCCCCC;
font:bold 11px Arial,tahoma,geneva,sans-serif;
}

h2{
padding:10px 0px 5px 0px;
color:#CCCCCC;
font:bold 11px Arial,tahoma,geneva,sans-serif;
}

/* ------------------------ header -------------------------- */

#header{
height:222px;
width:860px;
margin:0 auto;
padding:0px 0 0 0;
}
/*
#header .col1{
float:left;
height:222px;
width:430px;
}
#header .col2{
float:left;
height:222px;
width:430px;
}*/

/* ------------------------ menu -------------------------- */

#menu{
float:left;
width:140px;
height:424px;
padding:15px 0 0 0px;
}

#menu ul{
padding:0px 0 0 5px;

}

#menu li{
padding:0px 0 10px 20px;
}
#menu li p{
color:#919608;
padding:4px 0 0 5px;
font-size:10px;
}

#menu li.agenda{
padding:5px 0 10px 20px;
height:85px;
}

#menu li.agendasel{
padding:5px 0 10px 20px;
height:85px;
background:url(../../img/web/ic-estrella.gif)  no-repeat 0px 5px;
}

#menu li.suscribete{
padding:40px 0 0 20px;
_padding:10px 0 0 20px;
height:20px;
}

#menu li.sel{
background:url(../../img/web/ic-estrella.gif)  no-repeat 0px 0px;
}

#menu a{
color:#919608;
}

#menu a:hover{
color:#fff;
}

/* ------------------------ content -------------------------- */

#content {

width:860px;
margin:0 auto;
}

/* ------------------------ column -------------------------- */


/* -- inici-- */

#inici{
float:left;
background:url(../../img/web/bgr-inici.jpg) no-repeat top right;
height:478px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}

#inici  .col1{
float:left;
width:370px;
height:408px;
}

/* -- theband-- */

#theband{
float:left;
background:url(../../img/web/bgr-theband.jpg) no-repeat bottom right;
height:462px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}
#theband h1{
padding:0 0 10px 0;
}

#theband .col1{
float:left;
width:350px;
height:408px;

}

#theband .col2{
float:left;
padding:0 0 0 25px;
}

/* -- noticias-- */

#noticias{
float:left;
background:url(../../img/web/bgr-theband.jpg) no-repeat top right;
height:462px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}

#noticias .col1{
float:left;
width:510px;
height:422px;
}


#noticias .col2{
float:left;
padding:205px 0 0 25px;
width:185px;
text-align:center;
height:208px;

}

#noticias .col2 img{
padding:0 0 5px 0;
}


/* -- agenda-- */
#agenda{
float:left;
background:url(../../img/web/bgr-agenda.jpg) no-repeat bottom right;
height:462px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}

#agenda .col1{
float:left;
width:380px;
height:408px;
padding:0 10px 0 0px;
}

#agenda .col2{
padding:0 0 0 30px;

}

#agenda h1{
color:#CCCCCC;
font:bold 11px Arial,tahoma,geneva,sans-serif;
padding:0 0 10px 0;
}

#agenda span{
color:#CCCCCC;
}


/* -- contacto-- */
#contacto{
float:left;
background:url(../../img/web/bgr-contacto.jpg) no-repeat bottom right;
height:462px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}

#contacto .coll{
width:720px;
height:380px;
color:#A70000;
padding:15px 0 0 0;
}
#contacto .coll p{
padding:20px 0 0 340px;
}

/* -- galerias-- */

#fotos{
float:left;
background:url(../../img/web/bgr-extras.jpg) no-repeat bottom right;
width:720px;
min-height:476px;
_height:476px;
padding:0px 0 0 0;
text-align:justify;
}

#fotos h1{
padding:0 0 5px 0;
}

#fotos .coll{
float:left;
width:650px;
color:#A70000;
padding:20px 0 0 10px;
}

#fotos .coll p{
padding:5px 0 10px 0px;
color:#fff;
text-align:center;
font-weight:bold;
}

#fotos .col2{
float:left;
width:100px;
color:#A70000;
padding:30px 0 0 0;
}

#fotos .col2 li{
padding:0 0 10px 0;
}
#fotos .galeria{
float:left;
color:#A70000;
padding:20px 0 0 80px;
}

#fotos .galeria-p{
float:left;
color:#A70000;
padding:0px 15px 10px 0px;
}

.left-galeria{
float:left;
padding:0px 30px 0px 0px;
}

.left-galeria-p{
float:left;
padding:0px 10px 0px 0px;
}

.left-fotos{
float:left;
padding:0px 12px 10px 0px;
}





/* -- extras-- */
#extra{
float:left;
background:url(../../img/web/bgr-extras.jpg) no-repeat bottom right;
height:462px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}

#extra li{
padding:0px 0px 5px 0;
}

#extra .coll{
float:left;
width:470px;
height:380px;
color:#A70000;
padding:28px 0 0 80px;
}

#extra .coll p{
padding:0px 0 10px 0px;
color:#fff;
text-align:right;
}

#extra .col2{
float:left;
width:170px;
height:300px;
color:#A70000;
padding:0px 0 0 0;
}


/* -- enllac-- */
#enllac{
float:left;
background:url(../../img/web/bgr-links.jpg) no-repeat bottom right;
height:462px;
width:720px;
padding:15px 0 0 0;
text-align:justify;
}

#enllac .coll{
height:395px;
color:#A70000;
padding:0px 0 0 480px;
}
#enllac p{
font-weight:bold;
padding:10px 0 0 0px;
}

#enllac a{
color:#A70000;
}
#enllac a:hover{
color:#fff;
}

/* -- detall-- */
#detall{
float:left;
background:url(../../img/web/bgr-theband.jpg) no-repeat bottom right;
width:720px;
padding:15px 0 0 0;
text-align:justify;
min-height:462px;
_height:462px;
}

#detall .col1{
float:left;
width:550px;
}

#detall .col2{
float:left;
width:170px;
text-align:center;
}

#detall .col2 img{
padding:0 0 10px 0;
}


/* -- fotos-- */
/*
#galeria{
float:left;
background:url(../../img/web/bgr-theband.jpg) no-repeat bottom right;
width:720px;
padding:20px 0 0 0;
text-align:justify;
min-height:378px;
_height:378px;
}

#galeria .col1{
float:left;
width:550px;
}

#galeria .col2{
float:left;
width:170px;
text-align:center;
}

#galeria .col2 img{
padding:0 0 10px 0;
}
*/
/* ------------------------ banners -------------------------- */

#banners{
padding:10px 0 0 0;
}

#banners img{
padding:0 10px 0 0;
}


/* ------------------------ contactar -------------------------- */

.form{
width:590px;
margin:0 auto;

}
.camps{
float:left;
padding:0 0 10px 10px;
}
.txtcamps{
float:left;
padding:0 0 10px 10px;
}
#captcha{
padding:10px 0px 20px 70px;
float:left;
width:500px;
}
.imgcap{
height:60px;
float:left;
}
p.escriu{
padding:0 6px 0px 70px;
}
.btn{
height:24px;
width:100px;
border:0px;
}

/* ------------------------ comuns -------------------------- */
.tornar{
float:right;
margin:-15px 0px 0 0px;
background:url(../../img/web/ic-fletxa.gif) no-repeat 0px 4px;
width:45px;
text-align:right;
}

.pagina{
padding:10px 0 0 0px;
color:#F4A95B;
float:right;
}
.pagina a{
color:#A5A4A4;
}
.pagina a:hover{
color:#fff;
}
.pagina span{
color:#A5A4A4;
}

.marc {
border:1px solid #949494;
}
.foto{
float:left;
padding:0px 25px 10px 0px;
}
.descp{
float:left;
padding:0px 0px 10px 0px;
}
.left{
float:left;
padding:0px 10px 0px 0px;
}
.left-salva{
float:left;
padding:0px 40px 0px 0px;
}

.right{
float:right;
padding:0 0px 15px 8px;
}
.center{
text-align:center;
padding:20px 0 20px 0;
} 
.center span {
float:left;
padding:0px 0 0px 30px;

}
.fix{
height:1px;
margin:-1px 0 0 0;
overflow:hidden;
clear:both;
}
.avellana{
margin:-4px 0 0 0;
}
#map{
height:275px;
width:503px;
padding:1px;
background-color:#fff;
border:1px solid #000;
margin:20px 0 20px 30px;
}
.data{
float:left;
}

.down{
float:right;
}
.down a{
text-decoration:none;
}
.down a:hover{
text-decoration:underline;
}
.desc470{
width:470px
}

.doc li{
	float:left;
	padding: 0 0px 1em 30px;
	height: 1%;
	font-weight:bold;
	margin:0 0 0 20px;
}
.doc li.ico-pdf{
	background: url(../../img/web/ico-pdf.gif) no-repeat 0 3px
}
.doc li.ico-doc{
	background: url(../../img/web/ico-paper.gif) no-repeat 0 3px
}
.doc li.ico-sound{
	background: url(../../img/web/ico-sound.gif) no-repeat 0 3px
}

.input{
float:left;
width:50px;
}
.boto{
background: url(../../img/web/b-ok.gif) no-repeat 0 0px;
height:17px;
width:24px;
border:none;
margin:0px  0 0 2px;
}
/********************************/
/*  MISSATGES FLASH             */
/********************************/
.message { z-index:10; width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }