@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 }
ul {	list-style:none;  margin-bottom:25px }
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 20px 20px; border:#c1d8a0 solid 1px; padding:1px; float:right }
img.esquerra	{ margin:0 20px 10px 0; float: left; border:#d7d7d7 solid 1px;  padding:1px; }  
img.centre		{ margin:0 auto; border:#c1d8a0 solid 1px; padding:1px;  }
img.marc		{ border:#FFFFFF solid 4px; margin:0 10px 20px 11px }
img.lateral   	{ margin-bottom:10px }

img.dreta_p 	{ float:right; width:125px; margin:20px 0px 10px 10px; border:#c1d8a0 solid 1px; padding:1px; }

.foto 			{ width:150px; max-height:90px; }
.mini_foto		{ width:30px; height:30px; margin-right:5px; margin-top:5px; margin-bottom:10px; }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */

body 		{ font-size:80%; padding:0; margin:0; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', sans-serif; background:#c4e57b }
#web 		{ width:930px; margin:0px auto; background:url(../img/bg_contingut.jpg) repeat-y;  }
#cap		{ height:220px; width:930px; background-image:url(../img/bg_web.jpg); float:left }
#menu		{ float:left; padding-bottom:20px; width:910px; margin:0 auto}
#cos 		{ margin:0 26px;   }
#contingut 			{ width:468px; float:left; }
#contingut_ample 	{ width:880px; float:left;}
#peu 		{ clear:both; height:220px; font-size:.9em; color:#fff; background:url(../img/bg_peu.jpg)  }
#lateral 	{ width:370px; float:right; border:1px solid #CCCCCC; background:#efefef; text-align:center; padding:8px }
#alert		{width:408px; float:left; padding: 10px; background:#FFCC33 url(../img/alert.png) left no-repeat; padding-left:50px; margin-bottom:15px}
#info		{width:408px; float:left; padding: 10px; background:#FFCC33 url(../img/info.png) left no-repeat; padding-left:50px; margin-bottom:15px}
.baner-blog		{ position:absolute; top:0px; left:0px}
/* ---------------------- BIG BOYS ---------------------- */

h1, h2, h3 { color:#b20700 }
h1 		{ font-size:1.4em; margin-bottom:20px; font-variant:small-caps; font-weight:bold }
h2 		{ font-size:1.4em; margin-bottom:10px; }
h3 		{ font-size:1.3em }
h4 		{ font-size:1.2em; text-align:left; margin-bottom:14px; padding-left:8px }
p 		{ line-height:1.6em; margin-bottom:15px; text-align:justify; color:#333333 }
strong	{ font-weight:bold; color:#b20700 }
a		{ text-decoration:underline; color:#000; }
a:hover	{ text-decoration:underline; color:#b20700 }
blockquote	{ padding-left:70px; padding-right:30px; font-weight:bold; text-align:justify; margin-left:20px; padding-bottom:18px; line-height:20px; color:#990000; background:url(../img/bg_blockquote.gif) left top no-repeat}


/* ---------------------- CONTENIDORS INTRO ---------------------- */
#barra_entrada	{ background-color:#006666; height:100px; width:100%}
#fotos	{ height:auto; width:1024px; margin-top:100px auto 0px}

#contingut_ample h2							{ margin-top:20px }
#contingut_ample .fotos						{ text-align:left; vertical-align:middle; margin:30px; }
#contingut_ample .fotos a img				{ border:3px solid #e0f0ca; margin:0.2em; }
#contingut_ample .fotos a:hover	img			{ border-color:#CC0000; } 

.galeria_esquerra							{ float:left; width:580px;}
.galeria_esquerra td p						{ font-size:.85em;}
.galeria_dreta								{ float:right; width:300px; }
.enllas_galeria								{ background-color:#efefef; margin-right:20px; padding:5px 10px 2px 15px; border:#CCC solid 1px; margin-bottom:10px; }

/* ---------------------- TAULAS ---------------------- */
table		{ border-spacing: 15px 15px; border-collapse:collapse; border:#CCCCCC dotted 1px; margin-bottom:30px}
td			{ padding-left:15px; vertical-align:bottom; padding-top:10px }
p.oficina	{ border-left:#CCCCCC 1px dotted; padding-left:20px}

table.arribar	{ border-spacing: 0px 15px; border-collapse:collapse; border:none;  }
table.arribar td	{ vertical-align:top; text-align:center; padding-right:15px; padding-top:30px}
table.arribar td img	{ margin-bottom:20px}
/* ---------------------- TAULAS ---------------------- */
table.dades		{ border-spacing: 15px 15px; border-collapse:collapse; border:#CCCCCC dotted 1px; margin-bottom:30px; width:880px}
td.dades		{ padding:15px; vertical-align:middle; background-color:#efefef; border:#CCCCCC dotted 1px }
p.oficina	{ border-left:#CCCCCC 1px dotted; padding-left:20px}

/* ---------------------- CAP ---------------------- */

.baner-news		{ float:left; margin-left:20px; margin-right:20px; margin-bottom:20px}
/* MENU */
#menu ul			{ display:block; height:34px; margin-left:10px }
#menu li 			{ display:inline; text-align:center; }
#menu li a 			{ color:#999;  background:url(../img/bg_menu.gif) right top no-repeat; text-decoration:none; padding:0px 8px 5px 6px; height:40px; display:block; float:left; text-align:center; font-size:.80em; font-variant:small-caps }
#menu li a strong 	{ color:#000; font-size:1.5em; font-weight:normal }
#menu li a:hover, #menu li a:hover strong 	{ color:#b20700; }
#menu li.actiu a							{ color:#b20700;  }
#menu li.actiu a strong						{ color:#b20700; font-weight:bold }
#menu li.ultim a	{ background:none}

/* ---------------------- COS ---------------------- */

#cos .portada, #cos .portada2, #contingut, #lateral { margin-bottom:20px }
#cos .portada { width:500px; float:left }
#cos .portada2 { float:right; width:370px }

#lateral h2	{ background:#c4e57b url(../img/ico_mapa.png) right no-repeat; font-variant:small-caps; padding:6px; text-align:center }

/* ---------------------------   IDIOMES       ----------------------------------------- */

#idiomes		{ padding-left:20px;}
#idiomes a		{ padding:4px 10px; color:#FFFFFF;  background-color:#000000; text-decoration:none; font-size:11px }
#idiomes a:hover{ color:#FFCC00; }
#idiomes .actiu	{ color:#FFCC00; }



/* -------------------------------  CONTINGUTS  ----------------------------------------- */

#contingut h1 	{ margin-bottom:20px }
#contingut h4	{ padding:6px; background:#BB0000; color:#FFFFFF; text-align:center; margin-bottom:20px; margin-top:36px; border:#660000 solid 1px }

#contingut_ample ul.llista		{ padding-left:30px; line-height:26px;}
#contingut_ample ul.llista li	{ padding-left:26px; color:#666666;  background:url(../img/ico_li.gif) left top no-repeat ;}
#contingut_ample ul.llista li a	{  color:#666666; text-decoration:none; font-weight:normal}

.portada ul.llista		{ padding-left:30px; line-height:26px;}
.portada ul.llista li	{ padding-left:26px; color:#666666; background:url(../img/ico_li.gif) left top no-repeat ;  }

#contingut ul.llista		{ padding-left:30px; line-height:26px;}
#contingut ul.llista li	{ padding-left:26px; color:#666666; background:url(../img/ico_li.gif) left top no-repeat ;  }


#contingut ul.serveis	{ line-height:26px; text-align:center}
.portada h1 	{ font-size:1.2em; right no-repeat; font-variant:small-caps; padding:6px; text-align:center; margin-top:20px; background:#c4e57b }

#video_portada	{ background:url(../img/bg_banner_video.png); width:500px; height:209px}
#video_portada .imgvideo	{ padding-left:20px; padding-top:20px; float:left}
#video_portada p	{ padding-left:20px; padding-top:20px; float:right; width:230px; padding-right:30px}

/* Novetats */

#noticies 		{ padding:0; background:url(../img/bg_lateral.gif) no-repeat; width:350px; float:right }
#noticies h1 	{ font-size:1.2em; background:url(../img/bg_lateral.gif) no-repeat; font-variant:small-caps; padding:6px; text-align:center }
#noticies h2 	{ font-size:1.1em; padding:16px 0 0 6px; text-align:left}
#noticies h3 a 	{ font-size:.8em; text-align:left; color:#C00}
#noticies .data, #contingut h3.noticia { display:block; color:#FFB0B0; font-size:.85em; text-align:right; padding-bottom:6px; text-decoration:none}
#noticies .lateral_peu a {  background:url(../img/bg_lateral_mes.gif) no-repeat; padding:8px; padding-left:20px; margin-top:10px; display:block; text-align:justify; }

#noticies .baner-lateral		{ margin-bottom:20px}

/* Serveis */

#noticies_lateral { width:400px; background-color:#999999; padding:15px 20px; width:280px; float:right }
#noticies_lateral p { padding-bottom:20px;  text-align:justify }


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

#reserva .submit			 	{ display:block; text-align:right; margin-bottom:15px }
#reserva input.boto    			{ padding:2px 8px 3px; font-family:sans-serif; font-size:1em; }


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

#peu p { margin-left:25px; padding-top:32px; float:left; line-height:1.5em; letter-spacing:0.1em;  color:#fff  }
#peu a { text-decoration:underline; color:#fff }
#peu ul { float:right; margin-top:40px }
#peu ul li {text-align:right; line-height:10px; margin-right:20px;  }

.q { clear:both; display:block; font-size:.9em; text-align:right; margin:50px 16px; float:right; margin-bottom:25px; color:#000000 }
#ClientValidationSummary 	{ width:370px; background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:0; padding:3px 5px; font-weight:bold }



.localitzacio 				{ padding-left:24px; background:url(../img/ico_mapa.gif) left no-repeat top; display:block; padding-bottom:16px; border-bottom:#CCCCCC dotted 1px}
.lateral_serveis			{ text-align:center; line-height:28px; font-weight:bold; background:#FFFFFF; border:#BBBBBB solid 1px; text-decoration:none}
.lateral_serveis a			{ text-decoration:none}
.lateral_serveis a:hover	{ text-decoration:underline;}

/* =======================================     TAULA DE PREUS  =========================================== */

table.preus		{ border:#DDDDDD solid 1px; width:100%}
table.preus th	{ background:#DDDDDD; color:#b20700; padding:6px 0; text-align:center; font-variant:small-caps; border-bottom:solid 1px #DDDDDD; font-weight:bold}
table.preus td	{ width:50%; padding:0 0 0 12px; border:#DDDDDD solid 1px; line-height:32px; vertical-align:top }
h2.dreta		{ font-size:1em; color:#999999}
table.preus th.blanc	{  background:#EFEFEF; text-align:left; padding:6px 0 6px 12px }