@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 {  }
fieldset,img { border:0 }
address,caption,cite,code,dfn,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.dretanorm 	{ padding:0 0 0px 30px; float:right; display:block }
img.dreta	 	{ padding:0 0 0px 0px; float:right; display:block }
img.dreta_p	 	{ margin:0px 10px 0px 0px; width:170px; border:#e4e4e4 solid 1px; float:left; padding:2px }
img.esquerra	{ margin:0 50px 0px 0px; padding:0; float:left;  }  

/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family:Georgia, "Times New Roman", Times, serif; text-align:justify; font-size:.85em; padding:0; margin:0; height:100%; background:#982047 url(../img/bg_body.jpg) top center; }
strong	{ color:#982046; }
em		{ color:#982046; font-style:italic }

h1		{ font-size:3.5em; padding:0px 0px 20px 0px; color:#636366; font-family: 'Tangerine', Georgia, arial, serif; font-weight:bold }
h2		{ text-align:left; font-size:1.5em; padding:20px 0 10px 0; color:#555555;   }
h3		{ padding:0px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif }
h4		{ padding:0px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; color:#fa9201;  }
p		{ font-size:1em; line-height:1.6em; padding-bottom:15px; }
a 		{ text-decoration:none; color:#982046 }
a:hover { text-decoration:underline; color:#982046 }
li		{ text-align:left; }
ul		{ margin-bottom:20px }
/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:900px; margin:0 auto; margin-top:10px; position:relative; }
#logo 		{ margin-top:30px; margin-bottom:50px; }
#cos		{ background:#fff url(../img/background.jpg) bottom center no-repeat; }
#menu		{ float:left; padding-left:30px; width:220px; margin-bottom:30px  }
#contingut 	{ margin-left:250px; color:#555; padding-top:160px;  margin-bottom:30px; width:400px; }
#contingut_ample 	{ margin-left:250px; color:#555; padding-top:160px; margin-bottom:30px; width:600px; }
#peu 		{ clear:both; color:#999999; height:32px; background:#2f2f2f; font-size:.80em; padding-top:4px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }

.mensaje_envio			{ background-color:#000; color:#fff; padding:10px; margin-bottom:5px; }
.mapa					{ border:#982047 solid 6px}
#menu ul				{ font-size:1.2em; line-height:1.8em; }
#menu ul li				{  }

#menu ul li	a 			{ color:#9b2b4c; border-left:#9a234b solid 8px; padding-left:8px }
#menu ul li:hover a		{ color:#444; border-left:#444 solid 8px; padding-left:8px }

#menu ul li.actiu	 	{   }
#menu ul li.actiu a	 	{ color:#000; border-left:#000 solid 8px; padding-left:8px }

.rosa				{ position:absolute; bottom:42px; right:0; }
.peufoto			{ margin: 0px 0px 30px 10px ; padding-top:0px}

blockquote			{ width:300px; float:right; font-weight:bold; font-size:1.3em; line-height:1.8em; margin-left:20px; margin-bottom:20px; margin-bottom:20px; text-align:center}
#contingut ul				{ padding:10px; margin-bottom:20px }
#contingut ul li a			{ line-height:1.9em; color:#000}
#contingut ul li a:hover	{ color:#600; text-decoration:underline}

#idiomes 						{ float:left; position:absolute; z-index:1; margin:4px 28px; font-size:.8em;}
#idiomes a 						{ display:block; padding:5px 0 3px 28px; background-position:6px center; background-repeat:no-repeat }
#idiomes span.general			{ float:left; }
#idiomes span a 				{ width:60px; color:#000; font-weight:bold;   }
#idiomes a.es 					{ background-image:url(../img/bandera_es.gif) }
#idiomes a.ca 					{ background-image:url(../img/bandera_ca.gif) }
#idiomes a.ro 					{ background-image:url(../img/bandera_ro.gif) }
#idiomes a.en 					{ background-image:url(../img/bandera_en.gif) }
#idiomes a.fr					{ background-image:url(../img/bandera_fr.gif) }

#contacte								{ margin-top:20px; }
#contacte label 						{ display:block; width:150px; text-align:left; color:#555; float:left; }
#contacte textarea, #contacte input.text{ border:1px solid #cccccc; background-color:#fff; padding:3px; width:242px; }
#contacte input.text 					{ margin-bottom:8px }
#contacte textarea 						{ margin-bottom:8px;  }
#contacte .submit			 			{ display:block; text-align:right; margin-bottom:15px;  }
#contacte input.boto    				{ font-family:"Trebuchet MS", sans-serif; font-size:.9em; }
#ClientValidationSummary 				{ background-color:#fff; padding:5px; border:2px solid #EAEDF1; font-size:.80em; margin:0; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 				{ font-weight:normal }
#ClientValidationSummary ul li			{ padding:0; margin:0; line-height:1.6em; }

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

#peu a { text-decoration:underline; color:#999999; }
#peu a:hover			{ color:#9b2b4c; }

#peu ul { display:block; line-height:1.4em; }
#peu ul li { float:left; display:block; padding:0; }

#peu .adresa, #peu .reserva { margin-top:7px; }
#peu .adresa 				{ margin-left:10px; }
#peu .reserva				{ margin-left:20px; }
#peu .links 				{ text-align:right; float:right; margin-top:7px; }
#peu .links a 				{ margin:0 10px 0 0 }

#peu strong	{ color:#fff; font-weight:bold; }

.q 			{ font-size:.80em; text-align:right; height:42px; color:#999999; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
.q p 	{ color:#dddddd; padding-top:12px; }
.q a	{ color:#eeeeee; }
.q a:hover	{ text-decoration:underline}


#pagination { padding: 3px; margin: 0 auto; text-align:center;font-size:.85em; margin-bottom:15px; }

#pagination a {	border: 1px solid #fa9201; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #888;		
}
#pagination a:hover, div.pagination a:active {border: 1px solid #000; background-image:none; background-color:#000; 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; }

a.tornar		{ display:block; clear:both; color:#AE0007; margin-top:15px; padding:2px 0 4px 5px; font-weight:bold; border-top:1px solid #ccc; border-bottom:2px solid #eee; background:url(../img/ico_tornar.gif) right center no-repeat }