/*-------------- reset -----------------*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd, form, input { margin: 0; padding: 0; }
/*-------------- general -----------------*/
body, input { font-family: Arial, Helvetica, sans-serif; color: #000;}
body { font-size: 62.5%; background-color: #285575; margin: 2.4em 0 0;}
ul { list-style-type: none;}
hr, #saltar-navegacion { display: none;}
p { font-size: 1.3em;}
a { text-decoration: none; color: #81d8d3;}
	a:hover { /*color: #FFF; background-color: #81d8d3;*/}
input { border:none; border: 1px solid #81D8D3;}
	input.bot-enviar { border: none; }
	 input.bot-cercar { border: none; vertical-align: middle;} 
	input.bot-sortir { border: none; vertical-align: middle;} 
img { border: none;}

/*--------------- principales ----------------*/
#contenedor { width: 94em; background-color: #FFF; margin: 0 auto; padding: 1.5em 0 0; position: relative;}
#contenedor h1 { font-size: 1em;  background: url(../images/titulo.gif) no-repeat; margin-left: 2em; width: 49.6em; height: 8.2em;}
	#contenedor h1 a { display: block; height: 100%;}
	#contenedor h1 span { display: none;}

#acceso { position: absolute; right: 1em; top: 1em; font-size: 1em;  font-weight: bold; padding-left: 2.2em; background: url(../images/ico-llave.gif) no-repeat 0 .7em;}
	#acceso ul { display: inline;}
		#acceso li { text-transform: uppercase; display: inline; color:#81D8D3;} 
    #acceso input.acces { border:1px solid #81D8D3; font-size: 1.1em; width: 100px}
	#acceso p { font-weight: normal; text-align: right; margin-right: 2em;} 
		#acceso p a { text-decoration: underline; font-size: 0.7em;}
		#acceso p span { font-size: 0.9em; float: left; margin-top: 0.4em; color:#FF0000;text-align:left;}
		
#benvinguda { position: absolute; right: 1em; top: 1em; font-size: 1em;  font-weight: bold; padding-left: 2.2em; color:#81D8D3;}
		#benvinguda a { text-decoration: underline; color:#81D8D3; text-transform: uppercase; float:left; padding-right: 0.3em;}  
		#benvinguda span { float:left; padding-right: 0.5em;}               
		#benvinguda a.bot-sortir { background:url(../images/bot-sortir.gif) no-repeat 0 0; text-decoration:none;  width:4.6em; height:30px; float:left;} 
		#benvinguda a.bot-sortir span {display:none;}

#panel-servicios { position: absolute; top: 7.5em; left: 44.3em;}
	#panel-servicios a { color: #285575; text-transform: uppercase; font-size: 1.1em; font-weight: bold; padding-left: 15px;}
	#panel-servicios ul { display: inline;}
		#panel-servicios li { display: inline; background: url(../images/ico-flecha.gif) no-repeat left 0; padding-right: 1.1em; margin-right: .2em;}
		#panel-servicios li.ultimo { background: none; padding-right: 0;}
	#panel-servicios form, #panel-servicios form p { display: inline;}
	#panel-servicios input { width: 9em;}
		#panel-servicios input { width: 9em;}
		#panel-servicios input.bot-enviar { width: auto;}
		#panel-servicios label { display: none;}

#menu-principal { position: absolute; top: 11em; left: 2em; background-color: #E5F7F6; width: 90em;}
	#menu-principal li { float: left;}
	#menu-principal li a.escou { background: url(../images/m-que-es-cou.gif) no-repeat; width:88px; height:23px; display:block; padding: 0px 5px;}  
		#menu-principal li a.escou span { display: none;}           
	#menu-principal li a.esmou { background: url(../images/m-que-es-mou.gif) no-repeat; width:93px; height:23px; display:block; padding: 0px 5px;}
	   #menu-principal li a.esmou span { display: none;}
	#menu-principal li a.aportacions { background: url(../images/m-aportacions.gif) no-repeat; width:86px; height:23px; display:block; padding: 0px 5px;} 
	   #menu-principal li a.aportacions span { display: none;}  
	#menu-principal li a.comentaris { background: url(../images/m-comentaris.gif) no-repeat; width:84px; height:23px; display:block; padding: 0px 5px;}
	   #menu-principal li a.comentaris span { display: none;}  
	#menu-principal li a.amics { background: url(../images/m-amics.gif) no-repeat; width:122px; height:23px; display:block; padding: 0px 5px;} 
       #menu-principal li a.amics span { display: none;}  
	#menu-principal li.cercador { display: block; float:right; padding-top: 3px;} 
                   	

/*--------------- columnas ----------------*/
#columna-izquierda { float: left; margin-left: 2em;margin-bottom:2em;}
#columna-derecha { float: right; width: 59.4em; margin: 0 2em 0 1.9em; padding-bottom: 2.7em;}
#caja-les-cancons, #caja-que-es-cou, #caja-que-es-mou, body#home #caja-aportacions, #caja-comentaris, #caja-meus-amics, #caja-enllacos, #caja-amics li.ultimo, #listado-noticias li, #caja-aportacions li { width: 28.7em;}
#caja-aportacions li.detall { width: 100%;}
#caja-amics li { width: 25em; height: 12em; }
#caja-que-es-cou, #caja-que-es-mou { min-height: 36.6em;}
#caja-que-es-mou, #caja-comentaris, #caja-enllacos, #listado-noticias li.par, #columna-derecha .columna-derecha-2 { margin-left: 1.6em;}
#caja-amics li.ultimo { margin-left: 5em;}
#caja-que-es-cou, #caja-que-es-mou, body#home #caja-aportacions, #caja-comentaris, #caja-meus-amics, #caja-enllacos { float: left;}
#caja-que-es-cou, #caja-que-es-mou, #caja-aportacions, #caja-comentaris { padding-bottom: 2.2em;}
#caja-amics { clear: both;}
#columna-derecha .columna-derecha-1, #columna-derecha .columna-derecha-2 { float: left;}

/*--------------- contenido ----------------*/
/* generico */
#contenido { padding-top: 4.8em;}

#contenido p { text-align: justify;}
#contenido a.bot-mes { clear: both; position: absolute; right: 0; display: block; background: url(../images/bot-mes.gif) no-repeat 0 0; width: 16px; height: 17px;}
	#contenido a.bot-mes span { display: none;}
#contenido p.lugar { color: #8e8e8e; font-weight: bold;}

/* titulos */
#contenido h2 { font-size: 1em; width: 100%; height: 3em; background-repeat: no-repeat;}
	#contenido h2 a { display: block; width: 100%;}
	#contenido h2 span { display: none;}
#caja-les-cancons h2, body#cancons #columna-derecha h2, body#aportacions #columna-derecha h2 { background-color: #efb54c;}
#caja-les-cancons h2 { margin-bottom: .4em; background-image: url(../images/tit-cancons.gif);}
body#cancons #columna-derecha h2, body#aportacions #columna-derecha h2 { margin-bottom: 2em;}
#caja-que-es-cou h2, body#que-es-cou #columna-derecha h2, #caja-que-es-mou h2, body#que-es-mou #columna-derecha h2, #caja-aportacions h2, #caja-comentaris h2, #llistat-comentaris h2, #nou-comentari h2, #nova-aportacio h2,  #editar-aportacio h2, #eliminar-aportacio h2, #fitxa-descarrega h2, #fitxa-recursos h2 { background-color: #fae555!important;}
#caja-que-es-cou h2, body#que-es-cou #columna-derecha h2 { background-image: url(../images/tit-que-es-cou.gif);}
#caja-que-es-mou h2, body#que-es-mou #columna-derecha h2 { background-image: url(../images/tit-que-es-mou.gif);}
#caja-aportacions h2 { background-image: url(../images/tit-aportacions.gif)!important;}
#caja-comentaris h2, #llistat-comentaris h2 { background-image: url(../images/tit-comentaris.gif);}
#caja-amics h2, #caja-meus-amics h2, body#amics #columna-derecha h2 { background-color: #81d8d3;}
#caja-amics h2, body#amics #columna-derecha h2 { background-image: url(../images/tit-amics.gif);}
#caja-meus-amics h2 { background-image: url(../images/tit-meus-amics.gif)!important;}
#caja-amics h2, #caja-meus-amics h2, #caja-enllacos h2 { margin-bottom: 1.4em!important;}
#caja-que-es-cou h2, body#que-es-cou #columna-derecha h2, #caja-que-es-mou h2, body#que-es-mou #columna-derecha h2 { margin-bottom: 1.8em;}
#caja-aportacions h2, #caja-comentaris h2 { margin-bottom: 1.2em!important;}
#caja-enllacos h2 { background-color: #e77524!important; background-image: url(../images/tit-enllacos.gif)!important;}
#caja-meus-amics h2, #caja-enllacos h2 { margin-bottom: .9em;}
body#amics #columna-derecha h2 { margin-bottom: 2.8em;}

/* texto central (no Home) */
#text-central { padding-bottom: 2.3em;}
	#text-central img { margin: 0 2em 2em 0; float:left;}
	body#cancons #text-central img { margin-right: 1em;}
	body#alta #text-central img { margin-right: 1em;}
	body#amics #text-central img { width: 11.7em; margin: 0 1.6em 1.2em 0; float: left;}
	body#cancons #central-titol { float: left; margin-bottom: 2em;}
	body#alta #central-titol { float: left; margin-bottom:3em;}  
	#text-central h3 { font-size: 1.9em;}
	body#amics #text-central h3 { padding-top: .3em;}
	body#cancons #text-central h3 { padding-top: 0em; margin-bottom: .6em;}
	body#alta #text-central h3 { margin-bottom: .6em;} 
	body#que-es-mou #text-central h3, body#que-es-cou #text-central h3 { padding-top: 0em;padding-bottom:1em}
	body#que-es-mou #text-central h3 a, body#que-es-cou #text-central h3 a { color: #000; }
	body#que-es-mou #text-central h3 a:hover, body#que-es-cou #text-central h3 a:hover { text-decoration: underline; }
	body#alta #text-central ul { padding: .2em 0 .4em 0;} 
	#text-central p.introduccion { font-weight: bold; font-size: 1.6em;padding-bottom: 1em}
	#text-central p.lugar { font-size: 1.4em; margin-bottom: .9em;}
	#text-central p { clear: both;}
		#text-central .text { clear:both;}
		#text-central .text img { float:left; padding: 0 1em 1em 0;}
		#text-central .text ul { font-size: 1.3em;list-style-type:square;padding:1em;!important}
		#text-central .text ul li {display:list-item;margin:0 0 0 1em}
	body#amics #text-central p { clear: none;}
	body#cancons #text-central p a:hover { text-decoration: underline;}
	body#cancons #text-central p a { color: #285575}
	body#cancons #text-central li a { color: #285575}
	body#alta #text-central p { padding: .5em 0 .5em 0}
	#text-central h4 { font-size: 1.8em; margin-bottom: .5em;}
	#text-central dt, #text-central dd { float: left; font-size: 1.4em; font-weight: bold;}
	#text-central dt { clear: both; color: #8e8e8e; width: 5em;}
	#text-central dd { width: 20em;}
	#text-central ul { clear: both; padding-top: 5.3em; height: 1%;}
	body#alta #text-central li { float:right }
		#text-central #central-titol li { display: inline;}
			#text-central #central-titol li a { display: block; float: left; margin-right: 0.7em; height: 23px; background-color:#00FFFF;}
				#text-central #central-titol li a span { display: none;}
			#text-central #central-titol li a.bot-descarregar { width: 112px; background:url(../images/bot-descarregar.gif) no-repeat 0 0;}
			#text-central #central-titol li a.bot-recursos { width: 83px; background:url(../images/bot-recursos.gif) no-repeat 0 0;} 
			#text-central #central-titol li a.bot-aportacio { width: 140px; background:url(../images/bot-aportacio.gif) no-repeat 0 0;}
			body#aportacions a.bot-comentaris { width: 159px;height:24px;margin-top:2em;margin-bottom:1em;display:block; background:url(../images/bot-afegir-comentari.gif) no-repeat 0 0;float:right;}
			body#aportacions a.bot-comentaris span{ display:none;}
			body#aportacions a.bot-adjunt { width: 246px;height:27px;margin-top:1em;margin-bottom:1em;display:block; background:url(../images/bot-adjunt.gif) no-repeat 0 0;}
			body#aportacions a.bot-adjunt span{ display:none;}

#text-central li input.bot-acceptar { display: block; float: left; margin-right: 0.7em; height: 23px; background-color:#00FFFF;}
#text-central li input.bot-acceptar { width: 227px; padding:0; border:0} 

#text-central #foto { float:left; margin-bottom:2em;width:225px} 
#text-central #player { float:left; width:20.8em; height:1.2em; background-color: #D8F6F4; padding: 0 0 0.8em 0.8em;} 
#text-central #player p { float:left; font-size: 1.1em; color:#02334B; font-weight: bold; padding-top:0.3em; } 
#text-central #player #flash  { width:82px; height:20px; float:right; margin-right:0!important;}

/* listas de canciones */
#contenido li h3 { position: relative;}
	#contenido li h3 span { display: block; position: absolute; left: 0; top: 0; border-right: 3px solid #FFF; text-align: center; font-weight: bold; color: #FFF;}
#contenido li h3 span.posicio1, #contenido li h3 span.posicio5, #contenido li h3 span.posicio9, #contenido li h3 span.posicio13, #contenido li h3 span.posicio17, #contenido li h3 span.posicio21, #contenido li h3 span.posicio25 { background-color: #e77524;}
#contenido li h3 span.posicio2, #contenido li h3 span.posicio6, #contenido li h3 span.posicio10, #contenido li h3 span.posicio14, #contenido li h3 span.posicio18, #contenido li h3 span.posicio22, #contenido li h3 span.posicio26 { background-color: #81d8d3;}
#contenido li h3 span.posicio3, #contenido li h3 span.posicio7, #contenido li h3 span.posicio11, #contenido li h3 span.posicio15, #contenido li h3 span.posicio19, #contenido li h3 span.posicio23, #contenido li h3 span.posicio27 { background-color: #efb54c;}
#contenido li h3 span.posicio4, #contenido li h3 span.posicio8, #contenido li h3 span.posicio12, #contenido li h3 span.posicio16, #contenido li h3 span.posicio20, #contenido li h3 span.posicio24, #contenido li h3 span.posicio28 { background-color: #ffe32f;}

/* cançons */
#caja-les-cancons li { background-color: #fdf8f1; margin-bottom: .3em; padding: 0 0 .4em 0;}
	#caja-les-cancons li h3 { font-size: 1.3em; padding: .2em .8em 0 2.9em; margin-bottom: 0;}
		#caja-les-cancons li h3 a{ color: #000}
		#caja-les-cancons li h3 a:hover{ text-decoration: underline}
		#caja-les-cancons li h3 span { width: 1.9em; height: 2.2em; font-size: 1.1em; padding-top: .5em;}
	#caja-les-cancons li p a { font-size: .85em; font-weight: bold; padding-left: 3.2em;color: #81d8d3;}
	#caja-les-cancons li p a:hover { text-decoration: underline}

/* que es cou, que es mou */
#caja-que-es-cou, #caja-que-es-mou { position: relative;}
	#caja-que-es-cou h3, #caja-que-es-mou h3 {  margin-bottom: .4em; font-size: 2em;}
	#caja-que-es-cou h3 a, #caja-que-es-mou h3 a{  color: #000;}
	#caja-que-es-cou h3 a:hover, #caja-que-es-mou h3 a:hover{ text-decoration:underline}
	#caja-que-es-cou img, #caja-que-es-mou img { margin-bottom: 1.4em; width: 100%;}
	#caja-que-es-cou p, #caja-que-es-mou p { height: 6.2em; overflow: hidden;}

#listado-noticias { }
	#listado-noticias h3 { display: none;}
	#listado-noticias li { float: left; margin-bottom: 2.7em; height: 18em;}
		#listado-noticias li img { }
		#listado-noticias li h4 { position: relative; font-size: 1.3em; height: 1%;}
		#listado-noticias li h4 a { color: #000;}
		#listado-noticias li h4 a:hover { text-decoration: underline;}
		#listado-noticias li h4 a.bot-mes { margin-top: 0.5em;}
	#listado-noticias .paginador { width: 16em; margin: 0 auto;}
		#listado-noticias .paginador p { font-weight: bold; color: #285575; font-size: 1.1em; text-transform: lowercase; text-align: center;}
			#listado-noticias .paginador p span { display: block; width: 9em;}
			#listado-noticias .paginador p span, #listado-noticias .paginador a { float: left;}
			#listado-noticias .paginador a { display: block; width: 15px; height: 15px;}
			#listado-noticias .paginador a.bot-anterior { background: url(../images/ico-anterior.gif) no-repeat 0 0;}
			#listado-noticias .paginador a.bot-siguiente { background: url(../images/ico-siguiente.gif) no-repeat 0 0;}
				#listado-noticias .paginador a span { display: none;}

/* aportacions */
#caja-aportacions {}
	#caja-aportacions p.enlace { clear: both; position: relative; padding-bottom: .5em;}
	#caja-aportacions ul { }
	body#aportacions #caja-aportacions li, body#cancons #caja-aportacions li , body#amics #caja-aportacions li{ margin-bottom: 1.5em; float:left; height: 18.5em; position:relative; }
	#caja-aportacions li { margin-bottom: 1.5em; float:left;}
	body#aportacions #caja-aportacions li, , body#amics #caja-aportacions li { height:18.5em;}
	#caja-aportacions li h3 { font-size: 1.4em; padding: .2em .5em .1em 2em; margin-bottom: 1.3em; background-color: #dbdbdb; background-repeat: no-repeat; background-position: right 0;}
	#caja-aportacions li h3 a{ color: #000;}
	#caja-aportacions li h3 a:hover{ text-decoration: underline}
	#caja-aportacions li h3 span { line-height: 1em; width: 1.2em; height: 1.1em; border-right-width: 2px; margin-right: .2em; font-size: 1.1em; padding: .1em 0;}
	#caja-aportacions dl { padding-left: 2.2em;}
	/*#caja-aportacions dt, #caja-aportacions dd { float: left;}*/
	#caja-aportacions dd span { font-size: 14px;}
	#caja-aportacions dt, #caja-aportacions dd h4,  #caja-aportacions dd a { font-size: 1.4em;}
	#caja-aportacions dd h4 a { color: #000; font-size: 1em}
	#caja-aportacions dd h4 a:hover { text-decoration:underline;}
	#caja-aportacions dt { clear: both; width: 3.2em; color: #8e8e8e; font-weight: bold; margin-bottom: .2em;}
	#caja-aportacions li.aporta-audio h3 { background-image: url(../images/ico-audio.gif);}
	#caja-aportacions li.aporta-video h3 { background-image: url(../images/ico-video.gif);}
	#caja-aportacions li.aporta-foto h3 { background-image: url(../images/ico-foto.gif);}
	#caja-aportacions li.aporta-text h3 { background-image: url(../images/ico-text.gif);}
	#caja-aportacions li.incluye-imagen { margin-bottom: 1.5em;height: 18em;}
	#caja-aportacions li.incluye-imagen dl { float: left; width: 11em; padding: 0;}
	#caja-aportacions li.incluye-imagen dl.detall { float: left; width: 40em; padding: 0;}
	#caja-aportacions li.incluye-imagen dt, #caja-aportacions li.incluye-imagen dd { width: 100%;}
	#caja-aportacions li.incluye-imagen dt, #caja-aportacions li.incluye-imagen dd h4 a, #caja-aportacions li.incluye-imagen dd a { font-size: 1.3em;}
	#caja-aportacions li.incluye-imagen dd h4 a { color:#000;font-size: 1em;}
	#caja-aportacions li.incluye-imagen dd h4 a:hover { text-decoration: underline}
	#caja-aportacions li.incluye-imagen img { float: left; margin-right: 1.2em; }
	#caja-aportacions span.icones { width:112px; height: 22px; float:right; margin: 5px 0px 5px 0px; display:inline!important;}
	#caja-aportacions span.icones img{ float:left;display:inline;margin-right:5px}
	#caja-aportacions span.icones a{ display:inline}
	
	body#amics #caja-aportacions a.bot-mes { background-image: url(../images/bot-mes-aportacions.gif); width: 119px; height: 21px; }
	
	#caja-aportacions li.par { margin-left: 1.9em;}
	
	#caja-aportacions .paginador { width: 16em; margin: 0 auto; padding-top:10px}
		#caja-aportacions .paginador p { font-weight: bold; color: #285575; font-size: 1.1em; text-transform: lowercase; text-align: center;}
			#caja-aportacions .paginador p span { display: block; width: 9em;}
			#caja-aportacions .paginador p span, #caja-aportacions .paginador a { float: left;}
			#caja-aportacions .paginador a { display: block; width: 15px; height: 15px;}
			#caja-aportacions .paginador a.bot-anterior { background: url(../images/ico-anterior.gif) no-repeat 0 0;}
			#caja-aportacions .paginador a.bot-siguiente { background: url(../images/ico-siguiente.gif) no-repeat 0 0;}
				#caja-aportacions .paginador a span { display: none;}
	
/* comentaris */  
#caja-comentaris {}  
	#caja-comentaris li, #llistat-comentaris li { border-bottom: 1px solid #dbdbdb; padding: 0 0 .7em 2.2em; margin-bottom: .7em; background:url(../images/ico-comentario.gif) no-repeat 0 0;}
	#caja-comentaris li p.fecha, #llistat-comentaris li p.fecha  { font-size: 1.7em; font-weight: bold; color: #8e8e8e;}
	#caja-comentaris li h3, #llistat-comentaris li h3 { font-size: 1.4em;}    
	#caja-comentaris li h3 a:hover, #llistat-comentaris li h3 a:hover { text-decoration:underline;}
	#llistat-comentaris .paginador { width: 16em; margin: 0 auto;}
		#llistat-comentaris .paginador p { font-weight: bold; color: #285575; font-size: 1.1em; text-transform: lowercase; text-align: center;}
			#llistat-comentaris .paginador p span { display: block; width: 9em;}
			#llistat-comentaris .paginador p span, #llistat-comentaris .paginador a { float: left;}
			#llistat-comentaris .paginador a { display: block; width: 15px; height: 15px;}
			#llistat-comentaris .paginador a.bot-anterior { background: url(../images/ico-anterior.gif) no-repeat 0 0;}
			#llistat-comentaris .paginador a.bot-siguiente { background: url(../images/ico-siguiente.gif) no-repeat 0 0;}
				#llistat-comentaris .paginador a span { display: none;}

/* amics */
#caja-amics li { float: left; position: relative;}
	#caja-amics li img { float: left; margin-right: 1.7em; width: 7.8em;}
	#caja-amics li h3 { font-size: 1.8em;}
	#caja-amics li h3 a:hover { text-decoration:underline;}
	#caja-amics li p.lugar { font-size: 1.4em; margin-bottom: 1.2em; height: auto;}
	#caja-amics li h4 { font-size: 1.3em;}
	#caja-amics span.icones { width:56px; height: 22px; float:right; margin: 5px 0px 5px 0px; display:inline!important;}
	#caja-amics span.icones img{ float:left;display:inline;margin-right:5px}
	#caja-amics span.icones a{ display:inline}

#caja-amics .paginador { width: 16em; margin: 0 auto; padding:10px}
		#caja-amics .paginador p { font-weight: bold; color: #285575; font-size: 1.1em; text-transform: lowercase; text-align: center;}
			#caja-amics .paginador p span { display: block; width: 9em;}
			#caja-amics .paginador p span, #caja-amics .paginador a { float: left;}
			#caja-amics .paginador a { display: block; width: 15px; height: 15px;}
			#caja-amics .paginador a.bot-anterior { background: url(../images/ico-anterior.gif) no-repeat 0 0;}
			#caja-amics .paginador a.bot-siguiente { background: url(../images/ico-siguiente.gif) no-repeat 0 0;}
				#caja-amics .paginador a span { display: none;}
/* meus amics */
#caja-meus-amics { position: relative;}
	#caja-meus-amics ul, #caja-enllacos ul { height: 15em;}
		#caja-meus-amics li { float: left; width: 13.5em; margin: 0 .8em 1.5em 0;}
			#caja-meus-amics li h3 { padding-top: 0.1em; font-size: 1.2em;}
			#caja-meus-amics li p { text-align: left;}
			#caja-meus-amics li p.lugar { font-size: 1.1em;}
			#caja-meus-amics li img { float: left; margin-right: .5em; width: 4.5em; height: 5.3em}
			#caja-enllacos li a:hover { text-decoration:underline;}
			body#amics #caja-meus-amics a.bot-mes { background-image: url(../images/bot-mes-amics.gif); width: 69px; height: 21px;}

body#amics a.bot-afegiramic { width: 250px;height:26px;margin-top:2em;margin-bottom:1em;display:block; background:url(../images/bot-afegir-amics.gif) no-repeat 0 0;float:right;}
body#amics a.bot-afegiramic span{ display:none;}
body#amics a.bot-treureamic { width: 250px;height:26px;margin-top:2em;margin-bottom:1em;display:block; background:url(../images/bot-treure-amics.gif) no-repeat 0 0;float:right;}
body#amics a.bot-treureamic span{ display:none;}
body#amics a.bot-modificadades { width: 266px;height:26px;margin-top:2em;margin-bottom:1em;display:block; background:url(../images/bot-modificar-dades.gif) no-repeat 0 0;float:left;}
body#amics a.bot-donarmedebaixa { width: 199px;height:26px;margin-top:2em;margin-bottom:1em;margin-left:10px;display:block; background:url(../images/bot-donarmedebaixa.gif) no-repeat 0 0;float:left;}
body#amics a.bot-modificadades span{ display:none;}
body#amics a.bot-donarmedebaixa span{ display:none;}

/* enllacos */
#caja-enllacos { position: relative;}
	#caja-enllacos ul { padding: 0 .5em;}
		#caja-enllacos li { padding-left: .9em; margin-bottom: .5em; background: url(../images/ico-lista.gif) no-repeat 0 .7em;}
			#caja-enllacos li a { font-size: 1.3em; font-weight: bold; color: #000;}
			body#amics #caja-enllacos a.bot-mes { background-image: url(../images/bot-mes-enllacos.gif); width: 93px; height: 21px;}

/* descarrega canco */
#fitxa-descarrega { border: 3px solid #FFE32F; margin-bottom: 2.8em; background-color: #FFF7C1;} 
#fitxa-descarrega .tancar { width:16px; height: 16px; float:right; margin: 5px 15px; display:inline!important;}
#fitxa-descarrega h2 { background-image: url(../images/tit-descarregar.gif);}
#fitxa-descarrega p { padding: 0 0 .7em 1.5em; margin-left: .5em; margin-bottom: .7em;}
#fitxa-descarrega li { font-weight:bold; padding: 0 0 .7em 3.5em; margin-left: .5em; margin-bottom: .7em; background:url(../images/ico-audio.gif) no-repeat 0 0;}
	#fitxa-descarrega li a { font-size: 1.3em; font-weight: bold;}
	#fitxa-descarrega li a:hover  { text-decoration:underline }
	#fitxa-descarrega li span{ font-size: 1.4em; padding-right: 1em; display:inline}

/* recursos canco */
#fitxa-recursos { border: 3px solid #FFE32F; margin-bottom: 2.8em; background-color: #FFF7C1;} 
#fitxa-recursos .tancar { width:16px; height: 16px; float:right; margin: 5px 15px; display:inline!important;}
	#fitxa-recursos h2 { background-image: url(../images/tit-recursos-canco.gif);}
	#fitxa-recursos  p.resources, #nova-aportacio p.resources, #nou-comentari p.resources { padding: 0 1em 1em 1em; color: #000; font-size:1.3em;}
		#fitxa-recursos p.resources a:hover { text-decoration: underline }

/*caixa formulari*/ 
#nou-comentari h2 { background-image: url(../images/tit-afegir-comentaris.gif);}
#nova-aportacio h2 { background-image: url(../images/tit-nova-aportacio.gif);}
#editar-aportacio h2 { background-image: url(../images/tit-editar-aportacio.gif);}
#eliminar-aportacio h2 { background-image: url(../images/tit-eliminar-aportacio.gif);}

#alta-usuari h2 { background: #FFE32F url(../images/tit-alta.gif) no-repeat !important; margin-bottom:1em;}
#modificacio-usuari h2, #eliminacio-usuari h2 { background: #FFE32F url(../images/tit-dades-usuari.gif) no-repeat !important; margin-bottom:1em;}
form.caixa-formulari { border: 3px solid #FFE32F; margin-bottom: 2.8em; background-color: #FFF7C1;} 
	form.caixa-formulari img { border: 1px solid #FFE32F; margin-left: 1em; vertical-align: middle;}
	form.caixa-formulari p{ font-size: 1.1em; margin-left: 1.3em; color: #807F7F; margin-bottom: 0.5em; padding-right: 1em;}
	form.caixa-formulari p.errors{ color: #FF0000;}
	form.caixa-formulari .tancar { width:16px; height: 16px; float:right; margin: 5px 15px; display:inline!important;}  
input.formulari { border: 1px solid #FFE32F; width:30em; height: 1.5em; margin-left: 1.4em;}
input.formulari-img { border: 1px solid #FFE32F; width: 8em; height: 1.5em; margin-left: 1em;}
textarea.formulari-textarea { border: 1px solid #FFE32F; width:30em; height:10em; height: 10em; margin-left: 1em;} 
label.field { color: #807F7F; font-size: 1.4em; padding-left: 1em; width: 5em; }   
label.examinar { color: #807F7F; font-size: 1.4em; padding-left:1em; width: 22em; } 
input.examinar { border: 1px solid #FFE32F; width:20em; height: 1.7em; margin-left: 1.3em; } 
input.bot-enviar-form { border:0px; float:right; clear:both;} 
input.bot-eliminar-form { border:0px;vertical-align:middle} 
input.bot-noeliminar-form { border:0px;} 
input.bot-afegir-comentari { border:0px;} 
     

/*--------------- pie ----------------*/
#pie { clear: both; background-color: #285575; padding: 1.6em 0; height: 1.1%;}
		#pie div { float:left;color: #fff; font-size:1.2em;}
		#pie div span{ margin-left: 1em;}
		#pie div a{ color: #fff;text-decoration:underline;}
		#pie div a:hover;{ text-decoration:underline;}
		#pie ul { padding-top:1em;}
		#pie .projecte {width:50em;}
		#pie .suport {width:16em;}
		#pie .cc {width:11em;}
		#pie li { display: inline; margin-left: 1em;}
			#pie img { vertical-align: middle;}
	
		
/*--------------- clears ----------------*/
#caja-aportacions li:after, #caja-amics:after, #caja-meus-amics ul:after, #pie:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*llistat cercador*/ 
#llistat-cercador ul.menu-cercador { border-bottom: 1px solid #81d8d3; font-size: 1.3em; margin-bottom: 1em;} 
#llistat-cercador ul.menu-cercador li {background-color: #D8F6F4; display: inline; border-top:1px solid #81d8d3; border-right:1px solid #81d8d3; border-left:1px solid #81d8d3; border-bottom:1px solid  #81d8d3; margin-right:0.3em; padding: 0 0.3em;}   
#llistat-cercador ul.menu-cercador li.activa {background-color: #fff; border-bottom:1px solid  #FFF;}   
#llistat-cercador ul.menu-cercador li a { display:inline; background-color: #D8F6F4; color:#000; margin:0; padding:0;}

#llistat-cercador h3  { font-size: 1.9em; padding-bottom:.7em;}
#llistat-cercador li { border-bottom: 1px solid #dbdbdb; margin-bottom: 0.7em; padding-bottom:0.7em;}             
#llistat-cercador li p.fecha  { font-size: 1.4em; font-weight: bold; color: #8e8e8e;}
#llistat-cercador li h4 { font-size: 1.4em !important; font-weight: bold;}

#llistat-cercador .paginador { width: 16em; margin: 0 auto;}
	#llistat-cercador .paginador p { font-weight: bold; color: #285575; font-size: 1.1em; text-transform: lowercase; text-align: center;}
		#llistat-cercador .paginador p span { display: block; width: 9em;}
		#llistat-cercador .paginador p span, #llistat-cercador .paginador a { float: left;}
		#llistat-cercador .paginador a { display: block; width: 15px; height: 15px;}
		#llistat-cercador .paginador a.bot-anterior { background: url(../images/ico-anterior.gif) no-repeat 0 0;}
		#llistat-cercador .paginador a.bot-siguiente { background: url(../images/ico-siguiente.gif) no-repeat 0 0;}
			#llistat-cercador .paginador a span { display: none;}

#edicio {
    right:0px;
	position:absolute;
	bottom:0px;
}

#edicio a.bot-editar { width: 73px; height:30px; background:url(../images/bot-editar.gif) no-repeat 0 0;}
#edicio a.bot-eliminar { width: 97px; background:url(../images/bot-eliminar.gif) no-repeat 0 0;}
#edicio span { display: none;}
#edicio a { display: block; float: left;  height: 23px; background-color:#00FFFF;}

#edicio-home {float:right;}
#edicio-home a.bot-editar { width: 73px; height:30px; background:url(../images/bot-editar.gif) no-repeat 0 0;}
#edicio-home a.bot-eliminar { width: 97px; background:url(../images/bot-eliminar.gif) no-repeat 0 0;}
#edicio-home span { display: none;}
#edicio-home a { display: block; float: left;  height: 23px; background-color:#00FFFF;}

#embed embed, #embed object {width:420px;height:344px}