@charset "utf-8";
/* THE BIG GUYS */
* 		{ margin:0; padding:0 }
body 	{ background:#efefef url(../imatges/bg_body.gif) top repeat-x; font-family: Arial, Helvetica, sans-serif }


/* FORMS */
form 		{ margin: 0 0 1.5em }
input, textarea 		{ font-family: arial,tahoma,verdana,sans-serif; margin: 2px 0 }
fieldset	{ border: none}
label		{ display:block;padding: 5px 0 }
label br 	{ clear:left }
strong		{color:#d94c1f}
/* TYPOGRAPHY */
p 			{ font-size:.80em; line-height:1.8em; color:#666; margin-bottom:20px; margin-right:10px }
h1 			{ font-size: 1.3em; margin-bottom:20px; padding:20px 0 14px 0; text-align:center; color:#d94c1f; border-bottom:1px dotted #d94c1f; font-variant:small-caps}
h2 			{ font-size: 1.1em; color:#d94c1f; font-weight:normal; border-bottom:1px dotted #aaa; margin-bottom:10px; margin-top:30px; font-variant:small-caps }
h3 			{ font-size: 1.0em; padding-bottom:12px }
h4 			{ font-size: .9em }
h5 			{ font-size: .8em }
img 		{ border:none }
b 			{ color:#990000 }
table		{ font-size:.80em; margin:0  }
td			{ margin:0; }
ol, ul		{ margin-bottom:40px}
ul li.quotes		{ font-size:.80em; margin-top:20px; list-style-position:inside; padding-left:20px}
ol li		{ font-size:.80em; margin-top:20px; list-style-position:inside; padding-left:20px}
ol li ul 	{ margin-bottom:20px; list-style:inside; padding-left:40px; font-size:1.2em}
/* GENERAL */

img.foto			{ float:right; margin:6px 0px 6px 20px; background-color:#EFEFEF; padding:2px; border:#CCCCCC solid 1px; } 
img.foto_esq		{ float:left; margin:6px 20px 6px 0px; background-color:#EFEFEF; padding:2px; border:#CCCCCC solid 1p } 

/* LAYOUT */
#web				{ width:960px; margin:0 auto; background:#FFF; border-right:solid 1px #FFF; border-left:solid 1px #FFF}

/* LAYOUT - HEADER */
#cap 				{ clear:both; }

/* LAYOUT - main body of page */
#cos 				{ min-height:400px  }
#contingut			{ margin:0 30px 0 230px; }
#columna1			{ float:left; width:210px; background-color:#FFF;}
#portada			{ margin-right:10px; display:inline}

/* LAYOUT - FOOTER */
#peu 				{ height:48px; background:#000000 url(../imatges/bg_peu2.jpg); padding-top:15px; padding-left:10px; height:100%; vertical-align:baseline } 
#peu a				{ font-size: .75em; font-weight:normal; text-decoration:none; color:#FFF; text-align:right }
#peu a:hover		{ text-decoration:underline; color:#222; text-align:right }

/* LAYOUT - ALTRES, CLASES, ... */

#contingut table	{ margin:0 0 20px 0; border:0px solid #d94c1f; width:98%}
#contingut td		{ border:1px solid #d94c1f; padding:4px; background-color:#FFFFFF}
#cont td				{border:0px solid #d94c1f; padding:4px; background-color:#FFFFFF}
#contingut ul		{ }
#contingut ul li	{ line-height:26px; list-style:none; border:#d94c1f 1px solid; border-left:#d94c1f solid 4px; background:#efefef; padding:10px; margin-bottom:10px}
#contingut ul li a	{ color:#d94c1f; text-decoration:none}
#contingut ul li a:hover	{ color:#000000; text-decoration:underline}
/*  CLASES DEL PEU 
   ------------------------------------------------------------------------------------------------------------------------------------------- */
#peu ul						{ list-style:none; margin:0; line-height:1.8em }
#peu li						{ display:inline; padding:0 6px 0 0; margin:0; }
#peu li a					{ color:#ffffff; border-left:1px solid #FFF; padding:0 0 2px 8px; }
#peu li a.primer			{ border-left-width:0; padding-left:0 }
#peu a:hover				{ color:#fff }
#peu a, #peu strong			{ color:#fff; font-size: .75em; }
#peu a.gotop				{ float:right; color:#fff; font-weight:bold; background:transparent url(../imatges/icones/amunt.gif) right center no-repeat; margin-right:8px; padding-right:20px }


/* MENUS */
.menu 					{ font-size:.85em; line-height:30px; margin-top:26px; margin-left:15px; font-variant:small-caps  }
.menu li				{ padding:2px 0 0 8px; list-style:none; border-bottom:1px dotted #BBBBBB; }
.menu li.sub			{list-style:none; color:#000000; height:25px}
.menu li.sub a			{ color:#6cb151; font-weight:normal; }
.menu a					{   text-decoration:none; color:#000; }
.menu a:hover			{ color:#d94c1f; text-decoration:none }

/* CLASES DE CONTINGUT */

#index ul				{ clear:both; color:#000000  }
#index ul				{ margin-bottom:10px; line-height:1.2em; list-style:none; padding-left:10px; padding-bottom:20px  }

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */

#formulari 					{ clear:both; width:100%; margin:15px 0 15px 0; background-color:#FFFFFF }
#formulari table			{ margin:0 0 20px 0; width:100%; }
#formulari th				{ text-align:left; font-size:14px; font-weight:normal; width:25%; color:#555; vertical-align:top; line-height:20px; }
#formulari td				{ text-align:left;}
#formulari td input			{ font-size:12px; width:600px; background:#FFFFFF; border:0px solid #d94c1f; line-height:20px; }
#formulari td .mal			{ border:1px solid #d94c1f; color:#000000; }
#formulari td textarea		{ font-size:12px; width:600px; background:#FFFFFF; border:0px solid #d94c1f; height:150px; }
#formulari th.boto			{ text-align:left; padding:10px 0 0 93px; }
#formulari th.boto input.boto	{ font:0.85em arial,tahoma,verdana,sans-serif; color:#444;  padding:2px 8px 2px 8px; }