@charset "utf-8";

/* ---------------------- CSS RESET ---------------------- */
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,h4,h5,h6 { font-size:100%; font-family:Georgia, Times, serif; color:#bb4640; padding-bottom:15px }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin:20px 0px 20px 20px; border:#bbb solid 1px; float: right}
img.esquerra	{ margin:0px 20px 20px 0; border:#bbb solid 1px; float: left}  
img.centre		{ margin:20px 10px 10px 10px; border:#FFFFFF solid 4px; float:none}
img.marc		{ border:#FFFFFF solid 4px; margin:0 10px 20px 11px;}
/* ---------------------- BIG BOYS ---------------------- */
html, body { width:100%; height:100% }
body {  font-family:Arial, Helvetica, sans-serif; font-size:80%; background-color:#FFCC00; padding:0; margin:0 }

h1 { font-size:1.2em; border-bottom:#DDD 1px dotted }
h2 { font-size:1.2em; border-bottom:#DDD 1px dotted }
h3 { font-size:1.3em;  color:#FFF; padding-left:8px; display:block; font-family: 'PT Sans Caption', arial, serif; line-height:24px; background-color:#FC0; text-shadow: 1px 1px #7b7b7b }
p { line-height:1.65em; color:#333; margin:15px 0 }
strong { font-weight:bold; color:#bb4640}
a { text-decoration:underline; color:#1c0902; }
a:hover { text-decoration:underline; color:#6C4C29 }
blockquote	{ font-family: 'PT Sans Caption', arial, serif; padding:20px; text-align:center; color:#666; border:#990000 1px dotted; margin-left:75px; margin-right:75px; font-size:1.2em; font-weight:bold; line-height:24px; background-color:#efefef}

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:806px; margin:0 auto; }
#cap 		{ height:230px; background:url(../img/bg_cap.jpg) top repeat-y }
#cos 		{ background:url(../img/bg_cos.jpg) top repeat-y; }
#peu 		{ background:url(../img/bg_peu.jpg) top no-repeat; width:806px; }
#contingut  { padding-top:10px; padding-left:40px; padding-right:40px;  }
#credits	{ float:right}
/* ---------------------- CAP ---------------------- */
#marcs_fotos { margin-right:30px; width:600px; float:left; position:absolute; height:150px; z-index:1 }
#marcs_fotos li { display:none }
p.ultim	{ margin-bottom:70px}

/* Menú superior */
#menu				{ width:745px; background-color:#bb4640; height:36px; margin-left:30px; font-family: 'PT Sans Caption', arial, serif;}
#menu li 			{ float:left; font-size:.9em; padding:0 8px 0 8px; text-align:center; display:inline; border-right:#FFFFFF solid 1px; text-transform:uppercase }
#menu li a 			{ color:#FFFFFF; line-height:36px; text-decoration:none }
#menu li a:hover 	{ color:#FFCC00; text-decoration:none; }
#menu li.actiu a 	{ color:#000000; font-weight:bold;  }

#idiomes 	{ position:absolute; top:0; margin-left:730px; width:80px; height:36px; z-index:2}
#idiomes li { float:left; padding:6px 10px 5px 0 }
		
.fitxa								{ margin:10px 0; background:#EFEFEF; padding:4px }
.fitxa table					{ background:#EFEFEF; padding:4px}
.fitxa th, .fitxa td	{ padding:10px; vertical-align:top; border-bottom:1px solid #FFF; line-height:20px }
.fitxa th							{ text-align:left; background:#DDD; width:200px }
.fitxa td							{ text-align:right; color:#6c4d2a; vertical-align:bottom; border-right:1px solid #FFF }
.fitxa .titol					{ background:url(../imatges/bg_titol_fitxa.gif) bottom repeat-x; padding-bottom:5px; color:#990000 }

.preus					{ margin:10px 0; width:100% }
.preus th, .preus td	{ padding:10px 10px 10px 10px; vertical-align:top; border-bottom:1px solid #FFF; }
.preus th				{ text-align:left; width:200px; background:url(../img/bg_th.jpg); }
.preus td				{ text-align:right; background:url(../img/bg_td.jpg); color:#6c4d2a; vertical-align:bottom; border-right:1px solid #FFF }
.preus .titol			{ background:url(../img/bg_titol_fitxa.gif) bottom repeat-x; padding-bottom:5px; color:#990000 }

.entorno td						{ padding:16px}
.entorno img					{ border:#FFFFFF solid 4px;}

#contingut a.enllasfora	{ background:url(../img/ico_enllas.gif) right center no-repeat; padding-right:18px }
#contingut a.mail				{ background:url(../img/ico_mail.gif) right center no-repeat; padding-right:18px }

.galeria th		{ padding:8px 8px 8px 12px ; color:#83521d; line-height:24px; font-size:1.2em;}
.galeria td		{ text-align:center} 

/* CALENDARI 
---------------------------------------------------------------- */
table.mes					{ margin-top:20px; height:250px; vertical-align:top}
.mes th						{ background-color:#6c4d2a ; color:#faf2e8; padding:6px; text-align:center; border:1px solid #6c4d2a; font-size:.75em}
.mes td						{ clear:both; background-color:#FFFFFF; width:20px; text-align:center; padding:6px 0px 6px 9px; border:1px solid #6c4d2a;}
.mes td.festiu		{ background-color:#f4b678;}
.mes td.buit			{ background-color:#faf2e8;}
.mes td.ocupat		{ background-color:#d13814; color:#FFFFFF; text-decoration:line-through }
.mes th.gran			{ font-size:1em}

.any td			{ padding-right:14px}

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */
#contacte				{ width:850px; margin:20px auto; font-size:.85em }
#contacte label { display:block; float:left; width:290px; font-weight:bold }
#contacte input.text { width:396px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit { display:block; text-align:right }
#contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:300px; }
#contacte textarea { width:395px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .validation-failed {border:1px solid #C82633;}
#ClientValidationSummary { background-color:#f2f2f2; border:2px solid #C82633; width:600px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold }


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

.sota 	{ text-align:center; font-size:.90em } 
.q { display:block; font-size:.85em; text-align:right; margin-top:20px; padding-bottom:20px; margin-right:20px }
.q, .q a { color:#000000 }