@charset "utf-8";

/* ---------------------- CSS RESET ---------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;  }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none; margin:0; }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%;}
q:before,q:after { content:'' }
abbr,acronym { border:0 }
p	{ text-align:left}

/* ---------------------- BIG BOYS ---------------------- */
html, body { width:100%; height:100%; }
body { font-family:Tahoma, Helvetica, sans-serif; font-size:95%; background:#000; padding:0; margin:0; }
h1					{ margin-bottom:20px }
h2					{ font-size:1.2em; color:#5d5d5d; margin-bottom:15px;  }
h3					{ font-size:.95em; }
h5					{ color:#db161f; padding-bottom:10px }
p					{ font-size:.85em; color:#222; margin:0 0 15px 0; line-height:1.7em; }
strong 				{ font-weight:bold; }
a 					{ text-decoration:none; color:#000000; }
a:hover 			{ text-decoration:underline; color:#ac0000; }
li					{ line-height:22px; font-size:.95em; }
textarea 			{ margin-bottom:30px; }
input 				{ margin-right:6px; line-height:.85em; }
label.registre		{ font-size:.95em; color:#555555; display:block; width:200px; line-height:28px; }
tr					{ line-height:28px; }
h1.grupo			{ font-size:1.4em; padding:15px; height:27px; color:#FFF; background:url(../imatges/header_h1.gif) center no-repeat; margin-bottom:20px; text-align:center; }
h1.sec				{ font-size:1.4em; padding:15px; height:27px; color:#FFF; margin-bottom:40px; text-align:center; }
h1.gran 			{ font-size:1.4em; }
h2.premsa			{ border-bottom:#666 solid 1px; padding-bottom:5px; }
h1.contacte			{ color:#FF3399; font-size:1.6em}
.concert			{ width:200px; }

.premsa li			{ margin-left:10px; font-size:.8em; }
.premsa li.portada	{ margin-left:0px; font-size:1.3em; margin-bottom:10px; font-weight:bold; color:#CCC; }
.premsa li.portada a{ color:#666666; }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#contenidor_web{ margin:0 auto; width:100%; min-width:946px; background:#bfbfc0 url(../imatges/background_repeat.jpg) top center repeat-y; }
#web 		{ margin:0 auto; width:100%; background:url(../imatges/background_top.jpg) top center no-repeat; }
#cap 		{ height:194px; text-align:center;  }
#contenidor_principal { margin:0 auto; width:938px; padding-right:10px }
#contingut 	{ float:left; min-height:660px; width:760px; }
#contingut_i{ padding:20px; }
#lateral_esq{ float:left; width:82px; margin:0; padding:0; margin-top:5px; }
#lateral_esq_i{  }
#lateral_dre{ float:right; width:94px; margin-top:5px;  }
#lateral_dre_i{ padding:20px; }

.llistat_grups	{ padding:5px;  min-height:60px; border-top:#CCC solid 1px; margin-bottom:2px;  }
.llistat_grups img { float:left; margin:10px 40px 0 40px;  }
.llistat_grups p { font-size:1.2em; }

.llistat_grups_premsa{  padding:5px;  border-top:#CCC solid 1px;  }
.llistat_grups_premsa p { font-size:1.2em; margin:0; }

.ul_autogestio 		{ padding:0px; margin:0px; line-height:25px;  }
.ul_autogestio li	{ padding:0px; margin:0px; line-height:25px; }

.titol  { color:#000; }
.slogan { color:#999999; }
.telf-gros	{ text-align:right; font-size:2.2em; color:#dddddd; font-weight:bold }
.telf-mitja	{ text-align:left; font-size:1.6em; color:#dddddd; font-weight:bold; margin-bottom:30px	 }

ul.links		{ padding-left:50px }
.links li		{ background:#FFF url(../imatges/link_icon.gif) left top no-repeat; margin-bottom:2px; padding-left:30px; line-height:2.0em }
.links li a		{ color:#666666; font-size:1.3em; }

.concierto_izq		{ float:left; width:340px; margin-bottom:20px;  }
.concierto_izq p	{ padding: 0px; margin: 0px; }
.concierto_der		{ float:right; width:200px; }

.conciertos_td_izq	{ font-size:.8em; text-align:right; padding-right:10px; width:110px; line-height:1.4em; }
.conciertos_td_der	{ font-size:.8em; font-weight:bold; line-height:1.4em; }

#peu		{ clear:both; margin:0 auto; width:100%; height:250px; background:url(../imatges/background_bottom.jpg) #FFF no-repeat bottom center; font-size:1em; }

.peu_dins	{  padding-top:25px; width:760px; }
.peu_dins p { text-align:center; }
.peu_dins .gran { font-size:1.2em; font-weight:bold; }
.fosc		{ font-weight:bold; }



.fitxaportada	{ border:#CCCCCC dashed 1px; margin-bottom:20px; padding:6px; }
h1.portada		{ color:#77b301; font-size:1.4em; margin-bottom:30px; margin-top:20px}
h2.fitxa_portada a 	{ color:#000000; text-align:left;}
.fitxaportada p { margin-bottom:0px}
 
/* ---------------------------------- CONTINGUT  -------------------------------------  */

#lateral ul { padding-left:20px; margin-top:10px; line-height:22px; font-weight:bold; }
#lateral li { list-style:url(../imatges/puntet.gif) outside; }

#peu p		{ vertical-align:bottom; padding-left:15px; padding-top:15px; }
.q			{ clear:both; width:936px; margin:0 auto; color:#FFFFFF; text-align:right; font-size:.70em; line-height:40px; } 
.q	a		{ color:#FFFFFF; font-weight:bold; }

.logo_grup		{ float:left;  margin-right:15px; margin-bottom:15px}
.grup			{ float:right; border:#34302c solid 1px; padding:1px; margin-left:15px; margin-bottom:15px}

.socials		{ float:right; width:255px; margin-left:15px; background:#FFFFFF; border:#CCCCCC solid 1px; padding:14px 0 8px 18px}
.socials ul 	{ }
.socials ul li.web 			{ display:inline; background: url(../imatges/web.png) no-repeat; color:#ac0000; }

.video		{ margin-bottom:20px; float:left; clear:both}
.info_grup { background-color:#efefef; padding:12px; color:#000000;  line-height:1.6em; border:#CCCCCC solid 1px; margin-bottom:30px; float:left  }
h2.info_grup {  text-align:center; font-size:1em; color:#dc1720; width:100%;}
/* ---------------------------------------------------------- Formularis */

label 					{ display:block; width:180px; color:#000; float:left; padding-left:5px;  font-size:.85em }
textarea, input.text  	{ border:1px solid #cdd6df; background-color:#EAEDF1; padding:3px; width:380px; }
input.text 				{ margin-bottom:8px }
textarea 				{ height:150px; margin-bottom:8px }
.submit					{ padding-left:183px}

.llistat_discs	{ padding:15px;  min-height:60px; margin-bottom:2px;  }
.llistat_discs img { float:right; margin:10px 20px 0 40px;  }
.llistat_discs h2 { font-size:1.2em; color:#a69c01; text-align:left }

a.mp3  	{ background:url(../imatges/mp3.png) left no-repeat; padding:10px 0 10px 30px; }
a.web  	{ background:url(../imatges/web.png) left no-repeat; padding:18px 0 18px 30px; }
a.myspace  	{ background:url(../imatges/myspace.png) left no-repeat; padding:18px 0 18px 30px; }
a.facebook  	{ background:url(../imatges/facebook.png) left no-repeat; padding:18px 0 18px 30px; }

table.fotos_grups		{ border-collapse:separate; border-spacing:30px; background:#EFEFEF; width:100%;  text-align:center; border:#CCCCCC solid 1px}
table.fotos_grups td img { border:#FFFFFF 6px solid; border-bottom:#FFFFFF 20px solid;}

.fitxa_contacte 	{  width:500px; margin-left:40px; }
.separador			{ padding:0;margin:0;margin:30px 0 30px 10px; width:500px }
.fitxa_contacte td.td_mail	{  line-height:12px; padding-bottom:8px; width:55%; }
.fitxa_contacte table { width:100%; border-spacing:10px}
.fitxa_contacte td	{ line-height:25px; font-size:.85em }
.fitxa_contacte td a	{ color:#666666; padding-bottom:10px}
.fitxa_contacte td a:hover	{ color:#ff45cd; text-decoration:underline}

.portada-esquerra		{ width:300px; float:left}
.portada-dreta			{ float:right}

#contingut_i ul			{ margin-left:20px; font-size:.90em; margin-bottom:30px}
#contingut_i ul	li		{ list-style:outside disc}