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

/* ---------------------- BIG BOYS ---------------------- */
body { font-family:Tahoma, sans-serif; font-size:75%; padding:0; margin:0; background:#fff url(../img/bg_cos.png) top repeat-x; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', sans-serif; }

h1, h2, h3 { color:#b20700 }
h1 		{ font-size:1.5em }
h2 		{ font-size:1.3em; margin-bottom:20px }
h3 		{ font-size:1.3em }
h4 		{ font-size:1.3em }
p 		{ line-height:1.6em; margin-bottom:15px; text-align:justify }
strong	{ font-weight:bold; color:#b20700 }
a		{ text-decoration:underline; color:#000; }
a:hover	{ text-decoration:underline; color:#b20700 }

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

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:930px; margin:0 auto }
#cap		{ height:200px }
#cos 		{ padding-top:15px  }
#contingut 	{ width:580px; float:left; }
#contingut_ample 	{ width:880px; float:left}
#peu 		{ clear:both; height:95px; font-size:.9em; margin:10px 2px; color:#fff; background-color:#535353; font-family:Tahoma, sans-serif; background:url(../img/bg_peu.png) top repeat-x  }
#lateral 	{ width:310px; float:right; border:1px solid #CCCCCC; padding:5px; background:#efefef }


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

/* ---------------------- CAP ---------------------- */
#logo { padding-left:10px }

/* MENU */
#menu ul			{ display:block; height:47px; border-top:2px solid #b5b5b5; border-bottom:1px solid #b5b5b5; clear:both }
#menu li 			{ display:inline; text-align:center }
#menu li a 			{ color:#999; text-decoration:none; padding:5px 5px; height:37px; display:block; width:122px; float:left; text-align:center; font-size:.9em }
#menu li a strong 	{ color:#000; font-size:1.25em; font-weight:normal }
#menu li a:hover, #menu li a:hover strong 	{ color:#b20700; background:#F1F1F1 }
#menu li.actiu a							{ color:#b20700;  }
#menu li.actiu a strong						{ color:#b20700; font-weight:bold }

/* Idiomes */
#idiomes 					{ position:absolute; margin:72px 0 0 210px; font-size:.8em; 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:#777; background:#e4e4e4 }
#idiomes li.actiu a 		{ outline:none; color:#777; background-color:transparent }
#idiomes a 						{ display:block; padding:4px 0 5px 28px; background-color:#e4e4e4; background-position:6px center; background-repeat:no-repeat }
#idiomes li.actiu ul a			{ background-color:#eee; color:#000 }
#idiomes li.actiu ul a:hover		{ background-color:#fff }
#idiomes a.es 			{ background-image:url(../img/bandera_es.gif) }
#idiomes a.ca 			{ background-image:url(../img/bandera_ca.gif) }

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

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

p.quisom_portada { background:#f0f0f0 url(../img/bg_quisom_portada.png) top left no-repeat; padding:10px 15px 12px; line-height:1.4em; margin-bottom:20px;  text-align:justify }



#lateral h2	{ text-align:right; padding:6px; background:#990000; color:#FFFFFF; text-align:center; }

/* -------------------------------  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 ul.llista	{ padding-left:30px; line-height:26px;}
#contingut ul.llista li	{ padding-left:26px; color:#666666;  background:url(../img/ico_li.gif) left center no-repeat ;}

#contingut ul.serveis	{ line-height:26px; text-align:center}

/* -------------------------------  ARXIUS  ----------------------------------------- */

#arxius h1 	{ margin-bottom:20px; text-align:center; padding:10px; }
#arxius h2	{ padding:6px; background:#BB0000; color:#FFFFFF; text-align:center; margin-bottom:20px; margin-top:36px; border:#660000 solid 1px }
#arxius h3	{ padding:20px; color:#BB0000; text-align:left; font-size:12px }
#arxius h4	{ padding:6px; color:#BB0000; text-align:right; font-size:10px }
#arxius ul	{ padding-left:30px; line-height:26px;}
#arxius li	{ padding-left:26px; color:#666666;  background:url(../img/ico_li.gif) left center no-repeat ;}




/* Novetats */

#noticies { border:1px solid #ecc1bf; padding:15px 20px }
#noticies h1 { font-size:1.4em; background:url(../img/ico_noticies.png) right top no-repeat }
#noticies h2 { font-size:1.1em; padding:20px 0 8px; font-weight:bold; }
#noticies .data, #contingut h3.noticia { background:url(../img/ico_data.png) right center no-repeat; padding-right:20px; display:block; color:#aa986e; margin-bottom:15px; margin-top:0px; font-size:.8em; font-weight:bold; text-align:right }
#noticies p { border-bottom:1px solid #ecc1bf; padding-bottom:20px;  text-align:justify }
#noticies .lateral_peu a { background:url(../img/ico_bullet_mes.gif) left center no-repeat; padding-left:18px; margin-top:10px; display:block }


/* Serveis */

#noticies_lateral { border:1px solid #ecc1bf; padding:15px 20px; width:280px; float:right }
#noticies_lateral p { border-bottom:1px solid #ecc1bf; padding-bottom:20px;  text-align:justify }
/* 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 }

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

#peu p { margin-left:15px; padding-top:15px; float:left; line-height:1.35em; letter-spacing:0.02em }
#peu a { text-decoration:underline; color:#fff }
#peu ul { line-height:1.1em; float:right; padding-top:5px }
#peu ul li.links { padding:15px 10px 2px 0px; text-align:right }
#peu .links a { color:#dbe1e7 }

.q { clear:both; display:block; font-size:.8em; text-align:right; margin:0 0; float:right; margin-bottom:25px }
.q, .q a { color:#888 }
#fecsa { float:right }

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

/* BARRA DE LOGIN  */
#login{ padding:15px 20px 20px 20px; height:100px; background:#FFFFFF; border:6px solid #555555; position:absolute; top:50%; left:50%; margin:0 auto; width:250px; margin:-60px 0 0 -140px }
#login input.text{ width:220px; margin-bottom:8px; padding:3px 2px 3px 25px; border:1px solid #cecece  }
#login input.boto{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; float:right }
#login a{ color:#2d7000; text-decoration:underline; font-size:.8em }
#login .user{ background:#fff url(img/ico_user.gif) no-repeat 4px center }
#login .pass{ background:#fff url(img/ico_pass.gif) no-repeat 4px center }
#login h1{ font-weight:bold; font-size:.9em; }

/* elemento oculto */
.oculto			{ display:none;}
.visto			{ padding:15px 20px 20px 20px; height:100px; background:#99FFFF; border:6px solid #0099FF; position:absolute; top:50%; left:50%; margin:0 auto; width:250px; margin:-60px 0 0 -140px}