/* CSS Document */

* {
	margin:0;
	padding:0;
	
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	

}
ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#cos {
	position:absolute;
	margin: 0 auto;
	width: 900px;
	height: 549px;
	left: 50%;
	top:50%;
	margin-left: -450px;
	margin-top: -270px;
	background-repeat: no-repeat;
	background-image: url(../imatges/espiral3.jpg);
	background-position: center -16px;
	
 
}

#cos2 {
	position:absolute;
	margin: 0 auto;
	width: 900px;
	height: 440px;
	left: 50%;
	top:50%;
	margin-left: -450px;
	margin-top: -270px;
	background-repeat: no-repeat;
	background-image: url(../imatges/espiral3.jpg);
	background-position: center -16px;
	
 
}


/*_________________________________________________________CAPÇALERA*/
#logo {
	float:left;
	height: 85px;
}
#logo img {border:none;}
.flash {
	float: left;
	width: 150px;
	height: 85px;
	margin-left: 20px;
}
#cos #flash .foto {
	width: 150px;
	float: left;
	height: 85px;
	margin-right: 20px;
}
#flash .foto2 {
	float: right;
	width: 150px;
	height: 85px;
}


/*_____________________________________________MENU*/
#menu {
	float: left;
	margin-top: 7px;
	margin-left: 20px;
	width: 860px;
}
#menu li {float: left;}
#menu a {
	display:block;
	text-decoration:none;
	color:#FFF;
	margin-left: 20px;
}

/*botó "què és espiral"*/
#menu #que a {
	background-image: url(../imatges/que.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 110px;
	height: 26px;
	margin-left: 0px;
	padding-left: 90px;
	padding-top: 19px;
}
#menu #que a:hover{background-position:top right;}


/*botó activitats*/
#menu #activitats a {
	background-image: url(../imatges/activitats.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 190px;
	height: 40px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}
#menu #activitats a:hover{background-position:top right;}

/*botó gestió*/
#menu #gestio a {
	background-image: url(../imatges/gestio.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 150px;
	height: 26px;
	padding-left: 50px;
	padding-top: 19px;
}
#menu #gestio a:hover{background-position:top right;}

/*botó contacte*/
#menu #contacte a {
	background-image: url(../imatges/contacte.jpg);
	width: 185px;
	height: 39px;
	text-align: right;
	padding-top: 5px;
	padding-right: 14px;
	background-position: top left;
	background-repeat: no-repeat;
}
#menu #contacte a:hover{background-position:top right;}

/*fa que el fons del botó sigui verd*/
#cos #menu .verd {
	background-position: top right;
}


/*_______________________________________________________________PANELL VERD DE NOTICIES*/

/*inclou la imatge de background i el títol de "darreres notícies"*/
#noticies {
	float: left;
	width: 200px;
	margin-left: 10px;
	height: 235px;
	margin-top: 13px;
	background-image: url(../imatges/fonsnoticies.png) ;
	background-repeat: no-repeat;
}

#noticies_portada {
	float: left;
	width: 856px;
	margin-left: 20px;
	height: 250px;
	margin-top: 20px;
	/*background-image: url(../imatges/fonsnoticies.png) ;*/
	background-color:#66CC33;
	background-repeat: no-repeat;
}

/*títol de "darreres notícies"*/
#noticies h3 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	padding-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	width: 175px;
	text-align: center;
}

#noticies_portada h3 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
	padding-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	width: 275px;
	text-align: center;
}

/*div que inclou totes les notícies*/
#noticies2 {
	float: left;
	margin-left: 10px;
	width: 180px;
	height: 190px;
	overflow: auto;
	font-size: 0.8em;
	color: #FFFFFF;
}

#noticies2_portada {
	float: left;
	margin-left: 30px;
	width: 815px;
	height: 200px;
	overflow: auto;
	font-size: 1em;
	color: #FFFFFF;
}

