@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,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:10px 0px 20px 20px; border:#CCCCCC solid 1px; padding:8px; background:#e4e4e4 url(../img/bg_foto.gif) repeat-x bottom; float:right }
img.thumb       { width: 160px;}
img.esquerra	{ margin:10px 20px 40px 0; border:#CCCCCC solid 1px; padding:8px; background:#e4e4e4 url(../img/bg_foto.gif) repeat-x bottom; float: left }  
img.centre		{ margin:0 auto; border:#FFFFFF solid 4px; float:none }
img.marc		{ border:#FFFFFF solid 4px; margin:0 10px 20px 11px }
img.lateral   	{ margin-bottom:10px }
.imatge_serveis { margin-right:8px;}
.imatge_restaurants { clear:both; margin:4px; border:#CDCDCD solid 1px; background:#EEEEEE;} 
img.nomarc	 	{ margin:0px 0px 20px 20px; float:right }
.thumbnail 		{ max-width:100px; max-height:100px; border:#FFFFFF solid 1px;} 


img.thumb_dreta { border:#CCCCCC solid 1px; padding:8px; background:#e4e4e4 url(../img/bg_foto.gif) repeat-x bottom; float:right; margin-right:10px; margin-top:10px; margin-bottom:10px;}

img.thumb_dreta_fitxa { border:#CCCCCC solid 1px; padding:8px; background:#e4e4e4 url(../img/bg_foto.gif) repeat-x bottom; float:right;  margin-left:20px}
img.fitxa	 	{ margin:10px 10px 10px 20px; border:#CCCCCC solid 1px; padding:8px; background:#e4e4e4 url(../img/bg_foto.gif) repeat-x bottom; float:right }

.ths			{ text-align:center; vertical-align:middle; background-color:#eeeeee; width:100px; height:100px; border:#DDDDDD solid 1px; display:inline-table; padding:5px; margin:5px;}
p.portada 		{ padding-left:20px; padding-right:20px}


/* ---------------------- BIG BOYS ---------------------- */
body { font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,Tahoma,sans-serif; font-size:90%; padding:0; margin:0; background:#fdf9eb url(../img/bg_body.gif) top repeat-x }
p			{ size:.85em; color:#555555; margin-bottom:24px; line-height:22px; text-align:justify}
em			{ color:#555555; margin-bottom:24px; line-height:22px; text-align:justify}
strong		{ color:#333333; }
a			{ color:#444444; }
a:hover			{ color:#000; text-decoration:none }
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:926px; margin:19px auto; background:#FFFFFF; padding-left:10px; padding-right:10px; padding-bottom:10px; border:#e4e0d0 solid 1px}
#cos 		{ margin:0; font-size:.85em; width:740px; float:right}
#logo 		{ float:left }
#cap		{ height:188px; padding-top:10px }
#menu		{ float:left; width:170px; min-height:450px; background:url(../img/bg_menu.gif) no-repeat;}
#cos 		{ margin:0; font-size:.90em; width:740px; float:right}
#contingut 	{ width:575px; float:left; }
#contingut_complet 	{ width:730px; float:left;  }
#lateral 	{ width:300px; margin-left:25px; float:left; background:url(../img/bg_lateral.gif) repeat-y; margin-bottom:15px }
#peu 		{ clear:both; background:#000000; height:90px; font-size:.80em; color:#fff;  }

#barradreta { margin-top:47px; min-height:400px; width:140px; float:right; border-left:#ae8f18 dotted 1px; margin-left:5px; padding-left:10px; padding-right:5px} 

#contingut_complet table		{ margin-bottom:40px; margin-top:30px; margin-left:20px; width:94% }
#contingut_complet th			{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; background:#efefef;  font-weight:bold}
#contingut_complet th.tit		{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; background:#DDDDDD; text-align:center;  font-weight:bold}
#contingut_complet td			{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; vertical-align:middle}
#contingut_complet td.resultat	{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; text-align:center;}

#contingut table		{ margin-bottom:40px; margin-top:30px; margin-left:20px; width:94% }
#contingut th			{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; background:#efefef;  font-weight:bold}
#contingut th.tit		{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; background:#DDDDDD; text-align:center;  font-weight:bold}
#contingut td			{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; vertical-align:middle}
#contingut td.resultat	{ line-height:30px; padding-left:16px; border:#CCCCCC solid 1px; text-align:center;}

#contingut_complet td.links		{ border:#FFFFFF solid 0px; padding-top:16px }
#contingut_complet tr.links		{ border-bottom:#DDDDDD dotted 1px }
/* ---------------------- CAP ---------------------- */
#foto_cap { height:176px; background:#000000; width:740px; float:right }
#foto_cap img { display:none } 


/* --------------------------    MENU ------------------------------------------*/

#menu 			{ margin-bottom:20px; line-height:1.8em; color:#FF0000; font-weight:bold; padding-left:6px; }
#menu a			{ color:#88721c; text-decoration:none; font-size:.90em;}
#menu a:hover	{ color:#666666; text-decoration:underline}
#menu li			{ padding-left:14px; font-weight:normal; font-size:.95em; color:#666666;}

/* Idiomes */
#idms 							{ margin:0 auto; width:935px;}
#idiomes 						{ float:right; font-size:.8em; padding-top:15px; }
#idiomes a 						{ padding:5px 0 3px 28px; background-position:6px center; background-repeat:no-repeat }
#idiomes span.inactiu a 		{ width:40px; display:inline; color:#000 }
#idiomes span.actiu a			{ width:50px; display:inline; font-weight:bold; color:#000 }
#idiomes span.actiu a:hover		{ }
#idiomes a.es 					{  }
#idiomes a.ca 					{  }  /* background-image:url(../img/bandera_ca.gif)  */


/* ---------------------- portada ---------------------- */

.baner_portada		{ margin-bottom:20px}
#contingut_portada 	{ width:740px; float:left; margin-bottom:15px; border-bottom:#b5a40b dotted 1px; }
#base_portada 		{ width:740px; float:left;  vertical-align:top  }
#base_portada a		{ color:#363D54 }
#base_portada a:hover		{ color:#333333; }

#boto_portada			{ text-align:right; line-height:40px; padding-right:15px; font-weight:bold}
#boto_portada a			{ color:#666666; text-decoration:none}
#boto_portada a:hover	{ color:#b5a40b;}
/* ---------------------- COS ---------------------- */
#cos h1, #cos h2 	{ margin-bottom:25px; margin-top:20px}
#cos h1 			{ line-height:32px; font-size:1.65em; color:#ae8f18; text-align:center; font-variant:small-caps}
#cos h2 			{ border-bottom:#cbaa2a dotted 1px; line-height:32px; font-size:1.15em; color:#ae8f18;}
#cos h4 			{ line-height:30px; font-size:1.15em; color:#333333}
/*#cos h2				{ padding-left:10px; font-size: 1.2em; line-height:1em; font-weight:bold; color:#666666; margin-top:20px; }*/
#contingut h1 		{ background:url(../img/bg_contingut_tit.gif) left top no-repeat; }
#contingut h2 a 	{ color:#5A6D81; display:block }
#lateral h1 		{ background:url(../img/bg_lateral_tit.gif) left top no-repeat; color:#917e51 }
#cos p { }
#contingut h2 { font-size:1.4em }
#contingut p,#contingut  ul { line-height:1.8em; }
#contingut  ul { margin-bottom:15px; font-size:1.2em }
#contingut_complet  ul { margin-bottom:15px; margin-left:10px; font-size:1em; color:#666666 }

.llista li  		{ background:url(../img/ico_li.gif) no-repeat left top; padding-left:20px; padding-right:40px; line-height:20px; margin-bottom:16px;  color:#333333}
.enllas_extern		{ background:url(../img/ico_url.gif) right no-repeat; padding-right:20px; }
/* Novetats */
#lateral h2, #lateral p { padding:0 15px; margin:0; }
#lateral h2 { font-weight:bold; padding-bottom:3px }
#lateral a { color:#8d753d }
#lateral p  { line-height:1.8em; border-bottom:1px solid #ece0c7; padding-bottom:15px; margin-bottom:10px }
.lateral_peu { background:url(../img/bg_lateral_mes.gif) bottom left no-repeat; height:24px; padding-left:10px; margin-top:10px; margin-bottom:10px; }
.lateral_peu a { background:url(../img/ico_bullet_mes.gif) left center no-repeat; padding-left:18px }
#lateral .data { background:url(../img/ico_data.gif) left center no-repeat; padding-left:20px; display:block; color:#aa986e; margin-top:3px }

.fitxa_restaurant			{ background:#efefef; border-left:#ddddd8 solid 4px; padding:10px;
								height: auto !important; /* for modern browsers */
								height: 220px; /* for IE5.x and IE6 */
								min-height: 220px; /* for modern browsers */
								text-align:left }
.fitxa_restaurant h3		{ font-size:1em; color:#cdac2b; margin-bottom:8px; margin-top:15px; }
.fitxa_restaurant h4		{ font-weight:bold; font-size:.9em; text-transform:uppercase}




#galeria td {padding:10px; vertical-align:middle; text-align:center}
/* Serveis */
.servei { border-bottom:1px solid #cdd6df; padding-bottom:15px }
.calendari {width:450px; float:left}
.cal_cat { width:200px; float:right; background:#efefef; border:#cccccc solid 1px; margin:20px; margin-top:30px; padding:10px 30px 20px 0; height:187px }
.ul_cat { font-size:1.1em; line-height:20px; }
.ul_cat a{ margin-left:10px; color:#333333; text-decoration:none; }
.ul_cat a:hover{ margin-left:10px; color:#999999; text-decoration:none }

#agenda2 h4	{ margin-left:15px; font-size:1.1em; color:#000000; font-weight:bold;}

#noticies 		{ float:right; width:360px; min-height:340px; }
#noticies h4	{ font-size:1.35em; color:#000000; font-weight:bold;}

#agenda 		{ float:left; width:358px; height:200px; min-height:340px; border-right:#b5a40b dotted 1px; }
#agenda h4		{ font-size:1.35em; color:#000000; font-weight:bold}

.serveis { margin-top:10px; display:block }

.calen 		{text-align:center; margin:4px; float:left; background:url(../img/calendari.jpg) top left no-repeat; width:42px; height:45px;}
.calen .mes {font-size:.7em; margin-top:3px; font-weight:bold; color:#FFFFFF; text-align:center}
.calen .dia {font-size:1.6em; margin-top:3px; color:#454545; font-weight:bold; text-align:center}
.mininews 	{float:right; width:290px; color: #333333; font-weight:bold;  }
.mininews .subtitle { font-weight:normal; color:#666666 }
a.mininews_portada 	{ text-decoration:none}
.mininoticia { margin-top:10px; padding-top:5px; margin-right:12px }
.mesnoticies { margin-top:10px; text-align:right; margin-right:20px; margin-bottom:30px }

.res_ul {}
.res_li { display: inline; background-color:#FFF; border-left:#CCC solid 1px; padding: 2px 6px 2px 6px;}
.res_li_i { display: inline; background-color:#FFF; padding: 2px 6px 2px 6px;}
.res_li_actiu { display: inline; background-color:#FFF; padding: 2px 6px 2px 6px; border-left:#CCC solid 1px; font-weight:bold;}

.li_allotjaments { padding: 0 0 5px 0; }
.li_allotjaments_v { padding: 0 0 5px 0; font-weight:bold; }

/* CYCLE */


/* Formularis */
#reserva label { display:block; width:180px; font-weight:bold; font-size:1.1em; color:#555; float:left; padding-left:5px }
#reserva textarea, #reserva input.text  { border:1px solid #cdd6df; background-color:#EAEDF1; padding:3px; width:380px; }
#reserva input.text 			{ margin-bottom:8px }
#reserva textarea 				{ height:150px; margin-bottom:8px }

#reserva .submit			 	{ display:block; text-align:right; margin-bottom:15px }
#reserva input.boto    			{ padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; }
#ClientValidationSummary 		{ 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 */

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

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

#peu a { text-decoration:underline; color:#fff }
#peu ul { display:block; line-height:1.4em; }
#peu ul li { float:left; display:block; height:52px; padding:11px 10px 15px 10px }

#peu .adresa,
#peu .horari {  }

#peu .adresa { padding-right:80px;  }
#peu .reserva { }
#peu .links { text-align:right; float:right; padding-right:15px }
#peu .links a { color:#dbe1e7 }

#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 { display:block; font-size:.8em; text-align:right; margin:10px auto; width:926px;}
.q, .q a { color:#888 }


.logo_gene { display:block; font-size:.75em; text-align:left; margin:10px auto; width:926px;}
.logo_gene, .logo_gene a { color:#888 }