@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,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 }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
/*------------------------IMATGES-------------------------*/

img.seccio	 	{ margin:20px 0 20px 0; }
img.dreta		{ margin:10px 0 0 10px; float:right; border:#666666 solid 1px; } 
img.esquerra	{ margin:6px 20px 0 0; float:left; border:#666666 solid 1px; }  
img.dretanomarc	{ margin:0px 0px 20px 20px; float:right }
img.lateral   	{ margin-bottom:10px }

img.thumb_galeria { border:#444 dotted 1px; margin-right:18px; margin-bottom:18px}


/* ---------------------- BIG BOYS ---------------------- */
body { font-family: Lucida Sans Unicode, sans-serif; font-size:.8em; padding:0; margin:0; background:#db4b43 url(../img/bg_body.gif) top no-repeat; color:#FFFFFF;  }
strong	{ color:#FFFFFF}
h1		{ text-align:right; color:#FFFFFF; font-size:2.2em; line-height:30px; margin-bottom:40px; margin-top:55px; font-variant:small-caps }
h2		{ line-height:24px; font-size:1.8em; margin-bottom:10px}
h3		{ font-size:1.3em; color:#ec751c; }
p		{ padding-bottom:22px;  font-size:1.15em; color:#CCCCCC }
a 		{ text-decoration:none; }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:1000px; margin:0 auto; }
#cap 		{ width:1000px; margin:0 auto; height:380px; font-family:Georgia, "Times New Roman", Times, serif; }
#cos 		{ width:1000px; height:930px; margin:0; font-size:.85em; float:right;  }
#contingut 	{ width:800px; margin-left:100px; }
#miembros 	{ clear:both; width:800px; margin-left:100px; line-height:22px; text-align:center; color:#444444; font-size:.9em }
#miembros a:hover	{ text-decoration:underline }
#columna_esquerra 	{ width:370px; float:left;  text-align:justify; }
#columna_dreta 	 { width:370px; float:right; }
#peu 		{ width:1000px; height:79px; url(../img/bg_peu.jpg) no-repeat top; float:left; text-align:right; color:#FFFFFF; }

#contingut_ample	{ margin-left:100px; width:800px; }
/* --------------------------    CAP ------------------------------------------*/

#cap ul 			{ line-height:23px; width:600px; float:right; margin-top:8px }
#cap li				{ display:block;  margin-left:20px; float:right}
#cap ul a 			{ color: #FFFFFF; padding-left:20px; text-decoration:none; font-variant:small-caps; font-size:1.2em; }
#cap ul li a		{ font-weight:bold;  }
#cap ul li a:hover	{ color: #000000; }

#columna_dreta a.mes	{ color:#FFFFFF; font-weight:bold; }
#columna_dreta h2	{ text-align:center}
#columna_dreta p	{ margin-bottom:12px}

.tabla_concierto	{ font-size:1.3em; float:left; margin-left:15px; width:580px; }
.conciertos_td_izq	{ height:20px; width:120px; }
.conciertos_td_der	{ height:20px; }
.foto_concert		{ height:125px; float:left; }

#contingut_ample p	{ padding:8px 0 0 0; margin:0; clear:both; }
#contingut_ample strong { color:#ec6b15; }

#concert			{ width:355px; min-height:100px; padding:7px; float:left; margin:10px; border:#333333 solid 1px; }
#concert p			{ margin:0; padding:0; }


.video				{ margin-bottom:40px; text-align:center; }
.video h5			{ line-height:24px; font-size:12px}
a.mas				{ color:#FFFFFF; font-size:1.3em; }
a:hover.mas			{ color:#FFCC33; text-decoration:underline }


/* ----------------------      PORTADA   ---------------------- */

.baner_portada		{ margin-bottom:20px}
#contingut_portada 	{ width:740px; float:left; margin-bottom:15px }
#base_portada 		{ width:740px; float:left; border-top:#88721c dotted 1px; margin-top:20px }

/* ---------------------- CONTINGUT ---------------------- */

h3 a		{ color:#ec751c; }
#miembros a	{ color:#FFFFFF; }
table.social { width:700; margin:50px auto 0 }
table.social td { text-align:center; width:50%}
/* Formularis */

#contacte						{ width:700px; margin:20px auto; font-size:1.2em; color:#FFFFFF }
#contacte label 				{ display:block; float:left; width:180px; text-align:right; margin-right:12px }
#contacte input.text 			{ width:396px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit 				{ display:block; text-align:right;margin-top:20px; margin-right:96px  }
#contacte input.boto 			{ margin-right:10px }
#contacte textarea 				{ width:395px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .validation-failed 	{border:1px solid #C82633;}
#ClientValidationSummary 		{ background-color:#f2f2f2; border:2px solid #C82633; width:600px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }

/* Laterales */

#mapa { border:3px solid #ccc; margin-bottom:15px; clear:left }

/* ---------------------- PEU ---------------------- */

.exits			{ font-size:.95em; text-align:center; line-height:20px}
.exits a		{ color:#000000;}
.exits a:hover	{ color:#FFFFFF; text-decoration:underline}

#peu p	{ font-size:.8em;}

#pagination { width:100%; float: left; padding: 3px; margin: 0 auto; text-align:center;	font-size:.85em; }

#pagination a {	border: 1px solid #CCCCCC; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #0061de;		
}
#pagination a:hover, div.pagination a:active {border: 1px solid #2b55af; background-image:none;	background-color:#92B5C9; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }

.q	{ font-size:.8em; text-align:right; color:#000000}
.q a	{ color:#FFFFFF}