/*..............GENERAL.............*/

body{
  /*background:#320000 url(img/ratllesFons.gif) repeat-x !important;
  background:#320000;*/

  background:#320000 url(img/fons.gif) repeat-y center;

  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  overflow-x:hidden;
  overflow-y:auto;
  text-align:justify;
  line-height:180%;
}

ul{
	list-style:none;
}

a{
  color:#c00;
  font-weight:bold;
}

a:hover{
  color:#f00;
  font-weight:bold;
}

table{
  margin:auto;
}






/*..............CONTENT.............*/

#total{
  width:770px;
  position:absolute;
  left:50%;
  margin-left:-385px;
}

#contenido{
  width:770px;
  padding:20px 10px 30px;
  margin:auto;
}






/*..............HEAD.............*/

#fonsHeader{
  background:#320000 url(img/ratllesFons.gif) center 0px repeat-x !important;
  background:#320000;

  height:230px;
}

#fonsLogo{
  background:url(img/headBack.png) no-repeat center !important;
  background:none;

  width:100%;
  min-width:775px;
  height:230px;
  margin:-230px auto 0px;
}

#logo{
  background:url(img/headerextra.jpg) no-repeat center 54px !important;
  background:url(img/header.jpg) center no-repeat;

  min-width:775px;
  width:100%;
  height:230px;
  margin: -230px auto 0px;
}

#logo a{
  display:block;
  height:215px;
}

#credit{
  font-size:90%;
  color:#750000;
  position:absolute;
  top:-15px;
  left:4px;
}

#credit a{
  color:#750000;
}






/*..............QUADRES.............*/
.cuadre_llarg{
  background:url(img/cuadre_llarg.jpg) no-repeat;
  overflow:hidden;
  margin:-22px -2px;
  width:734px;
  float:left;
  margin:10px 10px !important;
  margin:10px 8px;
  position:absolute;
}
.cuadre_petit{
  background:url(img/cuadre.jpg) no-repeat;
  overflow:hidden;
  margin:-22px -2px;
  height:133px;
  float:left;
  margin:10px 10px !important;
  margin:10px 8px;
  position:absolute;
}
.cuadre_petitx{
  background:url(img/cuadre_petit.jpg) no-repeat;
  overflow:hidden;
  margin:-22px -2px;
  float:left;
  margin:10px 10px !important;
  margin:10px 8px;
  position:absolute;
}
#CLL_1{
  top:20px;
  left:10px;
  height:133px;
  width:734px;
}
#CLL_1 .titol{
  background-image:url(img/historia.gif);
}
#C1{
	top:168px;
	left:10px;
	width:235px;
	height:216px;
}
#C1 .titol{
  background-image:url(img/links.gif);
}
#C2{
	top:168px;
	left:260px;
	width:235px;
	height:216px;
}
#C2 .titol{
  background-image:url(img/descarregues.gif);
}
#C3{
	top:168px;
	left:508px;
	width:235px;
	height:32px;
}
#C3 .titol{
  background-image:url(img/lajunta.gif);
}

#C4{
	top:213px;
	left:508px;
	width:235px;
	height:32px;
}
#C5{
	top:500px;
	left:300px;
}
#C4 .titol{
  background-image:url(img/inscriures.gif);
}
.cuadre{
  background:url(img/cuadre.jpg) no-repeat;
  overflow:hidden;
  margin:-22px -2px;
}

.titol{
  text-indent:-1000px;
  background: no-repeat 0px 2px;
}

#AI,
#AC,
#AD,
#BI,
#BC,
#BD{
  width:235px;
  height:216px;
  float:left;
  margin:10px 10px !important;
  margin:10px 8px;
  position:absolute;
}

#AI,
#AC,
#AD{
  top:20px;
}

#BI,
#BC,
#BD{
  top:250px;
}

#AC,
#BC{
  left:255px;
}

#AD,
#BD{
  left:510px;
}

#AI .titol{
  background-image:url(img/noticies.gif);
}

#AC .titol{
  background-image:url(img/events.gif);
}

#AD .titol{
  background-image:url(img/lapenya.gif);
}

#BI .titol{
  background-image:url(img/socis.gif);
}

#BC .titol{
  background-image:url(img/bustia.gif);
}

#BD .titol{
  background-image:url(img/patrocinadors.gif);
}

#arriba,
#abajo{
  margin-left:-7px;
}







/*..............LINKS CONTROL.............*/

.mes,
.ff,
.rw{
  width:27px;
  height:27px;
  overflow:hidden;
  text-indent:-100px;
}

