@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; position:relative; }
#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 { position:relative; }

.newsletter			{ padding:40px; }
#newsletter label	{ font-size:1.2em; }
#newsletter .text	{ margin-top:10px; width:300px; padding:10px; border:#ccc solid 1px; font-size:1.2em; font-weight:bold; }
#newsletter .submit { margin-top:25px; padding:10px; font-size:1.2em; font-weight:bold; }
.newsletter a		{ font-weight:bold; color:#666666 }

#web .banner		{ position:absolute; z-index:999; top:181px; right:-5px; }

#rotador ul, #rotador li{margin:0; padding:0; list-style:none;}
#rotador li{ width:890px;height:453px;overflow:hidden; }	
#prevBtn, #nextBtn{ display:block;width:36px;height:75px;position:absolute;left:-25px;top:180px;}	
#nextBtn{ left:938px;}														
#prevBtn a, #nextBtn a{display:block;width:36px;height:75px;background:url(../img/fletxaesq.png) no-repeat 0 0}	
#nextBtn a{ background:url(../img/fletxadre.png) no-repeat 0 0;}

.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; }
#contingutample		{ width:890px; position:relative; padding-left:30px; padding-bottom:15px; padding-top:12px; }
#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:250px; 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 }

.mensaje {border:2px solid #2b55af; background:#dddddd url(../img/ico_info.gif) 8px 10px no-repeat; padding-left:30px}
.mensaje h1 {text-align:left; font-size:1.2em; padding:10px; color:#337eb2; font-weight:bold;}