/*div amb cada noticia individual*/
.noticia {
	margin-bottom: 10px;

}

/*format de data*/
.data {
	border-bottom: dotted 1px #fff;
	width: 150px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

/*format de data*/
.data_portada {
	border-bottom: dotted 1px #fff;
	width: 250px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}


/*format del títol de la notícia*/
.titol a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	
}
.titol a:hover{
	color: #fff;
	
}

/*format del text de la notícia*/
.text_noticia {
	color: #000000;
	margin-top: 2px;
}
/*______________________________________________PATROCINADORS, COL·LABORADORS*/
#patro {
	float: left;
	margin-left: 10px;
	width: 200px;
	height: 95px;
	background-image: url(../imatges/fonspatro.png);
	background-repeat: no-repeat;
	text-align:center;
	padding-top: 5px;
	margin-top: 12px;
}
#patro h3 {
	color: #9400B4;
	font-weight: bold;
	font-size: 1em;
	padding-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	width: 175px;
	text-align: center;
}
/*__________________________________________PEU DE PÀGINA AMB DADES D'ESPIRAL*/
#dades {
	margin-left: 20px;
	width: 860px;
	float: left;
	text-align: center;
	margin-top: 15px;
}
#dades h4 {
	font-weight: normal;
	font-size: 0.8em;
	color: #666666;
}
.negreta {
	font-weight: bold;
	font-size: 1.1em;
}

/*___________________________________________________________CONTINGUT*/

/*conté els div amb pestanyes*/
#contingut {
	float: left;
	margin-left: 20px;
	width: 650px;
	margin-top: 10px;
	height: 350px;
}
/*cada pàgina té una disposició de pestanyes diferent, el nom del div correspon amb el div de la imatge*/
#contingut00, #contingut21, #contingut22, #contingut31, #contingut32, #contingut33, #contingut41, #contingut42, #contingut43, #contingut44, #contingut51, #contingut52, #contingut53, #contingut54, #contingut55, #contingut_pij  {
	width: 650px;
	height: 350px;
	background-repeat: no-repeat;
	float: left;
}
#contingut00 {
	background-image: url(../imatges/nopestanyes.png) ;
 
 
}
#contingut01 {
width: 850px;
	height: 350px;
	background-color:#fff;
	float: left;
		
 
 
}
#contingut21 {
	background-image: url(../imatges/pestanyes21.png) ;
 

	
}
#contingut22 {
	background-image: url(../imatges/pestanyes22.png) ;
 

 
	
}
#contingut31 {
	background-image: url(../imatges/pestanyes31.png) ;
 
 
	
}
#contingut32 {
	background-image: url(../imatges/pestanyes32.png) ;

 
	
}
#contingut33 {
	background-image: url(../imatges/pestanyes33.png) ;
 
 
	
}

#contingut41 {
	background-image: url(../imatges/pestanyes41.png) ;
 
 
	
}
#contingut42 {
	background-image: url(../imatges/pestanyes42.png);
 
 
}
#contingut43 {
	background-image: url(../imatges/pestanyes43.png) ;
 
 
	
}
#contingut44 {
	background-image: url(../imatges/pestanyes44.png) ;
 
 

}
#contingut51 {
	background-image: url(../imatges/pestanyes51.png) ;
 
 
}
#contingut52 {
	background-image: url(../imatges/pestanyes52.png) ;
 
 
	
}

#contingut53 {
	background-image: url(../imatges/pestanyes53.png) ;
 
 
	
}
#contingut54 {
	background-image: url(../imatges/pestanyes54.png) ;
 
 
	
}
#contingut55 {
	background-image: url(../imatges/pestanyes55.png) ;
 
 
	
}
#contingut_pij {
	background-image: url(../imatges/pestanyes_pij.png) ;
 
 
	
}


