* { margin:0; padding:0; }
.cb {clear:both; }
.dn {display:none;}
.col-a, .col-b, .col-c {float:left;}
img {border:0;}
a {text-decoration:none; color:#1374b9; outline:none;}
a:hover {text-decoration:underline;}
label.error { color:#1374b9; font-style:italic; font-size:10px;}
body {background-image:url(../img/body_bkg.png); background-repeat:repeat-y;background-position:center top; background-color:#3a3937; font-size:11px;font-family:Arial;}

h2 { z-index:0;position:relative;font-size:14px; font-weight:bold; font-family:verdana; margin-bottom:15px;/*z-index:-99 !important;*/ background-image:url(../img/h2_gris_bkg.png); padding:2px 0 2px 5px; }
h2.blau { background-image:url(../img/h2_blau_bkg.png);  }
h2 span { position:absolute;right:10px;font-size:11px;padding-top:2px;}
h2 span img { vertical-align:-4px;}

h3 { font-size:12px; font-weight:bold; font-family:Arial; margin-bottom:5px;/*z-index:-99 !important;*/ }

h4 { font-size:14px; font-weight:bold; font-family:verdana; margin-bottom:10px;/*z-index:-99 !important;*/ }
h4 span { font-size:11px;position:absolute;margin-left:110px;font-size:11px;padding-top:2px;}
h4.blau { background-image:url(../img/h4_blau_bkg.png); padding:2px 0 2px 5px; color:#fff;}
h4.gris { background-image:url(../img/h4_gris_bkg.png); padding:2px 0 2px 5px; }

h5 { border-bottom:1px solid #575757; color:#575757; font-size:12px; width:100%;}

#generic ul { margin-left:20px; }
.text ul,.text ol { margin-left:20px; }

blockquote {margin-left:30px;}
#credits { margin-top:20px;}
#credits blockquote { margin-top:15px;margin-bottom:40px;}
#credits blockquote img { margin-bottom:10px;}
.text { vertical-align:top;width:125px;background:#b5b5b5;border:1px solid #7a7977;height:12px; font-size:10px;}
.boto2 { cursor:pointer;vertical-align:top;background-image:url('../img/cerca_boto.png');width:14px;height:14px;border:0; }

a.botoh { display:block;height:18px;cursor:pointer; text-decoration:none; background-image:url('../img/boto2.png'); border:1px solid #3c3c3b; padding:3px 12px 3px 12px; color:#d1d1d2;f ont-size:11px; outline:none; float:left; margin-right:3px;margin-bottom:10px;}
a.botoh img { margin-right:5px; vertical-align:-6px;}



/* Fake pels botons de explorer */
button {cursor:pointer;border:0px;background:transparent; height:15px;padding:0 10px 3px 10px; color:#d1d1d2;font-size:11px;outline: none;height:15px;}
span.boto { vertical-align:-3px;background-image:url('../img/boto.png'); border:1px solid #3c3c3b; }

input.boto { cursor:pointer;vertical-align:-3px;background-image:url('../img/boto.png'); border:1px solid #3c3c3b;height:17px;padding:0 10px 3px 10px;color:#d1d1d2;font-size:11px; outline: none;}

a.boto { cursor:pointer;vertical-align:-3px;background-image:url('../img/boto.png'); background-repeat:repeat-x;margin-bottom:1px;background-position:top left;background-color:#303030;border:1px solid #3c3c3b;height:17px;padding:0 10px 3px 10px;color:#d1d1d2;font-size:11px; outline: none;}
.boto:hover { color:#fff; text-decoration:none; }
a.boto { color:#ccc !important; padding-top:2px;padding-bottom:1px;  }
a.boto:hover { color:#fff !important;  }

ul.imatges { float:left;margin-right:20px;list-style:none;}
ul.imatges li { margin-bottom:10px;}

#main {width:980px;margin:0 auto;background-color:#fff; padding-top:5px; }
#header {position:relative; }
	#header .cb {height:10px;}
	#header #general {height:24px;font-size:11px;color:#6d6d6d;}
	#header #general img {vertical-align:-3px;margin-left:20px;margin-right:5px;}
	#header #general .col-a { padding-left:50px; width:255px; overflow:hidden;}
	#header #general .col-a ul {list-style:none }
	#header #general .col-a ul li {float:left;height:10px;color:#c7c7c7;}
	#header #general .col-a ul li a {padding-left:5px;padding-right:5px;color:#6d6d6d;}
	#header #general .col-a ul li a:hover {color:#93b4cb;}
	#header #general .col-a ul li a.active {color:#93b4cb;}
	#header #general .col-b { width:425px; text-align:right;padding-right:30px; overflow:hidden; }
	#header #general .col-c { width:220px; background-image:url('../img/cercador_bkg.png'); background-repeat:repeat-x; background-position:bottom; overflow:hidden;} 
	#header #general .col-c #cercador { width:210px; height:18px; padding-left:10px;color:#fff;padding-top:4px; }
	#header #general .col-c #cercador .text { margin-left:5px; }
	
	#header #passi {  height:260px; margin-top:10px;}
	
	#header #passi .col-a {width:760px; }
	
	#header #passi .col-a img { float:left; }
	#header #passi .col-a #logo_container { position:absolute; right:248px; height:250px;background-color:#fff;width:182px;opacity:0.8;filter:alpha(Opacity=80); }
	#header #passi .col-a #logo { position:absolute; right:260px; top:50px; z-index:20;}
	#header #passi .col-b {width:210px;}
	#header #passi .col-b #convidat { background:#333534; width:170px; padding:1px;}
	#header #passi .col-b #convidat h4 { color:#fff; padding:0 5px 3px 0; text-align:right; }
 

	#cont {
	min-height: 500px; height: auto !important; height: 500px; 
	background-image:url('../img/cont_bkg.png'); background-repeat:repeat-y; background-position:right; 
	margin-left:50px;
	}

	#cont .col-a { width:682px;padding-right:18px; overflow:hidden;}
	#cont .col-b { width:220px;padding-left:10px; overflow:hidden;}
	#cont .col-b #login {background-color:#4c4b49;padding:5px;color:#dedede;margin-left:0px;}
	#cont .col-b #login p.error {font-style:italic;}
	
	#cont .col-b #login a {color:#efefef; }
	#cont .col-b #login h4 { color:#fff; padding:0 5px 8px 0; }
	#cont .col-b #login h4 img { vertical-align:-2px; }
	#cont .col-b #login p {margin-bottom:6px;}
	#cont .col-b #login .text {height:15px; margin-right:10px;}
	
	#cont .col-b #login img.persona {padding:2px;float:left;border:1px solid #fff;margin-left:10px;margin-right:10px;}
	
	#cont .col-b .pr15 {margin-right:15px;}
	#cont .col-b .pr15 h4 {font-size:12px;}
	#cont .col-b #miniatura {list-style:none;}
	#cont .col-b #miniatura img {float:left;margin-right:10px;}

	
	#cont .col-a #menu {background-image:url('../img/menu_bkg.png'); background-repeat:no-repeat;background-position:1px top; height:28px;margin-bottom:5px;padding-left:20px; }
	#cont .col-a .cont-50a { width:335px;float:left;padding-right:5px;}
	#cont .col-a #festesoci .cont-50a ul {margin-left:30px;}
	#cont .col-a .cont-50b { width:335px;float:left;padding-left:5px;}
	
	#footer {margin-left:50px; margin-top:30px;color:#7e7e7c;margin-right:20px;}
	#footer .entitat {float:left; width:435px; padding-right:20px;}
	#footer .entitat img {margin-top:20px;}
	#footer .entitat a:hover {text-decoration:none;}
	#footer .direccio {margin-top:4s0px;padding-bottom:20px;}
	#footer .direccio a {color:#6d6d6d;}

	
/* Enquestes */
.enquesta {width:294px;background-image:url(../img/enquesta-top.png);margin-bottom:20px;} 

.enquesta div.cnt {padding-top:10px;} 
.enquesta div.peu {height:15px;background-image:url(../img/enquesta-bottom.png);background-position:left bottom;background-repeat:no-repeat; }
.enquesta img { margin-bottom:10px; }

.enquesta h6 {font-size:16px;height:35px;}
.enquesta h4 {font-size:11px;font-family:Arial;}
.enquesta ul {margin-left:10px;list-style:none;}
.enquesta ul li input[type=radio] { margin-right:5px; }
.enquesta .boto { margin-top:10px;margin-bottom:10px;}

#enquestes .enquesta {width:100%;}
#enquestes .enquesta .cnt {padding-top:0px;}

/* Engrunes de pa */
div.breadcrumbs { margin-bottom:10px;margin-left:0px; }
div.breadcrumbs .separador { padding-left:5px; padding-right:5px; }
div.breadcrumbs .ultim { color:#1374b9;font-weight:bold; }
div.breadcrumbs .normal { color:#000;font-weight:bold; }

/* Paginació */
div.pagination {font-size:11px !important;text-align:right;margin-bottom:20px;padding-top:10px;margin-right:10px;}
div.pagination a {font-size:11px;background-color:#ffffff;padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #4c4b49;text-decoration: none;color:#4c4b49;}
/*div.pagination a:hover, div.pagination a:active {border:1px solid #4c4b49;}*/
div.pagination .current {font-size:11px !important;padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #4c4b49;background-color:#4c4b49;color: #fff;}
div.pagination .disabled {background-color:#fff;padding: 2px 5px 2px 5px;margin-right: 2px;border: 1px solid #fff; color:#fff;}
div.pagination .next {border:1px solid #4c4b49;color:#4c4b49;background-color:inherit;}
div.pagination .prev {border:1px solid #4c4b49;color:#4c4b49;background-color:inherit;}



/*portada*/
ul.llista_portada {list-style:none;margin-bottom:10px;}
ul.llista_portada li { padding-top:5px; }
ul.llista_portada li.opinio {margin-bottom:5px;min-height: 90px; height: auto !important; height: 90px; padding:10px 10px 0px 10px;background-color:#d7d7d7;
background-image:url(../img/articleopinio_bkg.png); background-repeat:repeat-y;}
ul.llista_portada li a {color:#000;}
ul.llista_portada img { float:left; margin-right:10px; border:1px solid #ccc;}
ul.llista_portada .cb { height:10px;}
ul.llista_portada a.img {border:1px solid #000; float:left; margin-right:10px;}
ul.llista_portada p.opinioambfoto { width:175px; float:left;}
ul.llista_portada p.noticiaambfoto { width:220px; float:left;}


div.rss {  margin-bottom:10px;font-weight:bold;}
div.rss p { margin-bottom:3px;}
div.rss a {  margin-bottom:20px;}


#activitat { margin-top:30px;}
#activitat-a { float:left;width:220px; }
#activitat-b { float:left;width:450px; }
#activitat a { color:#000; }
#activitat p.titol { padding-bottom:10px;font-size:14px;font-weight:bold; }
#activitat p.data { font-weight:bold; margin-bottom:10px; }


#activitat h2 { margin-bottom:0px;margin-top:20px;}

#noticia { margin-top:30px;}
#noticia-a { float:left;width:220px; }
#noticia-b { float:left;width:450px; }
#noticia a { color:#000; }
#noticia p.data { font-weight:bold; margin-bottom:10px; }
#noticia p.titol { padding-bottom:10px;font-size:14px;font-weight:bold; }
#noticia h2 { margin-bottom:0px;margin-top:20px;}

.formulari ul {list-style:none;}
.formulari ul li {margin-bottom:5px; line-height:20px;}
.formulari ul li label {display:block;}
.formulari #cont .col-a .cont-50a { padding-left:10px;width:310px !important;float:left;padding-right:10px; overflow:hidden; }
.formulari .cont-50b { width:310px !important; float:left;padding-left:10px;overflow:hidden; }
.formulari { min-height: 335px; padding:10px 10px 4px 10px; height: auto !important; height: 330px;  background:#d7d7d7;}
.formulari p {margin-bottom:5px;line-height:20px;}
.formulari .text {padding:2px 0 2px 0;border:1px solid #fff; background:#fff; width:100%; }
.formulari .select {border:1px solid #fff; background:#fff; }
.formulari textarea { padding:2px 0 2px 0;border:1px solid #fff; background:#fff; width:100%; margin-bottom:5px;}
.formulari blockquote { margin-left:10px; margin-top:10px;}

span.preu {font-weight:bold;}
#registre h2 {margin-top:20px;margin-bottom:0px;}
#contrasenya h4 {margin-top:20px;margin-bottom:0px;}

/* Contacte */
#contacte .cont-50a {padding-top:10px; }
#contacte h2 {margin-top:20px;margin-bottom:0px;}
#contacte .cont-50b iframe {border:1px solid #000; }

/* Junta */
.junta h4 {background-image:url(../img/junta_bkg.png);background-repeat:no-repeat; height:25px;padding:3px 0 0 10px; }
.junta h3 {font-weight:normal; }
.junta div {margin-bottom:10px;margin-left:10px;}
.junta a {color:#707173; }
.junta img.foto {float:left;margin-right:10px; }

#inscripcio h4 {margin-bottom:0px;}

.form {padding:10px 20px; /*background-color:#f7f7f7;*/ }
.form iframe {margin-top:-10px; }
.form .botonera{ padding-right:20px; text-align:right;margin-bottom:20px;}
.form label {font-weight:bold;margin-right:10px;text-align:right;width:100px;padding-top:2px;display:block;float:left;color:#888888;background-color:inherit;}
.form h5 {margin-bottom:15px;}
	.form .text, .form textarea { font-size:11px;padding:2px;border:1px solid #CCCCCC;background-color:#fff; width:auto;}
	/*.form .resum {width:300px; height:100px; }*/
	/*.form .boto {cursor:pointer;float:right;margin-top:-5px;margin-left:5px;}*/
/*
#menu_club { list-style:none; height:45px;}
#menu_club a { background-image:url(../img/club_boto_bkg.png); display:block; width:auto;float:left;height:28px;color:#fff;text-decoration:none;margin-bottom:10px;}
#menu_club a img { float:left;}
#menu_club a span { display:block; padding:8px 15px 0 10px; float:left; font-weight:bold; font-size:12px; }*/

.debat {margin-bottom:20px;float:left;width:330px;overflow:hidden;background:none;}
.debat a {color:#000;}
.debat .cb {background:#fff;height:10px;}
.debat .debat-a {width:65px;float:left;}
.debat .debat-a img {border:1px solid #000; }
.debat .debat-b {float:left;width:265px;}
.debat .debat-b p.data { color:#7e7e7e;font-size:9px;}
.debat .debat-b p.titol {font-weight:bold;margin-bottom:2px;margin-top:5px;font-size:12px;}
.debat .debat-b p.resum {color:#7e7e7e;}


#fitxa {margin-right:20px;}

#fitxa #fitxa-a { width:120px;float:left;}
#fitxa #fitxa-b { width:540px;float:left;}

#fitxa #galeria-a { width:300px;float:left;}
#fitxa #galeria-b { width:300px;float:left; padding-left:60px;}
#fitxa #galeria-b img { float:left; border:1px solid #000;margin-left:5px; margin-bottom:5px;}

#fitxa #video-b { width:320px;float:left; padding-left:40px; }

#fitxa div.dades { color:#7e7e7e;}
#fitxa div.titol { font-family:"georgia",times new roman,times, sherif; font-weight:bold;font-size:30px;}
#fitxa div.resum { color:#105691; margin-top:15px; border-bottom:1px dashed #d7d7d7; padding-bottom:15px; margin-bottom:8px; font-family:georgia; font-size:16px;}
#fitxa div.contingut { margin-top:8px; border-top:1px dashed #d7d7d7; padding-top:15px; margin-bottom:30px;font-size:12px;font-family:arial; line-height:17px;}

/* Pàgina inici del club */
.club-a {float:left;width:330px;margin-right:20px;}
.club-a .cb {height:0px;}
.club-b {float:left;width:330px;}
.club-b .cb { height:0px;}

#perfil-a {float:left;width:70px;margin-right:10px;}
#perfil-a img {border:1px solid #000; }
#perfil-b {float:left;width:115px;margin-right:20px;}
#perfil-c {float:left;width:115px; overflow:hidden;}


/*forum*/
#comentaris {margin-bottom:20px;}
#comentaris .nou a {color:#fff; }
ul.replies{ margin:0px;padding:0 0 0 9px;list-style-type:none;background:transparent url("../img/flowline1.gif") repeat-y; }

li.reply{ margin:0;padding:20px 0 0 9px;background:transparent url("../img/flowline3.png") no-repeat -9px -2px; }
li.reply.last{ margin:0;padding:20px 0 0 9px;background-color:white; }

.resposta { width:100%;background-color:#fff; border:3px solid #7e7e7e}
.resposta strong { color:#000; }
.resposta .foto { width:50px;padding:5px 10px 5px 5px;}
.resposta .status { color:#999;height:10px;background-color:#f1f1f1;padding:3px 10px;}
.resposta .link {text-align:right; width:100px;height:10px;background-color:#f1f1f1;padding:3px 10px;}
.resposta .txt {padding:5px 10px;}


ul.podcast { list-style:none;}
ul.podcast li {padding:10px 0px 5px 0px;margin:0 5px;border-top:1px solid #e1e1e1;  }
ul.podcast li.first {border-top:0;padding-top:0;  }
ul.podcast li p { margin-bottom:5px;}
ul.podcast li span.data { color:#666; margin-right:5px;}
ul.podcast li p.titol a { color:#000; font-weight:bold;}
ul.podcast li a img { vertical-align:-5px;border-right:5px solid #fff;}


ul.video { margin-bottom:5px;list-style:none;}
ul.video li {padding:10px 0px 5px 0px;margin:0 5px;border-top:1px solid #e1e1e1;  }
ul.video li .cb {height:0px; }
ul.video li.first {border-top:0;padding-top:0;  }
ul.video li .video-a {width:110px;float:left;}
ul.video li .video-b {width:200px;float:left;}

ul.video li p { margin-bottom:5px;}
ul.video li span.data { color:#666; margin-right:5px;}
ul.video li p.titol a { color:#000; font-weight:bold;}
ul.video li a img { vertical-align:-5px;border-right:5px solid #fff;}


ul.llista_convidats { list-style:none; }
ul.llista_convidats li { width:100px;float:left;height:180px; overflow:hidden;margin-right:10px;margin-bottom:10px;}
ul.llista_convidats li img { margin-bottom:5px;}
ul.llista_convidats li a { font-weight:bold;}
#mostrar-convidat img { border:2px solid #000; margin-bottom:20px}
#mostrar-convidat p.data { padding-top:10px; border-top:1px solid #ccc; margin-bottom:5px;}
#mostrar-convidat p.titol {  margin-bottom:5px;}

#mapaweb ul { list-style:none; margin-top:10px;}
#mapaweb ul ul { margin-bottom:15px; margin-left:30px;margin-top:15px; list-style:disc;}
#mapaweb ul li { margin-top:5px; }

.docs ul { margin-left:20px;}
.docs h4 { margin-top:10px; font-family:arial;font-size:11px; text-transform:uppercase;}
.docs ul li span { color:#777;margin-left:5px;}

ul.banners { list-style:none;margin-top:10px;}

ul#login { list-style-type:none;float:left;margin-left:20px; }
ul#login li { line-height:20px; }
ul#login li img { margin-right:5px; vertical-align:-3px; }

/*
table#premsa { width:100%; margin-top:20px;}
table#premsa td { padding:3px 10px 3px 10px; }
table#premsa td.separador { background-image:url(../img/premsa_tr_bkg.png); background-position:0 5px; background-repeat:repeat-x;padding-botom:5px;}
table#premsa td.data {background-color:#cce3f6; width:80px; text-align:center;}
table#premsa td.link {background-color:#dedede;}
table#premsa td.mitja {background-color:#0b75c0; color:#fff; width:150px; text-transform:uppercase; }
*/
table.elmeuperfil { width:100%;}
table.elmeuperfil th {text-align:left;background-color:#4c4b49;padding:3px 5px 3px 5px;color:#fff;}
table.elmeuperfil td {padding:8px 5px 3px 5px; vertical-align:top; }
/*#premsa {color:#555;}*/

/* Noticies, Activitats i Articles d'opinió */
div.llista-principal {margin-bottom:30px;padding-right:20px;}
div.llista-principal img {border:1px solid #aaa;margin-bottom:20px;}
div.llista-principal h3 a { color:#000;}
div.llista-principal p.data {margin-bottom:5px; }
div.llista-principal p.resum { margin-top:15px;text-align:justify; }


#comparteix { background-color:#dedede; padding:5px 5px 2px 5px; margin-top:5px; margin-right:20px;}

ul#llista {list-style:none;}
ul#llista li {margin-bottom:5px;min-height: 90px; height: auto !important; height: 90px; }
ul#llista li a { color:#000; }
ul#llista li p {margin-bottom:5px; }
ul#llista li p.ambfoto { width:210px;float:left; }

ul#llista img {border:1px solid #000; float:left; margin-right:10px;}

#espaisocis #es-a { float:left; width:160px;}
#espaisocis #es-b { float:left; width:500px;}
#espaisocis #es-c { padding:20px; position:relative;border-top:1px solid #ccc; background-image:url(../img/bkg_espaisocis_quees.png); background-position:left 15px; height:200px; background-repeat:no-repeat;}
#espaisocis #es-c h4 { color:#fff; }
#espaisocis #es-c #formularilogin { position:absolute; left:460px; top:20px; color:#fff; }

#espaisocis #es-c #formularilogin h4 { padding-bottom:5px; }
#espaisocis #es-c #formularilogin h4 img { vertical-align:-3px; }
#espaisocis #es-c #formularilogin h5 { color:#fff;padding-bottom:15px;border-bottom:0px;}
#espaisocis #es-c #formularilogin p { margin-bottom:5px; }
#espaisocis #es-c #formularilogin { margin-bottom:5px; }

.superllistat { padding-bottom:10px; }
.superllistat .comentaris { color:#444; margin-top:5px;}
.superllistat .foto { float:left; width:65px;}
.superllistat .foto img { border:1px solid #000; }
.superllistat .text1 { float:left; width:300px;}
.superllistat .comentarisgris { background-color:#d7d7d7; padding:2px 5px 2px 5px; }
#cercadorintern {position:absolute; right:245px; margin-top:-25px;}
#cercadorsocis {background-image:url(../img/cercador_socis_bkg.png); color:#fff;padding:5px 10px; height:62px;}
#cercadorsocis p.titol {font-size:13px;font-weight:bold;}
#cercadorsocis p.resum {margin-top:8px;margin-bottom:8px;font-size:10px;}
#mesactiu {float:left;width:75px;margin-left:10px}
#mesactiu img {border:1px solid #000;margin-bottom:5px;}

#socis #col-sa,#socis #col-sb, #socis #col-sc {float:left;}
#socis #col-sa,#socis #col-sb {margin-right:10px; width:220px;}
#socis #col-sc { width:220px;}
#socis .soci-a {float:left;width:60px;}
#socis .soci-b {float:left;width:160px;}
#socis .cb {height:20px;}
#socis img {border:1px solid #000;}


#formularilogin blockquote {padding-right:10px;}
#formularilogin input.text {color:#666 !important;}

.formulari input[type="text"] {color:#666 !important;}
.formulari .boto {font-size:11px;font-weight:bold;color:#ddd;font-family:arial;}