@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; float:right; }
img.thumb       { width: 160px;}
img.esquerra	{ margin:10px 0px 0px 20px; border:#7d2d26 solid 1px; padding:3px; 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:10px 0px 0px 20px; border:#7d2d26 solid 1px; padding:3px; float:right; background:#EFEFEF }
.imatge_serveis { margin-right:8px;}
img.nomarc	 	{ margin:0px 0px 20px 20px; float:right }
.thumbnail 		{ max-width:100px; max-height:100px; border:#FFFFFF solid 1px;} 
.evento			{ margin-bottom:10px; }

/* ---------------------- BIG BOYS ---------------------- */

p			{ size:.85em; color:#444444; margin-bottom:14px; line-height:22px; }
strong		{ color:#1083b8; }
a			{ color:#444444; }
h1			{ font-size:1.8em; font-weight:bold; color:#ed1a28; text-align:center; margin-bottom:25px; }
h2			{ font-size:1.3em; font-weight:bold; color:#005594; margin-bottom:10px; padding:12px 0 6px 0}
td			{ width:200px; color:#555; line-height:20px}
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */

body 		{ font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,Tahoma,sans-serif; font-size:.90em; padding:0; margin:0; background:#efefef }
#web 		{ background:url(../img/bg_cos.png) top repeat-y; width:922px; margin:0 auto; }
#cos 		{  padding-top:20px; margin-left:40px; font-size:.90em; width:880px; float:right;}
#cap		{ background:url(../img/bg_cap.jpg) no-repeat; height:150px; width:922px }
#menu		{ float:left; margin-left:20px; }
#contingut 	{ float:right; width:600px;  margin-right:40px }
#lateral	{ width:220px; float:left; }
#peu 		{ clear:both; height:120px; font-size:.80em; color:#000; background:url(../img/bg_peu.png) top no-repeat;  }

.frase		{  text-align:right; color:#333333; margin-top:20px; padding-right:20px; font-size:1.3em }
.frase h2	{ color:#FF0000; font-size:1.2em }
 /* --------------------------    MENU ------------------------------------------*/

#contingut ul 		{ padding-left:30px; padding-bottom:10px; color:#333333 }
#contingut ul li 	{ line-height:18px; margin-bottom:10px; list-style-image:url(../img/ico_list.png); list-style-position:outside  }

#menu 				{ }
#menu ul			{ margin-top:5px }
#menu ul li			{ border-right:#c9c9c9 solid 1px; padding-right:20px; margin-right:10px; float:left;  }
#menu ul li a		{ padding-left:14px; font-weight:normal; font-size:1em; font-weight:bold; text-decoration:none; color:#666666; }
#menu ul li a:hover	{ color:#ed1a28;}

/* Idiomes */
#idms 							{ margin:0 auto; width:922px;}
#idiomes 						{ float:right; margin-top:8px; font-size:.7em; font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:20px }
#idiomes a 						{ padding:15px 0 3px 18px; background-position:6px center; background-repeat:no-repeat; text-decoration:none; font-weight:bold }
#idiomes a:hover				{ text-decoration:underline }
#idiomes span.inactiu a 		{ width:40px; display:inline; color:#005594 }
#idiomes span.actiu a			{ width:50px; display:inline; color:#333 }

/* Formularis */
#reserva						{ margin-left:30px}
#reserva label 					{ display:block; width:180px; font-weight:bold; font-size:.90em; 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; margin-right:100px }
#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 }

/* Contingut */


ul.llista		{ margin-left:20px; color:#990000; margin-bottom:20px}
ul.llista li	{ line-height:1.8em; }
ul.llista li a	{ color:#990000; text-decoration:none; }
ul.llista li a:hover	{ color:#000000; text-decoration:underline; }
#mapa { border:3px solid #ccc; margin-bottom:15px; clear:left }

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

#peu a 			{ text-decoration:none; color:#000 }
#peu a:hover 	{ text-decoration:underline; color:#005594 }
#peu ul 		{ display:block; line-height:1.8em;  padding-top:20px }
#peu ul li 		{ float:left; display:block; height:52px; padding:11px 10px 15px 10px }

#peu .adresa,
#peu .horari {  }

#peu .adresa { padding-right:40px;   }
#peu .links { text-align:right; float:right; padding-right:15px }


#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:80px 14px 0 0;}
.q, .q a { color:#888 }

/* ---------------------- URL ---------------------- */
a.noticies			    { display:block; color:#7d2d26; font-family: 'Tahoma', sans-serif; line-height:34px; padding:0 10px 0 0px; font-size:17px; }
a.noticies:hover		{ display:block; color:#7d2d26; font-family: 'Tahoma', sans-serif; text-decoration:none }
a.noticies span			{ display:block; }

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