@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.dreta	 	{ margin:20px 0px 20px 20px; float: right; border:#99b7cd solid 1px; padding:1px }
img.thumb       { width: 160px;}
img.esquerra	{ margin:10px 20px 10px 0; float: left; border:#99b7cd solid 1px; padding:1px }  
img.centre		{ margin:0 auto; border:#FFFFFF solid 4px; float:none }
img.marc		{ border:#FFFFFF solid 1px; margin:0 10px 20px 11px; padding:1px}
img.lateral   	{ margin-bottom:10px }
/* ---------------------- BIG BOYS ---------------------- */
body { font-family:'Trebuchet MS', sans-serif; font-size:80%; padding:0; margin:0; background:url(../img/bg_body.gif) top repeat-x }

h1 		{ font-size:1.6em; color:#000b5f }
h2 		{ font-size:1.45em; color:#000b5f; font-weight:bold }
h3 		{ font-size:.95em }
p 		{ line-height:1.55em; color:#555555; margin:15px 0 }
strong	{ font-weight:bold; color:#FF9900 }
a		{ text-decoration:underline; color:#000; }
a:hover	{ text-decoration:underline; color:#000b5f }
li		{ color:#000000;} 

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 				{ width:900px; margin:0 auto }
#cos 				{ width:900px; font-size:.85em; }
#contingut 			{ width:620px; float:left; margin-top:20px }
#contingut_ample 	{ width:900px; float:left; margin-top:20px }

#lateral 	{ margin-left:15px; float:right; margin-bottom:15px; margin-top:25px }
#peu 		{ clear:both; background:url(../img/bg_peu.gif) top no-repeat; height:73px; margin:15px 0px 0px; color:#000; font-size:1em  }
#menu		{ width:900px; height:40px; margin-top:24px  }

/* ---------------------- CAP ---------------------- */
#foto_cap 		{ margin:0 0px 0px; height:96px; }
#foto_cap img 	{ display:none } 
#logo 			{ margin:0 2px 0px; height:59px; }

/* MENU */
#menu ul				{ display:block; width:900px; height:40px; background-color:#000  }
#menu li 				{ float:left; font-size:1em; padding:0px 10px 0 10px; line-height:40px; color:#FFF }
#menu li a 				{ text-decoration:none; color:#FFF; }
#menu li a strong 		{ color:#FF9900 }
#menu li a:hover 	 	{ color:#FF9900 }
#menu li.actiu a		{ color:#FF9900;  }


/* Idiomes */
#idiomes 			{ position:absolute; margin:0 0 0 750px; font-size:.9em; width:150px; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; z-index:4 }
#idiomes li ul 		{ display:none; margin-top:1px }
#idiomes li.actiu 	{ outline:none; color:#FFFFFF; background:#000000 url(../img/ico_flecha_idiomes.gif) 130px 3px no-repeat  }
#idiomes li.actiu a 	{ outline:none; color:#FFFFFF; background-color:transparent }
#idiomes a 				{ display:block; padding:1px 0 2px 28px; background-color:#000000; background-position:6px center; background-repeat:no-repeat }
#idiomes li.actiu ul a				{ background-color:#dee3e9; color:#000 }
#idiomes li.actiu ul a:hover		{ background-color:#F5F7F8 }
#idiomes a.es 						{ background-image:url(../img/bandera_es.gif) }
#idiomes a.ca 						{ background-image:url(../img/bandera_ca.gif) }



/* ---------------------- COS ---------------------- */
#cos h1, #cos h2 	{ margin-bottom:15px }
#cos h1, 			{ font-size:1.55em; height:35px; line-height:32px; }
#contingut h1 		{ color:#000b5f; padding-left:10px }
#contingut h2 		{ color:#000b5f; font-weight:bold }
#contingut h2 a 	{ color:#5A6D81; display:block }
#cos p 				{ font-size:1.2em }
#contingut h2 		{ font-size:1.4em }
#contingut p,#contingut  ul { line-height:1.8em }
#contingut  ul 		{ margin-bottom:15px; font-size:1.2em; padding-left:20px }
#contingut_ample  ul { margin-bottom:15px; font-size:1.2em; padding-left:20px }

#contingut_ample h1 		{ color:#000b5f; border-bottom:#444444 1px dotted; padding-left:10px }

.puntet		{ list-style:url(../img/ico_bullet_mes.gif) inside; }
/* Novetats */

#lateral h1 			{ background:url(../img/bg_lateral_tit.gif) left top no-repeat; color:#FFFFFF }
#lateral h2 			{ padding-bottom:3px; text-align:right }
#lateral a 				{ color:#8d753d }
#lateral p  			{ line-height:1.8em; border-bottom:1px solid #ece0c7; padding-bottom:15px; margin-bottom:10px }
#lateral .lateral_peu 	{ background:url(../img/bg_lateral_mes.gif) bottom left no-repeat; height:24px; padding-left:15px }
#lateral .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 }

#contingut h2.noticia { margin-bottom:0; padding-bottom:0; font-size:1.8em }
#contingut h3.noticia { background:url(../img/ico_data.gif) left center no-repeat; padding-left:20px; margin-top:3px; display:block; color:#698097; font-size:1.1em }

/* Serveis */
.servei { border-bottom:1px solid #cdd6df; padding-bottom:15px }


#foto_preview img { margin-bottom:15px; width:250px; border-bottom:3px solid #b8c4d0; padding-bottom:1px }
.clear { clear:both }
a.boton_reserva { padding:0 0 10px 0; display:block; width:250px }

#foto_preview { height:185px; width:250px }
#foto_preview a { display:none }
#fitxa_noticia 			{ border-left:#DDDDDD solid 0px; border-right:#DDDDDD solid 0px; border-top:#DDDDDD solid 0px; border-bottom:#999999 solid 1px; margin-bottom:30px; padding:12px; min-width:870px  }

.mensaje_envio					{ width:100%; text-align:center; border:#ccc solid 1px; padding:10px; margin-bottom:250px; }

/* 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:center; margin-bottom:15px; padding-right:150px }
#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 }

#oferta						{ margin-left:30px}
#oferta label 					{ display:block; width:180px; font-weight:bold; font-size:.90em; color:#555; float:left; padding-left:5px }
#oferta textarea, #oferta input.text  { border:1px solid #cdd6df; background-color:#EAEDF1; padding:3px; width:380px; }
#oferta input.text 			{ margin-bottom:8px }
#oferta textarea 				{ height:150px; margin-bottom:8px }
#oferta .submit			 	{ display:block; text-align:right; margin-bottom:15px; margin-right:100px }
#oferta 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 */
#lateral .casa_hover { background-color:#ccc }
#lateral .casa		{ padding:5px 15px; }
#lateral .casa img	{ float:left; width:75px; border:1px solid #AE7E51; padding:2px; margin-right:10px; margin-top:2px }
#lateral .casa h2 	{ margin:0; padding:0; font-size:1.4em }
#lateral .casa ul 	{ border-bottom:1px solid #E9DCBF; padding-bottom:12px }
#lateral .casa li 	{ line-height:1.6em }

#lateral strong 	{ color:#be8360 }

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

#lateral .oficina  { text-align:center }
#lateral .oficina a { display:block; margin-bottom:15px }
#lateral .oficina a img  { border:1px solid #DDD; padding:5px }
#lateral .oficina a:hover img  { background-color:#EFEFEF; border-color:#BBB }
/* ---------------------- PEU ---------------------- */

#peu a 		{ text-decoration:underline; color:#fff }
#peu ul 	{ clear:both; display:block;}
#peu ul li 	{ float:left; display:block; padding:10px 20px 3px 38px }

#peu .adresa 			{ padding-right:100px; background:url(../img/ico_mapa.gif) 15px 10px no-repeat }
#peu .reserva 			{ background:url(../img/ico_telefon.gif) 15px 10px no-repeat}
#peu .reserva strong 	{ color:#000000}

#peu .links 	{ text-align:right; float:right; padding-right:15px }
#peu .links a 	{ color:#000000 }

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

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

#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; }