/*menú del contingut*/
#menu_contingut ul {
	width: 650px;
	margin-top: 7px;

}
#menu_contingut li {
	display: block;
	width: 118px;
	text-align: center;
	padding-left: 5px;
	padding-right:5px;
	line-height: 12px;
	height: 25px;
	float: left;
	}
#menu_contingut a {
	text-decoration: none;
	color: #9400B4;
	font-size: 0.85em;
	display: block;
	width: 120px;
	height: 20px;
	
}
#menu_contingut a:hover {
	color: #66CC33;

}
#menu_contingut .menuverd a {
	color: #66CC33;

}

/*text dins el div contingut*/


#text_contingut {
/*text + foto a la dreta*/
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-left: 25px;
	overflow: auto;
	height: 285px;
	color: #666666;
	font-size: 0.85em;
	padding-right: 5px;
}


#text_contingutnofoto, #text_contingutpij {
	/*text amb fotos entremig, el text de la secció Pij té amplada diferent i una imatge de fons*/
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 25px;
	padding-right: 5px;
	overflow: auto;
	height: 280px;
	color: #666666;
	font-size: 0.85em;
	border-color: #9400B4;
}
#text_contingutnofoto2{
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 25px;
	padding-right: 5px;
	overflow: auto;
	height: 280px;
	color: #666666;
	font-size: 0.85em;
	border-color: #9400B4;}

#text_contingutnofoto2 p{
	line-height: 18px;
	background-repeat: no-repeat;
	
	}


#text_contingutpij {
	background-repeat:no-repeat;
	background-position: 450px top;
	background-attachment:inherit;
}
/*amplada diferent del pij*/
.pij {
	width: 450px;
	float: left;
	margin-bottom: 10px;
	
}
/*els textos que tenen imatges enmig van dins aquests div*/
.qui {
	float: left;
	width: 565px;
}
 


/*imatge de fons dels li*/
#text_contingut li, #text_contingutnofoto li, #text_contingutpij li {
	padding-left: 19px;
	background-image: url(../imatges/puntlila.gif);
	background-position: 10px 6px;
	
}

#text_contingut p, #text_contingutnofoto p, #text_contingutnofoto li, #text_contingut li, #text_contingutpij li, .pij p, #formCV p {
	line-height: 18px;
	background-repeat: no-repeat;
	float: left;
	width: 550px;
}
#text_contingutpij li {
	width: 450px;}
	#text_contingutpij p {
	width: 450px;}


/*tipus de text diferent*/
.textnegreta {font-weight:bold;}


.lila {
	color: #9400B4;
	font-weight: bold;
}


/*imatges del text_contingut, que van a la dreta*/
#imatges_contingut {
	float: left;
	width: 210px;
	margin-top: 20px;
	margin-left: 20px;
}
#imatges_contingut img {
	float: left;
	margin-bottom: 10px;
}

/*imatges que van enmig del text*/
#una_imatge {
	width: 570px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	clear: both;
}
#dues_imatges {
	margin-top: 10px;
	width: 560px;
	float: left;
}
#dues_imatges .dreta {
	float: right;
	margin-right: 20px;

}
#dues_imatges .esqu {
	margin-left: 20px;
	float: left;

}

/*div de més informació*/
.mesInfo {
	height: 15px;
	background-image: url(../imatges/puntverd.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
	width: 400px;
	float: left;
}
.mesInfo a {
	color: #67CB33;
	text-decoration: none;
	padding-left: 17px;
	
}
.mesInfo a:hover {
	color: #ccc;


/*________________________________________________________________________________FORMULARIS CONTACTE I CV*/	
}
#formContacte {
	margin-left: 40px;
	float: left;
	margin-top: 20px;
}
#formContacte table {
	font-size: 0.85em;
	color: #666666;
}
#formCV {
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-left: 20px;
	padding-right: 5px;
	overflow: auto;
	height: 280px;
	color: #666666;
	font-size: 0.85em;
	}
