@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,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%; }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
/*------------------------IMATGES---------------  83a9d6  ----------*/

.dreta			{ float:right; margin:8px 0 14px 16px }
.dreta-grup		{ float:right; border:#7c343d solid 1px; padding:4px; margin-top:4px; margin-left:40px; margin-bottom:40px; background:#7c343d}
.foto			{ float:left; padding:4px; margin-top:4px; margin-left:10px; background:#7c343d}
.esquerra-grup	{ float:left; border:#d1dfef solid 1px; padding:4px; margin-top:4px; margin-right:20px; background:#FFF}
.marc			{ border:#7c343d solid 8px; }
/* ---------------------- BIG BOYS ---------------------- */
body { font-family: Tahoma, Arial, Helvetica, sans-serif; color:#FFF; font-size:85%; padding:0; margin:0; background:#000  }

h1 		{ font-size:2em; color:#151515; margin-top:8px }
h1.galeria	{ text-align:center; padding:15px; }
h1.menu-superior 		{ font-size:2em; color:#121212; margin:10px 10px; width:100px; float:left}
h2 		{ font-size:1.5em; color:#121212; padding-bottom:14px; }
h3 		{ font-size:1.4em; color:#121212; text-align:center; margin:20px auto }
h4 		{ font-size:1.8em; color:#121212; margin:10px; float:left; width:380px}
p 		{ line-height:1.45em; color:#000; padding-bottom:8px; display:block }
strong	{ font-weight:bold; color:#000000 }
a		{ text-decoration:none; color:#FFFFFF; }
a:hover	{ text-decoration:none; color:#FC0 }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */

#web 		{ width:929px; margin:0 auto; position:relative; }
#cap 		{ float:left; padding-left:60px; width:869px;  background:url(../img/bg_web.jpg) no-repeat 0 -50px; margin-top:0px; position:relative;  }
#contingut	{ float:left; margin-top:10px; width:800px; padding:20px; margin-left:40px}
#contingut_ample 	{ float:left; background:url(../img/bgrepeat.jpg) repeat-y top center; }
#venta		{ background:#CC0000; float:left }
#entrades	{ margin:30px auto; width:800px; text-align:center}
.miniventa	{ float:left; padding:0 10px; margin-left:20px }

#menu2		{ font-size:1.4em; width:929px; float:left; color:#000; margin-left:20px }
#menu2 ul	{  }
#menu2 ul li	{ display: inline;  color:#FFF; padding:10px 6px;  }
#menu2 ul li a:hover	{ color:#FC0 }

#contingut h1.seccio 		{ font-size:2em; color:#151515; margin:20px 0px; }
#contingut p	{ padding-bottom:16px}
#contingut table   	{  border-collapse:separate; border-spacing:16px 14px }
#contingut table tr td 	{  width:200px; text-align:center }
#contingut table tr td img 	{  border:#FFF solid 2px }
#contingut table h3  	{  background:#FFF; opacity:0.6;filter:alpha(opacity=60); color:#000; padding:18px 0px  }
#contingut table h3:hover  	{  background:#FFF; opacity:0.9;filter:alpha(opacity=90); color:#C00  }

.col		{ float:left; width:232px; background:#e97076;  }
.col1		{ background:#6b1317 url(../img/bg_col1.jpg) bottom no-repeat; }
.col2		{ background:#6b1317 url(../img/bg_col2.jpg) bottom no-repeat; }
.col3		{ background:#6b1317 url(../img/bg_col3.jpg) bottom no-repeat; }
.col4		{ background:#6b1317 url(../img/bg_col4.jpg) bottom no-repeat;}
.col:hover	{ background:#6b1317}
.col ul		{ padding-top:6px; height:190px; }
.col ul li	{ color:#FFFFFF; line-height:30px; font-size:1.4em; padding-left:14px; font-weight:bold} 

.grup		{ float:left; clear:both; width:800px; text-align:justify}
.web 		{ padding:10px; display:compact; float:left; }
.web a		{ color:#000000; font-weight:bold; font-size:16px}
.web a:hover{ color:#7c343d; text-decoration:underline}

.atras { padding:10px; background-color:#990000; color:#FFFFFF; font-size:1.2em; font-weight:bold; }
.mensaje { padding:20px; background-color:#FFF; color:#ff0000; font-size:1.5em; text-align:center; font-weight:bold; }
.dia		{ background:#bb2229; color:#FFFFFF; padding-left:6px; padding-top:6px; font-size:1.4em; font-weight:bold}
.dia:hover		{ background:#990000 }
.ultim		{ margin:0px}
.primeracol	{ border-left:#990000 solid 1px}
.col ul li.preu		{ text-align:right; padding-right:10px; color:#FFFFFF; font-size:1em}
.video		{ float:right; margin:10px 0 20px 20px; border:#EFEFEF 8px solid}

#idiomes	{ position:absolute; right:18px; top:15px; font-size:1.3em}
#idiomes li	{ display:inline; padding-right:10px} 
#idiomes li.actiu a	{ color:#fc0 } 


#pluja			{ background-color:#800;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:30px; height:90px; text-align:center; padding:10px }
#pluja h1		{ text-align:center; color:#F90; text-transform:uppercase; font-size:1.3em }
#pluja h2		{ text-align:center; color:#000; font-size:1.2em   }



/* Formularis */
#reserva 		{ margin-top:30px;  }
#reserva label { display:block; width:280px; font-weight:bold; font-size:1em; color:#000; float:left; padding-left:5px }
#reserva textarea, #reserva input.text  { border:1px solid #cdd6df; padding:3px; width:480px; }
#reserva input.text 			{ margin-bottom:8px; }
#reserva textarea 				{ height:150px; margin-bottom:8px }

#reserva .submit			 	{ display:block; text-align:center; margin-bottom:15px }
#reserva input.boto    			{ padding:2px 20px 3px; font-family:"Trebuchet MS", sans-serif; font-size:.9em; }
#ClientValidationSummary 		{ background-color:#ffffff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin: 10px 100px 10px 100px; line-height:1.6em }
#ClientValidationSummary a 		{ font-weight:normal; color:#CC0033 }

#reserva2 label { display:block; width:180px; font-weight:bold; font-size:1.2em; color:#ff9900; float:left; padding-left:5px }
#reserva2 textarea, #reserva input.text  { border:1px solid #cdd6df; padding:3px; width:480px; }
#reserva2 input.text 			{ margin-bottom:8px }
#reserva2 textarea 				{ height:150px; margin-bottom:8px }

#reserva2 .submit			 	{ display:block; text-align:center; margin-bottom:15px }
#reserva2 input.boto    			{ padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; }
#ClientValidationSummary2 		{ background-color:#ffffff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin: 10px 100px 10px 100px; line-height:1.6em }
#ClientValidationSummary2 a 		{ font-weight:normal; color:#CC0033 }

#contingut ul		{ padding-left:18px; margin-bottom:30px}
#contingut ul li 	{ color:#972234; list-style:square; list-style-position:outside;}


.cosa				{ margin-left:110px; width:250px; float:left; height:200px; }
/* ---------------------- PEU ---------------------- */
#logos img		{ }
#contacte img	{ }
#peu img 	{ padding-left:20px }
#organitza 	{ float:left}
#colabora 	{ float:left; padding-left:50px }

.q 			{ font-size:.8em; float:right; margin:0; padding:0; margin-right:20px; margin-bottom:20px; }


#peu 		{ width:859px; height:290px; margin:0 auto; padding-left:70px; float:left; background:url(../img/bg_peu.jpg) top no-repeat; padding-top:30px }

#peu img	{ margin-right:10px; }
#peu p		{ color:#FFF; line-height:30px}
#peu a 		{ color:#FFFFFF;}
#peu a:hover 	{ color:#FC0;}

.jony		{ float:left; margin-left:40px; margin-top:60px; }
.cambrirock		{ float:left; margin-top:70px; margin-left:40px; }

#cap .sliderbg				{ float:left; top:215px; left:100px; position:absolute; z-index:999; }

.twitter					{ top:445px; left:600px; position:absolute; z-index:999; }
.facebook					{ top:445px; left:720px; position:absolute; z-index:999; }

#slider						{ height:270px; overflow:hidden; width:475px; position:absolute; top:215px; left:100px; }
#slider #slider2 img		{ position:absolute; top:0; left:0; }


#menu		{ font-size:1.8em; width:750px; color:#000; margin-top:80px; padding-bottom:40px; margin-left:50px  }
#menu ul	{ list-style:none; }
#menu ul li	{ float:left; list-style:none; padding-top:22px; width:147px; text-align:center; height:55px; color:#000; margin-right:25px; background:url(../img/boto1.png) top left no-repeat;  }
#menu ul li.actiu a	{ color:#FC0; }
#menu ul li a	{ color:#000; font-weight:bold; }
#menu ul li a:hover	{ color:#FC0 }