.mes{
  position:absolute;
  bottom:10px;
  right:10px;
  background:url(img/mes.gif) no-repeat;
}

.mes:hover,
.ff:hover,
.rw:hover{
  background-position:bottom;
}

.mes a,
.ff a,
.rw a,
.volver a{
  display:block;
  width:100%;
  height:100%;
}

.ff,
.rw{
}

.ff{
  background:url(img/ff.gif) no-repeat;
  float:right;
}

.rw{
  background:url(img/rw.gif) no-repeat;
  float:left;
}

.volver{
  border:#7c0000 3px solid;
  width:70px;
  text-align:center;
  margin:20px auto;
}

#container{
  width:100px;
  margin:auto;
  margin-bottom:50px;
}





/*..............IMATGES.............*/
.masfotos{
  vertical-align:bottom;
  height:70px;
  padding:5px;
}






/*..............TEXTOS.............*/

.data{
  font-weight:bold;
  color:#c00;
  font-size:80%;
}

#peu,
#peuT{
  color:#6f0000;
  font-weight:bold;
  margin:25px 0px 10px 263px;
}

#peuT{
  margin:25px auto;
  position:absolute;
  top:470px;
  left:258px;
}





/*..............FORM.............*/

input[type="text"],
input[type="submit"],
textarea{
  border: 2px #600 solid;
  padding:2px;
}

input[type="text"]:focus,
input[type="submit"]:focus,
textarea:focus{
  border: 2px #c00 solid;
  background: #fdd;
}

.ancho{
width:60px  !important;
width:60px;
}

.mover{
margin-left: !important;
margin-left:150px;
}











/*..............XAVI.............*/

.principal{
  width:750px;
  height:600px;
  margin:1% 0px 0px 15px;
  padding:10px;
}

.titolp{
  text-decoration:none;
}

.fotoenlace{
  height:200px;
}

.titol{
  margin:5px 0px 0px 8px;
  font-size:130%;
  font-weight:bold;
}




/*--cuadres--*/



.text{
  height:90px;
  margin:5px 20px 0px 10px;
}

.foto{
  border:#7c0000 3px solid;
  margin:2% 0px 0px 9%;
  height:120px;
}

.peufoto{
  margin:10px 25px 0px 20px;
  font-weight:bold;
}

.fotosoci{
  border:#7c0000 3px solid;
  width:100px;
}

.fotop{
  margin:10px 0px 0px 10px;
  /*width:130px;*/
}

a{
  color:#c00;
  font-weight:bold;
}

/* pagina noticies */

.noticia{
  width:700px;
  margin-left:40px;
  padding-top:15px;
}

.noti{
  margin-left:8px;
  color:#fff;
  font-size:120%;
  font-weight:bold;
}

.titoln{
  float:left;
  color:#fff;
  font-size:130%;
  margin:0px 0px 3px 5px;
}

.contingutn{
  border:#7c0000 solid 3px;
  background:#540000;
  margin:3px 0px 5px 5px;
  padding:5px;
}

.datan{
  float:right;
  color:#c00;
  margin:1px 5px 0px 0px;
  font-weight:bold;
}

.titufecha{
  height:21px;
  background:#7c0000;
  margin-left:-12px;
}
.titucargo{
  height:21px;
  background:#9e0000;
  margin-left:-12px;
  position:relative; 
  margin-bottom:3px; 
  left:-20px;
}

.fonsglobal{
  padding-bottom:20px;
}

.fototext{
  width:80px;
  margin:3px 8px 3px 3px;
}

/*apuntat*/

.nom_camp{
  font-weight:bold;
}

td{
  font-weight:bold;
}

.Texto{
  font-weight:bold;
}

/*--patrocinadors--*/

.taulaPatrocinadors {
	padding:0px;
	margin:0px;
	
}

.imatgeTaula{
	padding:0px;
	margin:0px;
}

.columnaInfo{
	padding-right:0px;
	padding-left:0px;
	margin-right:0px;
	margin-left:0px;
	
}

.contingutbanner{
  border:#7c0000 3px solid;
  margin:3px 0px 5px 5px;
  font-weight:bold;
  padding:5px;
}

.banner{
  /*height:100px;*/
  margin:10px 80px 10px 10px;
}

.patro{
  margin-top:10px;
  width:250px; 
}

/*--socis--*/

.fsoci{
  height:130px;
  margin:5px 80px 5px 5px;
}

.dades {
  margin:10px 0px 0px 20px;
}

.contingutsoci{
  border:#7c0000 3px solid;
  background:#540000;
  margin:3px 5px 5px 0px;
  font-weight:bold;
  padding:5px;
  height:140px;
}