input {
	color: #666666;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
textarea {
	color: #666666;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	}
#boto {
	background-color: #67CB33;
	color: #FFFFFF;
	font-size: 1em;
	border: none;
	width: 50px;
	height: 25px;
}
.dades {
	margin-top: 7px;
	margin-bottom: 7px;
	border: dotted 1px #ccc;
	padding-right: 5px;
}
.cv {
	padding-bottom: 10px;
}
/*dades dins el formulari*/
#dadesEspiral {
	float: left;
	width: 370px;
	color: #666666;
	font-size: 0.85em;
	text-align: center;
	margin-top: 10px;
	margin-left: 135px;
	padding: 5px;
	border: dotted 1px #ccc;
}

/*_____________________________________________________________________PÀGINA DE NOTICIES I MÉS INFO*/

#textNoticia {
	float: left;
	width: 585px;
	margin-top: 10px;
	margin-left: 25px;
	padding-right: 5px;
	color: #333;
	font-size: 0.85em;
	border-color: #9400B4;
	line-height: 18px;
	overflow:auto;
	height:285px;
}
/*estil del text de la data*/
#textNoticia .gris {
	color: #999999;
}

/*estil del text del títol de la notícia*/
#textNoticia .lila {
	color: #9400B4;
}

/*DIV on hi ha títol de "noticies" i botó de tornar*/
#capNoticies {
	color: #9400B4;
	width: 585px;
	margin-left: 25px;
	height: 15px;
	border-bottom: dotted 1px #9400B4;
	padding-bottom: 5px;
	float: left;
	margin-top: 20px;
}
#capNoticies p {
	float: left;
	background-image: url(../imatges/puntlila.jpg);
	background-repeat: no-repeat;
	padding-left: 17px;
	font-size: 1.2em;
	background-position: left center;
	text-transform: uppercase;
}
/*botó de tornar*/
#tornar {
	float: right;
	font-weight: normal;
	height: 15px;
	padding-left: 17px;
	font-size: 0.9em;
	margin-top: 2px;
	margin-right: 20px;
}
#tornar a {
	color: #66CC33;
}
#tornar a:hover {
	color: #ccc;
}
#text_contingutnofoto .imatges {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 550px;
	text-align: center;
}

#idiomes {
	float: right;
	width: 105px;
	margin-right: 20px;
	margin-top: 7px;
}
#idiomes a {
	color: #66CC33;
	font-size: 10px;
	margin-left: 10px;
	float: right;
}
#idiomes a:hover {
	color: #CCCCCC;
	
}
#idiomes .gris {
	color: #CCCCCC;
	float: left;
}
#mesInfo {
	width: 635px;
	float: left;
	height: 310px;
	overflow: auto;
	margin-top: 20px;
}
#text_contingutnofoto .imatges img {
	margin-bottom: 10px;
}
#cos #contingut #contingut01 #galeria {
	float: left;
	width: 400px;
}

#imatge {
	float:left;
	height:250px;
	width:375px;
	margin-top: 20px;
	margin-left: 20px;
}
#galeria #text_imatge {
float:left;
margin-left:25px;
margin-top:10px;
text-align:center;
width:400px;
}
#galeria #navegador {
	float:left;
	margin-top:15px;
	width:375px;
	margin-left: 20px;
}
#galeria #navegador a {
	border:1px solid #414B55;
	color:#414B55;
	display:block;
	float:left;
	height:18px;
	margin-right:2px;
	text-align:center;
	text-decoration:none;
	width:19px;
}
#galeria #navegador .imatge_actual {
	color: #FFFFFF;
	background-color: #414B55;
}


#galeria #navegador a:hover {
	color: #FFFFFF;
	background-color: #414B55;
}
#formulari {
	width: 200px;
	margin-left:20px;
	float: left;
}
.textdespl {
	padding-left:10px;
	text-decoration: underline;
}
.textdespl2 {
	padding-left:10px;
}