@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,em,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.dreta	 	{ margin:0px 0px 20px 20px; float:right }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; }  
img.dretanomarc	 	{ margin:0px 0px 20px 20px; float:right }
img.lateral   	{ margin-bottom:10px }
img.galeria		{ max-height:74px; max-width:74px; }
img.foto_gran	{ margin-top:20px; max-height:380px; max-width:380px; border:#2f2f2f solid 1px; padding:2px; background-color:#222; }
img.foto_gran_esq	{ margin-top:20px; max-height:380px; max-width:380px; border:#2f2f2f solid 1px; padding:2px; background-color:#222; margin-right:20px }
.table_fotos	{ background-color:#000; empty-cells:hide; }
.table_fotos td	{ text-align:center; width:74px; height:74px; border:#212121 solid 1px; padding:5px; background-color:#000; margin-right:7px; margin-bottom:7px; }

/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family: Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size:.8em; padding:0; margin:0; background:#000 url(../img/bg_body.gif) top repeat-x }
strong	{ font-weight:bold;}
h1		{ text-align:center; line-height:1.9em; color:#7a643f; font-size:1.3em; font-variant:small-caps; padding-bottom:20px }
p		{ padding-bottom:20px; color:#BBBBBB; }
a 		{ text-decoration:underline; color:#000000; }

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
html, body { width:100%; height:100% }
#web { position:relative; min-height:100% }
* html	{ height:100% }

#idiomes			{ text-align:right; color:#FFF; font-size:.9em }
#idiomes a			{ color:#FFF; margin-left:10px; text-decoration:none }
#idiomes a:hover	{ color:#bc8a34; }

#web 				{ width:960px; margin:0 auto; }
#contingut			{ width:960px; background:url(../img/bg_contingut.gif) repeat-y; float:left }
#columna_esquerra 	{ width:380px; float:left;    }
#columna_esquerra_top{ width:370px; height:10px; padding-left:30px; padding-top:60px;    }
#columna_central 	{ width:200px;  background:#170f02; float:left;  height:100%; min-height:800px }
#columna_dreta 		{ width:350px; float:right; height:100%; }
#menu_sup 			{ width:380px; float:right; font-variant:small-caps; }
#cap				{ height:150px; padding-top:40px; }
#peu				{ clear:both;}
#sotapeu 			{ background:#2f0e03 url(../img/bg_sotapeu.png) top repeat-x; height:32px; position:relative; margin-top:-32px; }
/* ---------------------- CAP ---------------------- */

#menu_sup ul		{ margin-top:6px;  padding-bottom:240px }
#menu_sup ul li		{ padding-top:1px; color:#7a643f}
#menu_sup ul li	a	{ color:#FFFFFF; text-decoration:none }
#menu_sup ul li a:hover	{ color:#bc8a34 }
#menu_sup ul li a.actiu	{ color:#7a643f }

/* --------------------------  CONTINGUT ------------------------------------------*/
.contingut_esquerra	{ padding:242px 24px 0 0; text-align:justify; letter-spacing:.02em; line-height:18px;}
.contingut_dreta	{ padding:0 24px 0 0; text-align:justify; letter-spacing:.02em; line-height:18px}
.contingut_centre	{ clear:both; padding:0 10px 0 10px; text-align:center; letter-spacing:.02em; line-height:28px}
.contingut_centre p	{ color:#7a643f; }
.contingut_centre a	{ color:#7a643f; text-decoration:none; }
.contingut_centre a:hover	{ color:#bc8a34; text-decoration:none; }

.contingut_centre ul{ font-size:1.2em; color:#bfbfbf; }
.contingut_centre ul li { padding:0; margin-top:10px; margin-bottom:2px; }
.contingut_centre ul ul{ font-size:.75em; color:#7a643f; }
.contingut_centre ul ul li{ padding:0; margin:0; line-height:15px; }
.contingut_centre h1{ text-align:center; line-height:1.9em; margin:0; padding:0;  color:#7a643f; font-size:1.3em; font-variant:small-caps; }

div.bottom-firma 	{ font-size:.8em; padding-top:6px; bottom:2px; text-align:center}

/* ---------------------- portada ---------------------- */

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


/* ------------------- Els color del Hover: #7a643f ---------------------------- */


/* ---------------------- Novetats ---------------------- */

/* ---------------------- Serveis ---------------------- */

/* ---------------------- Formularis ---------------------- */

#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 }

#contacte				{ width:380px; margin:20px auto; color:#BBBBBB;  font-size:.9em }
#contacte label 		{ display:block; float:left; width:200px; padding-bottom:8px }
#contacte input.text 	{ width:380px; padding:2px; margin-bottom:8px; border:none }
#contacte .submit 		{ display:block; text-align:right }
#contacte input.boto 	{ float:left }
#contacte textarea 		{ width:380px; height:80px; padding:2px; margin-bottom:8px; border:none }
#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 }

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