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

h1 		{ font-size:1.5em; color:#000b5f }
h2 		{ font-size:1.3em; color:#000b5f }
h3 		{ font-size:.95em }
p 		{ line-height:1.55em; color:#333; margin:15px 0 }
strong	{ font-weight:bold; color:#801d28 }
a		{ text-decoration:none; color:#000; }
a:hover	{ text-decoration:underline; color:#000b5f }
td		{ text-align:center}
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web { width:904px; margin:0 auto;}
#cos { margin:0 2px; font-size:.85em; background:#EFEFEF}
#contingut 	{ width:575px; float:left; padding-top:10px; padding-left:20px;  background:#EFEFEF}
#contingut_ample 	{ width:870px; float:left; padding:15px;  background:#EFEFEF }
#lateral 	{ width:280px; padding-left:25px; float:left; padding-bottom:15px; padding-top:30px;  background:#EFEFEF }
#peu 		{ clear:both; background:#000 url(../img/bg_peu.gif) top no-repeat; font-size:.9em; height:73px; margin:0px 2px;  color:#fff  }
#revistas	{ float:right; width:500px;}
#revistas img	{ margin-right:14px}

#clients	{ float:left; width:350px;}

#contingut_ample table { border-collapse:separate; border-spacing:20px}
#contingut_ample td.galeria { font-size:1em; border:#BBBBBB solid 1px; background:#e9e9e9; vertical-align:bottom; text-align:center}
#contingut_ample h6 { padding:12px; color:#801d28; font-weight:bold; text-align:left}

/* ---------------------- CAP ---------------------- */
#foto_cap { margin:0 2px 0px; height:100px; border-left:#e2d5b8 solid 1px; border-right:#e2d5b8 solid 1px; background-color:#FFFFFF }
#foto_cap img { display:none; width:898px} 
#logo { padding-top:4px; display:block }

/* MENU */
#menu 			{ background:url(../img/bg_menu_cant_esq.gif) left top no-repeat;  background-color:#FFFFFF }
#menu .can_dre 	{ background:url(../img/bg_menu_cant_dre.gif) right top no-repeat }
#menu ul		{ display:block; background:#e7d8b5; width:880px; margin-left:12px; height:50px; font-family:'Trebuchet MS', sans-serif; background:url(../img/bg_menu.gif) repeat-x }
#menu li 	{ float:left; font-size:.85em; background:url(../img/separador_boto_menu.gif) left top no-repeat }
#menu li a 	{ color:#FFFFFF; text-decoration:none; padding:7px 22px 8px 22px; float:left}
#menu li a strong 	{ color:#000; font-size:1.25em; font-weight:bold }
#menu li a:hover, #menu li a:hover strong 	{ color:#801d28 }
#menu li.primer, #menu li.primer a 	{ background:none }
#menu li.actiu a	{ background:url(../img/bg_menu_actiu.gif) center bottom no-repeat; color:#801d28 }
#menu li.actiu a strong { color:#801d28 }

/* Idiomes */
#idiomes 			{ position:absolute; margin:6px 0 0 730px; font-family:Arial, Helvetica, sans-serif; font-size:1em; width:300px; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; z-index:4 }
#idiomes li ul 		{ margin-top:1px;  }
#idiomes li.actiu 	{ outline:none;  }
#idiomes li.actiu a 	{ outline:none; color:#FF9;  }
#idiomes a 				{ float:left; padding:5px 14px 4px 28px; color:#FFF }
#idiomes li.actiu ul a		{ background-color:#dee3e9; color:#000 }
#idiomes li.actiu ul a:hover		{ background-color:#F5F7F8 }
#idiomes a.es 			{ background:url(../img/bandera_es.gif) no-repeat left}
#idiomes a.ca 			{ background:url(../img/bandera_ca.gif) no-repeat left }



/* ---------------------- COS ---------------------- */
#cos h1, #cos h2 	{ font-family:'Trebuchet MS', sans-serif; margin-bottom:15px }
#cos h1 			{ font-size:1.35em; height:35px; line-height:32px; padding-left:12px }
#contingut h1 		{ background:url(../img/bg_contingut_tit.gif) left top no-repeat; color:#000000; border-bottom:#999999 solid 3px }
#contingut h2 a 	{ color:#5A6D81; display:block }
#lateral h1 		{ background:url(../img/bg_lateral_tit.gif) left top no-repeat; color:#FFFFFF }
#cos p { font-size:1.2em }
#contingut h2 { font-size:1.4em; margin-top:20px }
#contingut p,#contingut  ul { line-height:1.8em }
#contingut  ul { margin-bottom:15px; font-size:1.2em }
#contingut_ample p,#contingut_ample  ul { line-height:1.8em }
#contingut_ample  ul { margin-bottom:15px; font-size:1.2em }

/* 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 .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 }




/* Galeries */
a.back	{ color:#ffffff; background-color:#801d28; padding:8px; display:block; border-bottom:#cca5a9 solid 2px; font-weight:bold}
a:hover.back 	{ color:#FFCC00;}
#contingut_ample h3 	{ clear:both; color:#000000; font-weight:bold; font-size:1.4em; padding-top:14px; border-bottom:#cca5a9 dotted 1px; text-decoration:none; }
.foto_galeria_llista	{ border:8px #FFFFFF solid; margin:10px }
.foto_galeria 			{ border:8px #FFFFFF solid; margin-bottom:50px; margin-right:25px;  margin-left:25px}
.link_anteriors			{ float:right; padding:5px; font-weight:bold; text-decoration:underline; color:#990000; }


/* 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 }

/* CYCLE */
#foto_preview { margin: 0px }
#casas_menu { margin:0; padding:0 0 15px 0; width:265px }
#casas_menu ul { margin:0; padding:0 }
#casas_menu li { width: 50px; float: left; margin:0 7px 7px 0; padding-right:7px; list-style: none }
#casas_menu a { width: 50px; padding: 3px; display: block; border: 1px solid #aab8c7; }
#casas_menu a.activeSlide { background: #b8c4d0 }
#casas_menu a:focus { outline: none; }
#casas_menu img { border: none; display: block }


/* 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:560px; }
#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 */
#lateral .casa_hover { background-color:#ccc }
#lateral .casa		{ padding:5px 15px; }
#lateral .casa img	{ float:left; width:75px; border:1px solid #AE7E51; background:#FFFFFF; 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;  margin-right:20px }
#lateral .oficina a img  { border:1px solid #DDD; background:#FFFFFF; padding:8px; }
#lateral .oficina a:hover img  { background-color:#EFEFEF; border-color:#BBB }
/* ---------------------- PEU ---------------------- */

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

#peu .adresa,
#peu .horari { border-right:1px solid #8fa1b5 }

#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:#FFFFFF}

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

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