@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											{  }
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.dreta	 	{ margin:0px 0px 0px 20px; border:#e4e4e4 solid 6px; float: right }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; }  

/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family: Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size:.8em; padding:0; margin:0; background:#cce30b url(../img/bgbody.jpg) top repeat-x; }
strong	{ font-weight:bold; }
h1		{ text-align:left; font-size:1.6em; font-weight:bold; padding-bottom:20px; }
h2		{ text-align:left; font-size:1.3em; padding-bottom:10px; font-weight:bold; }
h2 a	{ color:#333333; }
h4		{ font-size:1.1em; text-align:right; color:#337eb2; }
h4 a	{ font-weight:bold; color:#000; }
p		{ font-size:1em; line-height:1.6em; padding-bottom:15px; }
a 		{ text-decoration:none; }
li		{ text-align:left; }
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 							{ width:950px; min-height:400px; margin:0 auto; clear:both }
#logo 							{ float:left; padding-left:20px; }
#cap							{ background:url(../img/bg_header.gif) top center repeat-y; }
#header							{ height:113px; }
#peu 							{ clear:both; width:950px; height:70px; color:#000; font-size:.85em; background:url(../img/bottom.jpg); margin:0 auto; }

#subweb							{ background-color:#fff; float:left; width:950px; }

#rotador						{ height:453px; overflow:hidden }

.noticia h4						{ padding:0 25px 10px 0; }
.noticia						{ border:#ccc solid 1px; width:249px; padding:10px; height:400px; position:relative; float:left; margin-left:35px; margin-top:35px; }
.noticia h2 a					{ color:#8d9d07; }
.noticia_ampliada				{ min-height:300px; padding-bottom:30px; border-bottom:#ccc dotted 1px; }
.noticia_ampliada h1			{ color:#8d9d07; }
.noticia_ampliada a				{ color:#0066CC; text-decoration:underline; }
.noticia_ampliada p				{ text-align:justify }

.promocio						{ border:#ccc solid 1px; width:249px; min-height:430px; position:relative; float:left; margin-left:35px; margin-top:35px; }
.promocio_ampliada_img			{ min-height:300px; padding-bottom:30px; float:left;  width:400px  }
.promocio_ampliada_text h1			{ color:#8d9d07; }
.promocio_ampliada_text a			{ color:#0066CC; text-decoration:underline; }
.promocio_ampliada_text			{ padding-bottom:30px; float:right; width:510px;padding-right:20px; padding-top:20px  }

.bottom							{ bottom:0px; width:260px; position:absolute; }
.bottom h4 a					{ font-size:.9em; color:#95a507; }

#round_top						{ width:950px; height:18px; background:url(../img/round_top.png) left top no-repeat; }

#cercador input					{ border:0; background:#cce30b url(../img/magnifier.png) 125px 4px no-repeat; width:134px; margin-top:10px; padding:3px; }

#menu							{ height:52px; margin-top:22px; }
#menu ul						{ font-size:.99em; font-weight:bold; }
#menu ul li						{ float:left; padding:0; margin:0; }

#menu ul li.visited	a 			{ color:#000; }
#menu ul li	a					{ color:#fff; }

#dreta							{ float:right; width:300px; font-size:0.85em; text-align:left; margin:20px 12px 10px 0; min-height:100px; padding:0 22px 0 0; }
#esquerra						{ float:left; width:140px;  font-size:1em; text-align:left; margin:20px 0px 10px 10px; min-height:100px; padding:0 0 0 22px; }

.info							{ margin-left:7px; }
.info li						{ line-height:20px; }
.info li strong					{ line-height:20px; color:#95a507; }

.noticia_ampliada				{ padding:25px; padding-left:35px; }

#contingut 						{ width:550px; float:left; padding:0; margin-top:18px; margin-left:32px; background:#FFF }
#contingut_d 					{ width:710px; float:right; padding:0; margin-top:18px; margin-right:32px; }

#contingut_d .producte			{ clear:both; }

#contingut_d .producte ul li	{ float:left; width:160px; font-size:.9em; border:#ccc solid 1px; margin:0 5px 5px 0; padding:5px; height:205px }
#contingut_d .producte ul li img{ width:160px; height:160px; }
#contingut_d .producte ul li a	{ color:#333333; }

#contingut h1					{ text-align:left; font-size:1.6em; color:#000; font-weight:bold; }
#dreta h1						{ text-align:left; font-size:1.2em; padding:10px; color:#337eb2; font-weight:bold; }
#dreta p						{ padding:10px; }

#esquerra ul					{ }
#esquerra ul li					{ font-weight:bold; line-height:2.2em; margin-top:2px; border-bottom:#ccc solid 1px;  }

#esquerra ul li a.visited		{ line-height:1.4; font-weight:bold; margin-top:5px; color:#cce40c; }
#esquerra ul li a.unvisited		{ line-height:1.4; font-weight:bold; margin-top:5px; color:#000; }

#esquerra ul ul li				{ margin-left:10px; font-size:.85em; }

#esquerra a						{ color:#000; }
#esquerra a:hover				{ color:#0033CC; }
/* ---------------------- CAP ---------------------- */

.imatge_producte				{ width:485px;height:485px;float:left; border:#ccc solid 1px; padding:5px; }
.m_imatge_producte				{ width:85px;height:85px;float:left; margin-left:7px; margin-bottom:7px; }

/* ---------------------- LOGO ---------------------- */

/* Idiomes */
#idiomes 						{ float:right; margin:18px 28px; font-size:.8em; }
#idiomes a 						{ display:block; padding:5px 0 3px 28px; background-position:6px center; background-repeat:no-repeat }
#idiomes span.general			{ float:left; }
#idiomes span a 				{ width:60px; color:#000; font-weight:bold;   }
#idiomes a.es 					{ background-image:url(../img/bandera_es.gif) }
#idiomes a.ca 					{ background-image:url(../img/bandera_ca.gif) }
#idiomes a.ro 					{ background-image:url(../img/bandera_ro.gif) }
#idiomes a.en 					{ background-image:url(../img/bandera_en.gif) }
#idiomes a.fr					{ background-image:url(../img/bandera_fr.gif) }

#contacte						{  }
#contacte label 				{ display:block; width:150px; font-weight:bold; font-size:.90em; color:#555; float:left; padding-left:5px }
#contacte textarea, #contacte input.text  { border:1px solid #d3d3d3; background-color:#f3f3f3; padding:3px; width:300px; }
#contacte input.text 			{ margin-bottom:8px }
#contacte textarea 				{ height:150px; margin-bottom:8px }

#contacte .formbtn			 	{ display:block; text-align:right; float:right; margin-right:2px; padding:5px; margin-bottom:15px;  }
#contacte input.boto    		{ padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; }

#ClientValidationSummary 		{ clear:both; background-color:#fff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 		{ font-weight:normal }

/* Laterales */

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

#peu a 							{ text-decoration:underline; color:#000; font-weight:bold; }
#peu ul 						{ display:block; line-height:1.4em; }
#peu ul li						{ float:left; display:block; padding:11px 20px 15px 38px; width:200px;  }


#peu .adresa 					{ margin-left:8px; background:url(../img/ico_mapa.gif) 15px 10px no-repeat }
#peu .reserva					{ background:url(../img/ico_telefon.gif) 15px 10px no-repeat}
#peu .links 					{ text-align:right; float:right; }
#peu .links a 					{ color:#000 }

.q 								{ display:block; font-size:.85em; text-align:right; margin:6px 10px }
.q, .q a 						{ color:#000 }

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

#pagination a {	border: 1px solid #cbe30b; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #8d9d07;		
}
#pagination a:hover, div.pagination a:active {border: 1px solid #000; background-image:none;	background-color:#000; 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; }

#contingut_d .pagination					{ float:right; margin-bottom:10px; clear:both; }
#contingut_d .pagination ul					{ display:block; line-height:24px; height:24px;  }
#contingut_d .pagination ul li				{ float:left; padding:0; margin:0; }
#contingut_d .pagination ul a				{ padding:0 13px 0 13px; color:#000; line-height:24px; margin:0	 }
#contingut_d .pagination ul a:hover			{ color:#000 }

#contingut_d .pagination .pag_anterior		{ border:0 }
#contingut_d .pagination .pag_anterior a	{ background:url(../admin/img/icones/pag_anterior.gif) no-repeat left center; padding-left:20px }
#contingut_d .pagination .pag_seguent a		{ background:url(../admin/img/icones/pag_seguent.gif) no-repeat right center; padding-right:20px }
#contingut_d .pagination .pag_anterior span { background:url(../admin/img/icones/pag_anterior.gif) no-repeat left center; padding-left:20px; padding-right:12px; color:#ccc }
#contingut_d .pagination .pag_seguent span	{ background:url(../admin/img/icones/pag_seguent.gif) no-repeat right center; padding-right:20px; padding-left:12px; color:#ccc }
#contingut_d .pagination li.activa			{ padding:0 10px 0 10px; line-height:24px; background:#b7bad0; font-weight:bold; color:#fff }